@webiny/app-website-builder-workflows 0.0.0-unstable.61c048f412

package/Components/OptionItem/OpenInNewWindow.d.ts

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

package/Components/OptionItem/OpenInNewWindow.js

@@ -0,0 +1,41 @@
+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 { 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
+    });
+  };
+});
+
+//# sourceMappingURL=OpenInNewWindow.js.map

package/Components/OptionItem/OpenInNewWindow.js.map

@@ -0,0 +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":[]}

package/Components/OptionItem/index.d.ts

@@ -0,0 +1 @@
+export { ListOpenInNewWindow } from "./OpenInNewWindow.js";

package/Components/OptionItem/index.js

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

package/Components/OptionItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ListOpenInNewWindow"],"sources":["index.ts"],"sourcesContent":["export { ListOpenInNewWindow } from \"./OpenInNewWindow.js\";\n"],"mappings":"AAAA,SAASA,mBAAmB","ignoreList":[]}

package/Components/PageEditor/PageEditorAutoSave.d.ts

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

package/Components/PageEditor/PageEditorAutoSave.js

@@ -0,0 +1,33 @@
+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);
+  };
+});
+
+//# sourceMappingURL=PageEditorAutoSave.js.map

package/Components/PageEditor/PageEditorAutoSave.js.map

@@ -0,0 +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":[]}

package/Components/PageEditor/PageEditorConfig.d.ts

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

package/Components/PageEditor/PageEditorConfig.js

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

package/Components/PageEditor/PageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageEditorConfig","BaseConfig","PageEditorAutoSave","PageEditorSettings","PageFormWorkflowStateTooltip","PageFormWorkflowStatePublishButton","PageEditorLayout","PageEditorToolbar","PageEditorSidebar","createElement","Fragment"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageEditorConfig as BaseConfig } from \"@webiny/app-website-builder\";\nimport { PageEditorAutoSave } from \"./PageEditorAutoSave.js\";\nimport { PageEditorSettings } from \"./PageEditorSettings.js\";\nimport { PageFormWorkflowStateTooltip } from \"./PageFormWorkflowStateTooltip.js\";\nimport { PageFormWorkflowStatePublishButton } from \"./PageFormWorkflowStatePublishButton.js\";\nimport { PageEditorLayout } from \"./PageEditorLayout.js\";\nimport { PageEditorToolbar } from \"./PageEditorToolbar.js\";\nimport { PageEditorSidebar } from \"./PageEditorSidebar.js\";\n\nexport const PageEditorConfig = () => {\n    return (\n        <>\n            <PageEditorLayout />\n            <BaseConfig>\n                {/* Should remove autosave feature */}\n                <PageEditorAutoSave />\n                {/* Should remove settings button */}\n                <PageEditorSettings />\n                {/* Should remove left bar in the editor */}\n                <PageEditorToolbar />\n                {/* Should remove right bar in the editor */}\n                <PageEditorSidebar />\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,kBAAkB;AAC3B,SAASC,kBAAkB;AAC3B,SAASC,4BAA4B;AACrC,SAASC,kCAAkC;AAC3C,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAE1B,OAAO,MAAMR,gBAAgB,GAAGA,CAAA,KAAM;EAClC,oBACID,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,qBACIX,KAAA,CAAAU,aAAA,CAACH,gBAAgB,MAAE,CAAC,eACpBP,KAAA,CAAAU,aAAA,CAACR,UAAU,qBAEPF,KAAA,CAAAU,aAAA,CAACP,kBAAkB,MAAE,CAAC,eAEtBH,KAAA,CAAAU,aAAA,CAACN,kBAAkB,MAAE,CAAC,eAEtBJ,KAAA,CAAAU,aAAA,CAACF,iBAAiB,MAAE,CAAC,eAErBR,KAAA,CAAAU,aAAA,CAACD,iBAAiB,MAAE,CAAC,eAErBT,KAAA,CAAAU,aAAA,CAACL,4BAA4B,MAAE,CAAC,eAEhCL,KAAA,CAAAU,aAAA,CAACJ,kCAAkC,MAAE,CAC7B,CACd,CAAC;AAEX,CAAC","ignoreList":[]}

package/Components/PageEditor/PageEditorLayout.d.ts

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

package/Components/PageEditor/PageEditorLayout.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+import { useApolloClient } from "@apollo/react-hooks";
+import { useSecurity } from "@webiny/app-admin";
+import { Components } from "@webiny/app-workflows";
+import { WB_PAGE_APP } from "../../constants.js";
+import { PageFormWorkflowState } from "./PageFormWorkflowState.js";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+const {
+  Ui
+} = PageEditorConfig;
+const {
+  ContentReview: {
+    WorkflowStateProvider
+  }
+} = Components;
+export const PageEditorLayout = Ui.TopBar.Layout.createDecorator(Original => {
+  return function PageEditorTopBarWorkflowsState() {
+    const page = useSelectFromDocument(doc => {
+      return {
+        id: doc.id,
+        title: doc.properties.title || "unknown page"
+      };
+    });
+    const client = useApolloClient();
+    const {
+      identity
+    } = useSecurity();
+    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(PageFormWorkflowState, null));
+  };
+});
+
+//# sourceMappingURL=PageEditorLayout.js.map

package/Components/PageEditor/PageEditorLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSelectFromDocument","useApolloClient","useSecurity","Components","WB_PAGE_APP","PageFormWorkflowState","PageEditorConfig","Ui","ContentReview","WorkflowStateProvider","PageEditorLayout","TopBar","Layout","createDecorator","Original","PageEditorTopBarWorkflowsState","page","doc","id","title","properties","client","identity","createElement","app"],"sources":["PageEditorLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\nimport { PageFormWorkflowState } from \"./PageFormWorkflowState.js\";\nimport { PageEditorConfig } from \"@webiny/app-website-builder\";\n\nconst { Ui } = PageEditorConfig;\n\nconst {\n    ContentReview: { WorkflowStateProvider }\n} = Components;\n\nexport const PageEditorLayout = Ui.TopBar.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 } = useSecurity();\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 top bar*/}\n                <Original />\n                {/* Should render workflow state bar and the alert for storing changes */}\n                <PageFormWorkflowState />\n            </WorkflowStateProvider>\n        );\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,uEAAuE;AAC7G,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,WAAW;AACpB,SAASC,qBAAqB;AAC9B,SAASC,gBAAgB,QAAQ,6BAA6B;AAE9D,MAAM;EAAEC;AAAG,CAAC,GAAGD,gBAAgB;AAE/B,MAAM;EACFE,aAAa,EAAE;IAAEC;EAAsB;AAC3C,CAAC,GAAGN,UAAU;AAEd,OAAO,MAAMO,gBAAgB,GAAGH,EAAE,CAACI,MAAM,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EACzE,OAAO,SAASC,8BAA8BA,CAAA,EAAG;IAC7C,MAAMC,IAAI,GAAGhB,qBAAqB,CAACiB,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,GAAGpB,eAAe,CAAC,CAAC;IAChC,MAAM;MAAEqB;IAAS,CAAC,GAAGpB,WAAW,CAAC,CAAC;IAElC,oBACIH,KAAA,CAAAwB,aAAA,CAACd,qBAAqB;MAClBe,GAAG,EAAEpB,WAAY;MACjBc,EAAE,EAAEF,IAAI,CAACE,EAAG;MACZI,QAAQ,EAAEA,QAAS;MACnBD,MAAM,EAAEA,MAAO;MACfF,KAAK,EAAE,oBAAoBH,IAAI,CAACG,KAAK;IAAG,gBAGxCpB,KAAA,CAAAwB,aAAA,CAACT,QAAQ,MAAE,CAAC,eAEZf,KAAA,CAAAwB,aAAA,CAAClB,qBAAqB,MAAE,CACL,CAAC;EAEhC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Components/PageEditor/PageEditorSettings.d.ts

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

package/Components/PageEditor/PageEditorSettings.js

@@ -0,0 +1,30 @@
+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 WrappedSettings = observer(props => {
+  const {
+    presenter
+  } = useWorkflowState();
+  if (!presenter.vm.state?.state) {
+    return props.element;
+  }
+  return null;
+});
+export const PageEditorSettings = Ui.TopBar.Action.createDecorator(Original => {
+  return function PageEditorSettingsDecorated(props) {
+    if (props.name === "buttonSettings") {
+      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
+        element: /*#__PURE__*/React.createElement(WrappedSettings, {
+          element: props.element
+        })
+      }));
+    }
+    return /*#__PURE__*/React.createElement(Original, props);
+  };
+});
+
+//# sourceMappingURL=PageEditorSettings.js.map

package/Components/PageEditor/PageEditorSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageEditorConfig","useWorkflowState","observer","Ui","WrappedSettings","props","presenter","vm","state","element","PageEditorSettings","TopBar","Action","createDecorator","Original","PageEditorSettingsDecorated","name","createElement","Object","assign"],"sources":["PageEditorSettings.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 IWrappedSettings {\n    element?: React.ReactElement | null;\n}\n\nconst WrappedSettings = observer((props: IWrappedSettings) => {\n    const { presenter } = useWorkflowState();\n    if (!presenter.vm.state?.state) {\n        return props.element;\n    }\n\n    return null;\n});\n\nexport const PageEditorSettings = Ui.TopBar.Action.createDecorator(Original => {\n    return function PageEditorSettingsDecorated(props) {\n        if (props.name === \"buttonSettings\") {\n            return <Original {...props} element={<WrappedSettings 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;AAM/B,MAAMI,eAAe,GAAGF,QAAQ,CAAEG,KAAuB,IAAK;EAC1D,MAAM;IAAEC;EAAU,CAAC,GAAGL,gBAAgB,CAAC,CAAC;EACxC,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,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EAC3E,OAAO,SAASC,2BAA2BA,CAACV,KAAK,EAAE;IAC/C,IAAIA,KAAK,CAACW,IAAI,KAAK,gBAAgB,EAAE;MACjC,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":[]}

package/Components/PageEditor/PageEditorSidebar.d.ts

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

package/Components/PageEditor/PageEditorSidebar.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { EditorConfig } from "@webiny/app-website-builder/BaseEditor/index.js";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+export const PageEditorSidebar = EditorConfig.Ui.Sidebar.createDecorator(Original => {
+  return function PageEditorSidebarDecorated() {
+    const stepId = useSelectFromDocument(document => {
+      // @ts-expect-error
+      return document.workflows?.state?.stepId;
+    });
+    if (stepId) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Original, null);
+  };
+});
+
+//# sourceMappingURL=PageEditorSidebar.js.map

package/Components/PageEditor/PageEditorSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","EditorConfig","useSelectFromDocument","PageEditorSidebar","Ui","Sidebar","createDecorator","Original","PageEditorSidebarDecorated","stepId","document","workflows","state","createElement"],"sources":["PageEditorSidebar.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorConfig } from \"@webiny/app-website-builder/BaseEditor/index.js\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport const PageEditorSidebar = EditorConfig.Ui.Sidebar.createDecorator(Original => {\n    return function PageEditorSidebarDecorated() {\n        const stepId = useSelectFromDocument((document): string | undefined => {\n            // @ts-expect-error\n            return document.workflows?.state?.stepId;\n        });\n        if (stepId) {\n            return null;\n        }\n        return <Original />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,iDAAiD;AAC9E,SAASC,qBAAqB,QAAQ,uEAAuE;AAE7G,OAAO,MAAMC,iBAAiB,GAAGF,YAAY,CAACG,EAAE,CAACC,OAAO,CAACC,eAAe,CAACC,QAAQ,IAAI;EACjF,OAAO,SAASC,0BAA0BA,CAAA,EAAG;IACzC,MAAMC,MAAM,GAAGP,qBAAqB,CAAEQ,QAAQ,IAAyB;MACnE;MACA,OAAOA,QAAQ,CAACC,SAAS,EAAEC,KAAK,EAAEH,MAAM;IAC5C,CAAC,CAAC;IACF,IAAIA,MAAM,EAAE;MACR,OAAO,IAAI;IACf;IACA,oBAAOT,KAAA,CAAAa,aAAA,CAACN,QAAQ,MAAE,CAAC;EACvB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Components/PageEditor/PageEditorToolbar.d.ts

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

package/Components/PageEditor/PageEditorToolbar.js

@@ -0,0 +1,17 @@
+import { EditorConfig } from "@webiny/app-website-builder/BaseEditor/index.js";
+import React from "react";
+import { useSelectFromDocument } from "@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js";
+export const PageEditorToolbar = EditorConfig.Ui.Toolbar.createDecorator(Original => {
+  return function PageEditorToolbarDecorated() {
+    const stepId = useSelectFromDocument(document => {
+      // @ts-expect-error
+      return document.workflows?.state?.stepId;
+    });
+    if (stepId) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Original, null);
+  };
+});
+
+//# sourceMappingURL=PageEditorToolbar.js.map

package/Components/PageEditor/PageEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EditorConfig","React","useSelectFromDocument","PageEditorToolbar","Ui","Toolbar","createDecorator","Original","PageEditorToolbarDecorated","stepId","document","workflows","state","createElement"],"sources":["PageEditorToolbar.tsx"],"sourcesContent":["import { EditorConfig } from \"@webiny/app-website-builder/BaseEditor/index.js\";\nimport React from \"react\";\nimport { useSelectFromDocument } from \"@webiny/app-website-builder/BaseEditor/hooks/useSelectFromDocument.js\";\n\nexport const PageEditorToolbar = EditorConfig.Ui.Toolbar.createDecorator(Original => {\n    return function PageEditorToolbarDecorated() {\n        const stepId = useSelectFromDocument((document): string | undefined => {\n            // @ts-expect-error\n            return document.workflows?.state?.stepId;\n        });\n        if (stepId) {\n            return null;\n        }\n        return <Original />;\n    };\n});\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iDAAiD;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,uEAAuE;AAE7G,OAAO,MAAMC,iBAAiB,GAAGH,YAAY,CAACI,EAAE,CAACC,OAAO,CAACC,eAAe,CAACC,QAAQ,IAAI;EACjF,OAAO,SAASC,0BAA0BA,CAAA,EAAG;IACzC,MAAMC,MAAM,GAAGP,qBAAqB,CAAEQ,QAAQ,IAAyB;MACnE;MACA,OAAOA,QAAQ,CAACC,SAAS,EAAEC,KAAK,EAAEH,MAAM;IAC5C,CAAC,CAAC;IACF,IAAIA,MAAM,EAAE;MACR,OAAO,IAAI;IACf;IACA,oBAAOR,KAAA,CAAAY,aAAA,CAACN,QAAQ,MAAE,CAAC;EACvB,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Components/PageEditor/PageFormWorkflowState.d.ts

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

package/Components/PageEditor/PageFormWorkflowState.js

@@ -0,0 +1,36 @@
+import React from "react";
+import { Components } from "@webiny/app-workflows";
+import { Alert, Grid } from "@webiny/admin-ui";
+const {
+  ContentReview: {
+    WorkflowStateBar
+  }
+} = Components;
+const StoreAlert = ({
+  state
+}) => {
+  if (!state) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "max-w-screen bg-white p-sm"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Alert, {
+    className: "mb-md mt-md",
+    type: "danger"
+  }, "Any changes you do on the page will not be stored!"))));
+};
+export const PageFormWorkflowState = () => {
+  return /*#__PURE__*/React.createElement(WorkflowStateBar, null, ({
+    state
+  }) => {
+    return /*#__PURE__*/React.createElement(StoreAlert, {
+      state: state
+    });
+  });
+};
+
+//# sourceMappingURL=PageFormWorkflowState.js.map

package/Components/PageEditor/PageFormWorkflowState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Components","Alert","Grid","ContentReview","WorkflowStateBar","StoreAlert","state","createElement","className","Column","span","type","PageFormWorkflowState"],"sources":["PageFormWorkflowState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { Alert, Grid } from \"@webiny/admin-ui\";\nimport type { IWorkflowState } from \"@webiny/app-workflows/types.js\";\n\nconst {\n    ContentReview: { WorkflowStateBar }\n} = Components;\n\ninterface IStoreAlertProps {\n    state: IWorkflowState | undefined | null;\n}\n\nconst StoreAlert = ({ state }: IStoreAlertProps) => {\n    if (!state) {\n        return null;\n    }\n    return (\n        <div className={\"max-w-screen bg-white p-sm\"}>\n            <Grid className={\"w-full\"}>\n                <Grid.Column span={12}>\n                    <Alert className={\"mb-md mt-md\"} type=\"danger\">\n                        Any changes you do on the page will not be stored!\n                    </Alert>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n\nexport const PageFormWorkflowState = () => {\n    return (\n        <WorkflowStateBar>\n            {({ state }) => {\n                return <StoreAlert state={state} />;\n            }}\n        </WorkflowStateBar>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAG9C,MAAM;EACFC,aAAa,EAAE;IAAEC;EAAiB;AACtC,CAAC,GAAGJ,UAAU;AAMd,MAAMK,UAAU,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EAChD,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,oBACIP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAE;EAA6B,gBACzCT,KAAA,CAAAQ,aAAA,CAACL,IAAI;IAACM,SAAS,EAAE;EAAS,gBACtBT,KAAA,CAAAQ,aAAA,CAACL,IAAI,CAACO,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBX,KAAA,CAAAQ,aAAA,CAACN,KAAK;IAACO,SAAS,EAAE,aAAc;IAACG,IAAI,EAAC;EAAQ,GAAC,oDAExC,CACE,CACX,CACL,CAAC;AAEd,CAAC;AAED,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACvC,oBACIb,KAAA,CAAAQ,aAAA,CAACH,gBAAgB,QACZ,CAAC;IAAEE;EAAM,CAAC,KAAK;IACZ,oBAAOP,KAAA,CAAAQ,aAAA,CAACF,UAAU;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC;EACvC,CACc,CAAC;AAE3B,CAAC","ignoreList":[]}

package/Components/PageEditor/PageFormWorkflowStatePublishButton.d.ts

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

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { PageEditorConfig } from "@webiny/app-website-builder";
+import { useWorkflowState, WorkflowStateValue } 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);
+  };
+});
+
+//# sourceMappingURL=PageFormWorkflowStatePublishButton.js.map

package/Components/PageEditor/PageFormWorkflowStatePublishButton.js.map

@@ -0,0 +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":[]}

package/Components/PageEditor/PageFormWorkflowStateTooltip.d.ts

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

package/Components/PageEditor/PageFormWorkflowStateTooltip.js

@@ -0,0 +1,23 @@
+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)
+  });
+};
+
+//# sourceMappingURL=PageFormWorkflowStateTooltip.js.map

package/Components/PageEditor/PageFormWorkflowStateTooltip.js.map

@@ -0,0 +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":[]}

package/Components/PageWorkflows/PageWorkflowsEditorView.d.ts

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

package/Components/PageWorkflows/PageWorkflowsEditorView.js

@@ -0,0 +1,60 @@
+import React, { useCallback, useMemo } from "react";
+import { AdminConfig, useRoute, useRouter } from "@webiny/app-admin";
+import { Routes } from "../../routes.js";
+import { Components } from "@webiny/app-workflows";
+import { Icon } from "@webiny/admin-ui";
+import { ReactComponent as WorkflowsIcon } from "@webiny/icons/workspaces.svg";
+import { WB_PAGE_APP } from "../../constants.js";
+const {
+  Admin: {
+    WorkflowsEditor
+  }
+} = Components;
+const {
+  Menu
+} = AdminConfig;
+export const PageWorkflowsEditorMenu = () => {
+  const router = useRouter();
+  return /*#__PURE__*/React.createElement(Menu, {
+    name: "websiteBuilder.pages.workflows",
+    pinnable: true,
+    parent: "wb",
+    element: /*#__PURE__*/React.createElement(Menu.Link, {
+      text: "Workflows",
+      to: router.getLink(Routes.Pages.Workflows)
+    })
+  });
+};
+export const PageWorkflowsEditorView = () => {
+  const {
+    route
+  } = useRoute(Routes.Pages.Workflows);
+  const {
+    goToRoute
+  } = useRouter();
+  const apps = useMemo(() => {
+    return [{
+      id: WB_PAGE_APP,
+      name: "Pages",
+      icon: /*#__PURE__*/React.createElement(Icon, {
+        icon: /*#__PURE__*/React.createElement(WorkflowsIcon, null),
+        label: "Pages Workflows"
+      })
+    }];
+  }, []);
+  const onAppClick = useCallback(id => {
+    goToRoute(Routes.Pages.Workflows, {
+      app: id
+    });
+  }, [apps]);
+  const app = useMemo(() => {
+    return apps.find(a => a.id === route.params.app) || apps[0];
+  }, [route.params.app, apps]);
+  return /*#__PURE__*/React.createElement(WorkflowsEditor, {
+    apps: apps,
+    onAppClick: onAppClick,
+    app: app.id
+  });
+};
+
+//# sourceMappingURL=PageWorkflowsEditorView.js.map

package/Components/PageWorkflows/PageWorkflowsEditorView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","AdminConfig","useRoute","useRouter","Routes","Components","Icon","ReactComponent","WorkflowsIcon","WB_PAGE_APP","Admin","WorkflowsEditor","Menu","PageWorkflowsEditorMenu","router","createElement","name","pinnable","parent","element","Link","text","to","getLink","Pages","Workflows","PageWorkflowsEditorView","route","goToRoute","apps","id","icon","label","onAppClick","app","find","a","params"],"sources":["PageWorkflowsEditorView.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { AdminConfig, useRoute, useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\nimport type { IWorkflowApplication } from \"@webiny/app-workflows\";\nimport { Components } from \"@webiny/app-workflows\";\nimport { Icon } from \"@webiny/admin-ui\";\nimport { ReactComponent as WorkflowsIcon } from \"@webiny/icons/workspaces.svg\";\nimport { WB_PAGE_APP } from \"~/constants.js\";\n\nconst {\n    Admin: { WorkflowsEditor }\n} = Components;\n\nconst { Menu } = AdminConfig;\n\nexport const PageWorkflowsEditorMenu = () => {\n    const router = useRouter();\n\n    return (\n        <Menu\n            name={\"websiteBuilder.pages.workflows\"}\n            pinnable={true}\n            parent={\"wb\"}\n            element={<Menu.Link text={\"Workflows\"} to={router.getLink(Routes.Pages.Workflows)} />}\n        />\n    );\n};\n\nexport const PageWorkflowsEditorView = () => {\n    const { route } = useRoute(Routes.Pages.Workflows);\n    const { goToRoute } = useRouter();\n\n    const apps = useMemo<IWorkflowApplication[]>(() => {\n        return [\n            {\n                id: WB_PAGE_APP,\n                name: \"Pages\",\n                icon: <Icon icon={<WorkflowsIcon />} label={\"Pages Workflows\"} />\n            }\n        ];\n    }, []);\n\n    const onAppClick = useCallback(\n        (id: string) => {\n            goToRoute(Routes.Pages.Workflows, {\n                app: id\n            });\n        },\n        [apps]\n    );\n\n    const app = useMemo(() => {\n        return apps.find(a => a.id === route.params.app) || apps[0];\n    }, [route.params.app, apps]);\n\n    return <WorkflowsEditor apps={apps} onAppClick={onAppClick} app={app.id} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,mBAAmB;AACpE,SAASC,MAAM;AAEf,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAC9E,SAASC,WAAW;AAEpB,MAAM;EACFC,KAAK,EAAE;IAAEC;EAAgB;AAC7B,CAAC,GAAGN,UAAU;AAEd,MAAM;EAAEO;AAAK,CAAC,GAAGX,WAAW;AAE5B,OAAO,MAAMY,uBAAuB,GAAGA,CAAA,KAAM;EACzC,MAAMC,MAAM,GAAGX,SAAS,CAAC,CAAC;EAE1B,oBACIL,KAAA,CAAAiB,aAAA,CAACH,IAAI;IACDI,IAAI,EAAE,gCAAiC;IACvCC,QAAQ,EAAE,IAAK;IACfC,MAAM,EAAE,IAAK;IACbC,OAAO,eAAErB,KAAA,CAAAiB,aAAA,CAACH,IAAI,CAACQ,IAAI;MAACC,IAAI,EAAE,WAAY;MAACC,EAAE,EAAER,MAAM,CAACS,OAAO,CAACnB,MAAM,CAACoB,KAAK,CAACC,SAAS;IAAE,CAAE;EAAE,CACzF,CAAC;AAEV,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,MAAM;IAAEC;EAAM,CAAC,GAAGzB,QAAQ,CAACE,MAAM,CAACoB,KAAK,CAACC,SAAS,CAAC;EAClD,MAAM;IAAEG;EAAU,CAAC,GAAGzB,SAAS,CAAC,CAAC;EAEjC,MAAM0B,IAAI,GAAG7B,OAAO,CAAyB,MAAM;IAC/C,OAAO,CACH;MACI8B,EAAE,EAAErB,WAAW;MACfO,IAAI,EAAE,OAAO;MACbe,IAAI,eAAEjC,KAAA,CAAAiB,aAAA,CAACT,IAAI;QAACyB,IAAI,eAAEjC,KAAA,CAAAiB,aAAA,CAACP,aAAa,MAAE,CAAE;QAACwB,KAAK,EAAE;MAAkB,CAAE;IACpE,CAAC,CACJ;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAGlC,WAAW,CACzB+B,EAAU,IAAK;IACZF,SAAS,CAACxB,MAAM,CAACoB,KAAK,CAACC,SAAS,EAAE;MAC9BS,GAAG,EAAEJ;IACT,CAAC,CAAC;EACN,CAAC,EACD,CAACD,IAAI,CACT,CAAC;EAED,MAAMK,GAAG,GAAGlC,OAAO,CAAC,MAAM;IACtB,OAAO6B,IAAI,CAACM,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACN,EAAE,KAAKH,KAAK,CAACU,MAAM,CAACH,GAAG,CAAC,IAAIL,IAAI,CAAC,CAAC,CAAC;EAC/D,CAAC,EAAE,CAACF,KAAK,CAACU,MAAM,CAACH,GAAG,EAAEL,IAAI,CAAC,CAAC;EAE5B,oBAAO/B,KAAA,CAAAiB,aAAA,CAACJ,eAAe;IAACkB,IAAI,EAAEA,IAAK;IAACI,UAAU,EAAEA,UAAW;IAACC,GAAG,EAAEA,GAAG,CAACJ;EAAG,CAAE,CAAC;AAC/E,CAAC","ignoreList":[]}

package/Components/PageWorkflows/index.d.ts

@@ -0,0 +1 @@
+export * from "./PageWorkflowsEditorView.js";

package/Components/PageWorkflows/index.js

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

package/Components/PageWorkflows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./PageWorkflowsEditorView.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Components/PagesList/PageListChangeStatus.d.ts

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

package/Components/PagesList/PageListChangeStatus.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { PageListConfig } from "@webiny/app-website-builder";
+import { WorkflowStateValue } from "@webiny/app-workflows/types.js";
+import { usePage } from "../../hooks/usePage.js";
+const {
+  Browser
+} = PageListConfig;
+const WrappedElement = props => {
+  const {
+    page
+  } = usePage();
+  const state = page.workflows?.state;
+  if (!state?.state || state.state === WorkflowStateValue.approved) {
+    return props.element;
+  }
+  return null;
+};
+export const PageListChangeStatus = Browser.Page.Action.createDecorator(Original => {
+  return function PageListChangeStatusAction(props) {
+    if (props.name === "changeStatus") {
+      return /*#__PURE__*/React.createElement(Original, Object.assign({}, props, {
+        element: /*#__PURE__*/React.createElement(WrappedElement, {
+          element: props.element
+        })
+      }));
+    }
+    return /*#__PURE__*/React.createElement(Original, props);
+  };
+});
+
+//# sourceMappingURL=PageListChangeStatus.js.map

package/Components/PagesList/PageListChangeStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageListConfig","WorkflowStateValue","usePage","Browser","WrappedElement","props","page","state","workflows","approved","element","PageListChangeStatus","Page","Action","createDecorator","Original","PageListChangeStatusAction","name","createElement","Object","assign"],"sources":["PageListChangeStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"@webiny/app-website-builder\";\nimport { WorkflowStateValue } from \"@webiny/app-workflows/types.js\";\nimport { usePage } from \"~/hooks/usePage.js\";\n\nconst { Browser } = PageListConfig;\n\ninterface IWrappedElementProps {\n    element: React.ReactElement | undefined;\n}\n\nconst WrappedElement = (props: IWrappedElementProps) => {\n    const { page } = usePage();\n    const state = page.workflows?.state;\n\n    if (!state?.state || state.state === WorkflowStateValue.approved) {\n        return props.element;\n    }\n    return null;\n};\n\nexport const PageListChangeStatus = Browser.Page.Action.createDecorator(Original => {\n    return function PageListChangeStatusAction(props) {\n        if (props.name === \"changeStatus\") {\n            return <Original {...props} element={<WrappedElement element={props.element} />} />;\n        }\n        return <Original {...props} />;\n    };\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,kBAAkB,QAAQ,gCAAgC;AACnE,SAASC,OAAO;AAEhB,MAAM;EAAEC;AAAQ,CAAC,GAAGH,cAAc;AAMlC,MAAMI,cAAc,GAAIC,KAA2B,IAAK;EACpD,MAAM;IAAEC;EAAK,CAAC,GAAGJ,OAAO,CAAC,CAAC;EAC1B,MAAMK,KAAK,GAAGD,IAAI,CAACE,SAAS,EAAED,KAAK;EAEnC,IAAI,CAACA,KAAK,EAAEA,KAAK,IAAIA,KAAK,CAACA,KAAK,KAAKN,kBAAkB,CAACQ,QAAQ,EAAE;IAC9D,OAAOJ,KAAK,CAACK,OAAO;EACxB;EACA,OAAO,IAAI;AACf,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGR,OAAO,CAACS,IAAI,CAACC,MAAM,CAACC,eAAe,CAACC,QAAQ,IAAI;EAChF,OAAO,SAASC,0BAA0BA,CAACX,KAAK,EAAE;IAC9C,IAAIA,KAAK,CAACY,IAAI,KAAK,cAAc,EAAE;MAC/B,oBAAOlB,KAAA,CAAAmB,aAAA,CAACH,QAAQ,EAAAI,MAAA,CAAAC,MAAA,KAAKf,KAAK;QAAEK,OAAO,eAAEX,KAAA,CAAAmB,aAAA,CAACd,cAAc;UAACM,OAAO,EAAEL,KAAK,CAACK;QAAQ,CAAE;MAAE,EAAE,CAAC;IACvF;IACA,oBAAOX,KAAA,CAAAmB,aAAA,CAACH,QAAQ,EAAKV,KAAQ,CAAC;EAClC,CAAC;AACL,CAAC,CAAC","ignoreList":[]}

package/Components/PagesList/PagesList.d.ts

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

package/Components/PagesList/PagesList.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { PageListConfig } from "@webiny/app-website-builder";
+import { PagesListContentReviews } from "./PagesListContentReviews.js";
+import { PageListChangeStatus } from "./PageListChangeStatus.js";
+export const PagesList = () => {
+  return /*#__PURE__*/React.createElement(PageListConfig, null, /*#__PURE__*/React.createElement(PagesListContentReviews, null), /*#__PURE__*/React.createElement(PageListChangeStatus, null));
+};
+
+//# sourceMappingURL=PagesList.js.map

package/Components/PagesList/PagesList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PageListConfig","PagesListContentReviews","PageListChangeStatus","PagesList","createElement"],"sources":["PagesList.tsx"],"sourcesContent":["import React from \"react\";\nimport { PageListConfig } from \"@webiny/app-website-builder\";\nimport { PagesListContentReviews } from \"./PagesListContentReviews.js\";\nimport { PageListChangeStatus } from \"./PageListChangeStatus.js\";\n\nexport const PagesList = () => {\n    return (\n        <PageListConfig>\n            {/* Add a Content Reviews button to footer in sidebar  */}\n            <PagesListContentReviews />\n            {/* Decorate the Change Status action in row options to hide it for pages in certain workflow states */}\n            <PageListChangeStatus />\n        </PageListConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAE7B,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,cAAc,qBAEXD,KAAA,CAAAK,aAAA,CAACH,uBAAuB,MAAE,CAAC,eAE3BF,KAAA,CAAAK,aAAA,CAACF,oBAAoB,MAAE,CACX,CAAC;AAEzB,CAAC","ignoreList":[]}

package/Components/PagesList/PagesListContentReviews.d.ts

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