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

package/presentation/pages/PageList/hooks/useEditPageUrl.js

@@ -0,0 +1,28 @@
+import { useCallback } from "react";
+import { useRouter } from "@webiny/app-admin";
+import { Routes } from "../../../../routes.js";
+import { usePageListPresenter } from "../PageListPresenterProvider.js";
+const useEditPageUrl = ()=>{
+    const { goToRoute, getLink } = useRouter();
+    const { folders } = usePageListPresenter();
+    const currentFolderId = folders.vm.currentFolderId ?? void 0;
+    const getEditPageUrl = useCallback((id)=>getLink(Routes.Pages.Editor, {
+            id,
+            folderId: currentFolderId
+        }), [
+        currentFolderId
+    ]);
+    const goToPageEditor = (id)=>{
+        goToRoute(Routes.Pages.Editor, {
+            id,
+            folderId: currentFolderId
+        });
+    };
+    return {
+        getEditPageUrl,
+        goToPageEditor
+    };
+};
+export { useEditPageUrl };
+
+//# sourceMappingURL=useEditPageUrl.js.map

package/presentation/pages/PageList/hooks/useEditPageUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/useEditPageUrl.js","sources":["../../../../../src/presentation/pages/PageList/hooks/useEditPageUrl.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\nimport { usePageListPresenter } from \"../PageListPresenterProvider.js\";\n\nexport const useEditPageUrl = () => {\n    const { goToRoute, getLink } = useRouter();\n    const { folders } = usePageListPresenter();\n    const currentFolderId = folders.vm.currentFolderId ?? undefined;\n\n    const getEditPageUrl = useCallback(\n        (id: string) => {\n            return getLink(Routes.Pages.Editor, { id, folderId: currentFolderId });\n        },\n        [currentFolderId]\n    );\n\n    const goToPageEditor = (id: string) => {\n        goToRoute(Routes.Pages.Editor, { id, folderId: currentFolderId });\n    };\n\n    return {\n        getEditPageUrl,\n        goToPageEditor\n    };\n};\n"],"names":["useEditPageUrl","goToRoute","getLink","useRouter","folders","usePageListPresenter","currentFolderId","undefined","getEditPageUrl","useCallback","id","Routes","goToPageEditor"],"mappings":";;;;AAKO,MAAMA,iBAAiB;IAC1B,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC;IAC/B,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,kBAAkBF,QAAQ,EAAE,CAAC,eAAe,IAAIG;IAEtD,MAAMC,iBAAiBC,YACnB,CAACC,KACUR,QAAQS,OAAO,KAAK,CAAC,MAAM,EAAE;YAAED;YAAI,UAAUJ;QAAgB,IAExE;QAACA;KAAgB;IAGrB,MAAMM,iBAAiB,CAACF;QACpBT,UAAUU,OAAO,KAAK,CAAC,MAAM,EAAE;YAAED;YAAI,UAAUJ;QAAgB;IACnE;IAEA,OAAO;QACHE;QACAI;IACJ;AACJ"}

package/presentation/pages/PageList/hooks/useMovePageToFolderDialog.js

@@ -0,0 +1,33 @@
+import { useCallback } from "react";
+import { useSnackbar } from "@webiny/app-admin";
+import { useMoveToFolderDialog } from "@webiny/app-aco";
+import { useMovePage } from "../../../../features/pages/index.js";
+function useMovePageToFolderDialog({ page }) {
+    const { showSnackbar } = useSnackbar();
+    const { showDialog } = useMoveToFolderDialog();
+    const { movePage } = useMovePage();
+    const openMovePageToFolderDialog = useCallback(()=>{
+        showDialog({
+            title: "Move page to a new location",
+            message: "Select a new location for this page:",
+            loadingLabel: "Moving page...",
+            acceptLabel: "Move page",
+            focusedFolderId: page.location.folderId,
+            async onAccept ({ folder }) {
+                await movePage({
+                    id: page.id,
+                    folderId: folder.id
+                });
+                showSnackbar(`Page "${page.properties.title}" was successfully moved to folder "${folder.label}"!`);
+            }
+        });
+    }, [
+        page.id
+    ]);
+    return {
+        openMovePageToFolderDialog
+    };
+}
+export { useMovePageToFolderDialog };
+
+//# sourceMappingURL=useMovePageToFolderDialog.js.map

package/presentation/pages/PageList/hooks/useMovePageToFolderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/useMovePageToFolderDialog.js","sources":["../../../../../src/presentation/pages/PageList/hooks/useMovePageToFolderDialog.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport { useMovePage } from \"~/features/pages/index.js\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UseMovePageToFolderDialog {\n    page: PageDto;\n}\n\nexport function useMovePageToFolderDialog({ page }: UseMovePageToFolderDialog) {\n    const { showSnackbar } = useSnackbar();\n    const { showDialog } = useMoveToFolderDialog();\n    const { movePage } = useMovePage();\n\n    const openMovePageToFolderDialog = useCallback(() => {\n        showDialog({\n            title: \"Move page to a new location\",\n            message: \"Select a new location for this page:\",\n            loadingLabel: \"Moving page...\",\n            acceptLabel: \"Move page\",\n            focusedFolderId: page.location.folderId,\n            async onAccept({ folder }) {\n                await movePage({\n                    id: page.id,\n                    folderId: folder.id\n                });\n                showSnackbar(\n                    `Page \"${page.properties.title}\" was successfully moved to folder \"${folder.label}\"!`\n                );\n            }\n        });\n    }, [page.id]);\n\n    return {\n        openMovePageToFolderDialog\n    };\n}\n"],"names":["useMovePageToFolderDialog","page","showSnackbar","useSnackbar","showDialog","useMoveToFolderDialog","movePage","useMovePage","openMovePageToFolderDialog","useCallback","folder"],"mappings":";;;;AAUO,SAASA,0BAA0B,EAAEC,IAAI,EAA6B;IACzE,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IAErB,MAAMC,6BAA6BC,YAAY;QAC3CL,WAAW;YACP,OAAO;YACP,SAAS;YACT,cAAc;YACd,aAAa;YACb,iBAAiBH,KAAK,QAAQ,CAAC,QAAQ;YACvC,MAAM,UAAS,EAAES,MAAM,EAAE;gBACrB,MAAMJ,SAAS;oBACX,IAAIL,KAAK,EAAE;oBACX,UAAUS,OAAO,EAAE;gBACvB;gBACAR,aACI,CAAC,MAAM,EAAED,KAAK,UAAU,CAAC,KAAK,CAAC,oCAAoC,EAAES,OAAO,KAAK,CAAC,EAAE,CAAC;YAE7F;QACJ;IACJ,GAAG;QAACT,KAAK,EAAE;KAAC;IAEZ,OAAO;QACHO;IACJ;AACJ"}

package/presentation/pages/PageList/hooks/usePage.js

@@ -0,0 +1,7 @@
+import { createGenericContext } from "@webiny/app";
+const { Provider: Provider, useHook: useHook } = createGenericContext("PageContext");
+const usePage = useHook;
+const PageProvider = Provider;
+export { PageProvider, usePage };
+
+//# sourceMappingURL=usePage.js.map

package/presentation/pages/PageList/hooks/usePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/usePage.js","sources":["../../../../../src/presentation/pages/PageList/hooks/usePage.tsx"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\nexport interface PageContext {\n    page: PageDto;\n}\n\nconst { Provider, useHook } = createGenericContext<PageContext>(\"PageContext\");\n\nexport const usePage = useHook;\nexport const PageProvider = Provider;\n"],"names":["Provider","useHook","createGenericContext","usePage","PageProvider"],"mappings":";AAOA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAAkC;AAEzD,MAAMC,UAAUF;AAChB,MAAMG,eAAeJ"}

package/presentation/pages/PageList/hooks/usePageLink.js

@@ -0,0 +1,19 @@
+import { useMemo } from "react";
+import { usePreviewDomain } from "../../../../BaseEditor/defaultConfig/Content/usePreviewDomain.js";
+const usePageLink = (pageDto)=>{
+    const { previewDomain } = usePreviewDomain();
+    return useMemo(()=>{
+        if (!previewDomain || !pageDto.properties.path) return null;
+        try {
+            return new URL(`${previewDomain}${pageDto.properties.path}`).toString();
+        } catch  {
+            return null;
+        }
+    }, [
+        previewDomain,
+        pageDto.properties.path
+    ]);
+};
+export { usePageLink };
+
+//# sourceMappingURL=usePageLink.js.map

package/presentation/pages/PageList/hooks/usePageLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/usePageLink.js","sources":["../../../../../src/presentation/pages/PageList/hooks/usePageLink.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\nimport { usePreviewDomain } from \"~/BaseEditor/defaultConfig/Content/usePreviewDomain.js\";\n\nexport const usePageLink = (pageDto: PageDto) => {\n    const { previewDomain } = usePreviewDomain();\n\n    return useMemo(() => {\n        if (!previewDomain || !pageDto.properties.path) {\n            return null;\n        }\n\n        try {\n            return new URL(`${previewDomain}${pageDto.properties.path}`).toString();\n        } catch {\n            return null;\n        }\n    }, [previewDomain, pageDto.properties.path]);\n};\n"],"names":["usePageLink","pageDto","previewDomain","usePreviewDomain","useMemo","URL"],"mappings":";;AAIO,MAAMA,cAAc,CAACC;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAE1B,OAAOC,QAAQ;QACX,IAAI,CAACF,iBAAiB,CAACD,QAAQ,UAAU,CAAC,IAAI,EAC1C,OAAO;QAGX,IAAI;YACA,OAAO,IAAII,IAAI,GAAGH,gBAAgBD,QAAQ,UAAU,CAAC,IAAI,EAAE,EAAE,QAAQ;QACzE,EAAE,OAAM;YACJ,OAAO;QACX;IACJ,GAAG;QAACC;QAAeD,QAAQ,UAAU,CAAC,IAAI;KAAC;AAC/C"}

package/presentation/pages/PageList/hooks/usePagePreviewLink.js

@@ -0,0 +1,40 @@
+import { useEffect, useMemo, useState } from "react";
+import { useTenantContext } from "@webiny/app-admin";
+import { usePreviewDomain } from "../../../../BaseEditor/defaultConfig/Content/usePreviewDomain.js";
+import { usePreviewUrlModifier } from "../../../../features/previewUrl/usePreviewUrlModifier.js";
+const usePagePreviewLink = (pageDto)=>{
+    const { tenant } = useTenantContext();
+    const { previewDomain } = usePreviewDomain();
+    const modifier = usePreviewUrlModifier();
+    const baseUrl = useMemo(()=>{
+        if (!previewDomain || !pageDto.properties.path) return null;
+        try {
+            const url = new URL(`${previewDomain}${pageDto.properties.path}`);
+            url.searchParams.set("wb.preview", "true");
+            url.searchParams.set("wb.type", pageDto.metadata.documentType);
+            url.searchParams.set("wb.id", pageDto.id);
+            url.searchParams.set("wb.tenant", tenant);
+            url.searchParams.set("wb.path", pageDto.properties.path);
+            return url.toString();
+        } catch  {
+            console.log(`Could not create preview URL for "${previewDomain}${pageDto.properties.path}"`);
+            return null;
+        }
+    }, [
+        previewDomain
+    ]);
+    const [url, setUrl] = useState(baseUrl);
+    useEffect(()=>{
+        if (!baseUrl) return void setUrl(null);
+        if (!modifier) return void setUrl(baseUrl);
+        const urlObj = new URL(baseUrl);
+        modifier.modify(urlObj).then(()=>setUrl(urlObj.toString()));
+    }, [
+        baseUrl,
+        modifier
+    ]);
+    return url;
+};
+export { usePagePreviewLink };
+
+//# sourceMappingURL=usePagePreviewLink.js.map

package/presentation/pages/PageList/hooks/usePagePreviewLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/usePagePreviewLink.js","sources":["../../../../../src/presentation/pages/PageList/hooks/usePagePreviewLink.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { useTenantContext } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\nimport { usePreviewDomain } from \"~/BaseEditor/defaultConfig/Content/usePreviewDomain.js\";\nimport { usePreviewUrlModifier } from \"~/features/previewUrl/usePreviewUrlModifier.js\";\n\nexport const usePagePreviewLink = (pageDto: PageDto) => {\n    const { tenant } = useTenantContext();\n    const { previewDomain } = usePreviewDomain();\n    const modifier = usePreviewUrlModifier();\n\n    const baseUrl = useMemo(() => {\n        if (!previewDomain || !pageDto.properties.path) {\n            return null;\n        }\n\n        try {\n            const url = new URL(`${previewDomain}${pageDto.properties.path}`);\n            url.searchParams.set(\"wb.preview\", \"true\");\n            url.searchParams.set(\"wb.type\", pageDto.metadata.documentType);\n            url.searchParams.set(\"wb.id\", pageDto.id);\n            url.searchParams.set(\"wb.tenant\", tenant!);\n            url.searchParams.set(\"wb.path\", pageDto.properties.path);\n            return url.toString();\n        } catch {\n            console.log(\n                `Could not create preview URL for \"${previewDomain}${pageDto.properties.path}\"`\n            );\n\n            return null;\n        }\n    }, [previewDomain]);\n\n    const [url, setUrl] = useState<string | null>(baseUrl);\n\n    useEffect(() => {\n        if (!baseUrl) {\n            setUrl(null);\n            return;\n        }\n\n        if (!modifier) {\n            setUrl(baseUrl);\n            return;\n        }\n\n        const urlObj = new URL(baseUrl);\n        modifier.modify(urlObj).then(() => setUrl(urlObj.toString()));\n    }, [baseUrl, modifier]);\n\n    return url;\n};\n"],"names":["usePagePreviewLink","pageDto","tenant","useTenantContext","previewDomain","usePreviewDomain","modifier","usePreviewUrlModifier","baseUrl","useMemo","url","URL","console","setUrl","useState","useEffect","urlObj"],"mappings":";;;;AAMO,MAAMA,qBAAqB,CAACC;IAC/B,MAAM,EAAEC,MAAM,EAAE,GAAGC;IACnB,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAC1B,MAAMC,WAAWC;IAEjB,MAAMC,UAAUC,QAAQ;QACpB,IAAI,CAACL,iBAAiB,CAACH,QAAQ,UAAU,CAAC,IAAI,EAC1C,OAAO;QAGX,IAAI;YACA,MAAMS,MAAM,IAAIC,IAAI,GAAGP,gBAAgBH,QAAQ,UAAU,CAAC,IAAI,EAAE;YAChES,IAAI,YAAY,CAAC,GAAG,CAAC,cAAc;YACnCA,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWT,QAAQ,QAAQ,CAAC,YAAY;YAC7DS,IAAI,YAAY,CAAC,GAAG,CAAC,SAAST,QAAQ,EAAE;YACxCS,IAAI,YAAY,CAAC,GAAG,CAAC,aAAaR;YAClCQ,IAAI,YAAY,CAAC,GAAG,CAAC,WAAWT,QAAQ,UAAU,CAAC,IAAI;YACvD,OAAOS,IAAI,QAAQ;QACvB,EAAE,OAAM;YACJE,QAAQ,GAAG,CACP,CAAC,kCAAkC,EAAER,gBAAgBH,QAAQ,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAGnF,OAAO;QACX;IACJ,GAAG;QAACG;KAAc;IAElB,MAAM,CAACM,KAAKG,OAAO,GAAGC,SAAwBN;IAE9CO,UAAU;QACN,IAAI,CAACP,SAAS,YACVK,OAAO;QAIX,IAAI,CAACP,UAAU,YACXO,OAAOL;QAIX,MAAMQ,SAAS,IAAIL,IAAIH;QACvBF,SAAS,MAAM,CAACU,QAAQ,IAAI,CAAC,IAAMH,OAAOG,OAAO,QAAQ;IAC7D,GAAG;QAACR;QAASF;KAAS;IAEtB,OAAOI;AACX"}

package/presentation/pages/PageList/hooks/usePublishPageConfirmationDialog.js

@@ -0,0 +1,59 @@
+import react, { useCallback, useRef, useState } from "react";
+import { Text, Textarea } from "@webiny/admin-ui";
+import { usePublishPage, useUpdatePageRevisionDescription } from "../../../../features/pages/index.js";
+import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
+const DialogContentMessage = (props)=>{
+    const { onDescriptionChange, title } = props;
+    const [revisionDescription, setRevisionDescription] = useState("");
+    const onChange = useCallback((value)=>{
+        setRevisionDescription(value);
+        onDescriptionChange(value);
+    }, [
+        onDescriptionChange
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Text, null, "You are about to publish ", /*#__PURE__*/ react.createElement("strong", null, title), ". Are you sure you want to continue?"), /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "mt-2"
+    }, "Write a revision description (optional):"), /*#__PURE__*/ react.createElement(Textarea, {
+        value: revisionDescription,
+        onChange: onChange
+    }));
+};
+const usePublishPageConfirmationDialog = ({ page })=>{
+    const { publishPage } = usePublishPage();
+    const { showSnackbar } = useSnackbar();
+    const revisionDescriptionRef = useRef("");
+    const { updatePageRevisionDescription } = useUpdatePageRevisionDescription();
+    const onDescriptionChange = useCallback((value)=>{
+        revisionDescriptionRef.current = value;
+    }, []);
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Publish page",
+        message: /*#__PURE__*/ react.createElement(DialogContentMessage, {
+            title: page.properties.title,
+            onDescriptionChange: onDescriptionChange
+        })
+    });
+    const openPublishPageConfirmationDialog = useCallback(()=>showConfirmation(async ()=>{
+            try {
+                await updatePageRevisionDescription({
+                    id: page.id,
+                    revisionDescription: revisionDescriptionRef.current
+                });
+                await publishPage({
+                    id: page.id
+                });
+                showSnackbar(`${page.properties.title} was published successfully!`);
+            } catch (ex) {
+                showSnackbar(ex.message || `Error while publishing ${page.properties.title}`);
+            }
+        }), [
+        page
+    ]);
+    return {
+        openPublishPageConfirmationDialog
+    };
+};
+export { usePublishPageConfirmationDialog };
+
+//# sourceMappingURL=usePublishPageConfirmationDialog.js.map

package/presentation/pages/PageList/hooks/usePublishPageConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/usePublishPageConfirmationDialog.js","sources":["../../../../../src/presentation/pages/PageList/hooks/usePublishPageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\nimport { Text, Textarea } from \"@webiny/admin-ui\";\nimport { usePublishPage, useUpdatePageRevisionDescription } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface IDialogContentMessageProps {\n    title: string;\n    onDescriptionChange: (value: string) => void;\n}\n\nconst DialogContentMessage = (props: IDialogContentMessageProps) => {\n    const { onDescriptionChange, title } = props;\n    const [revisionDescription, setRevisionDescription] = useState(\"\");\n\n    const onChange = useCallback(\n        (value: string) => {\n            setRevisionDescription(value);\n            onDescriptionChange(value);\n        },\n        [onDescriptionChange]\n    );\n\n    return (\n        <>\n            <Text>\n                You are about to publish <strong>{title}</strong>. Are you sure you want to\n                continue?\n            </Text>\n            <Text size={\"sm\"} className={\"mt-2\"}>\n                Write a revision description (optional):\n            </Text>\n            <Textarea value={revisionDescription} onChange={onChange} />\n        </>\n    );\n};\n\ninterface UsePublishPageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const usePublishPageConfirmationDialog = ({\n    page\n}: UsePublishPageConfirmationDialogProps) => {\n    const { publishPage } = usePublishPage();\n    const { showSnackbar } = useSnackbar();\n    const revisionDescriptionRef = useRef(\"\");\n    const { updatePageRevisionDescription } = useUpdatePageRevisionDescription();\n\n    const onDescriptionChange = useCallback((value: string) => {\n        revisionDescriptionRef.current = value;\n    }, []);\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Publish page\",\n        message: (\n            <DialogContentMessage\n                title={page.properties.title}\n                onDescriptionChange={onDescriptionChange}\n            />\n        )\n    });\n\n    const openPublishPageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await updatePageRevisionDescription({\n                        id: page.id,\n                        revisionDescription: revisionDescriptionRef.current\n                    });\n                    await publishPage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was published successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while publishing ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openPublishPageConfirmationDialog };\n};\n"],"names":["DialogContentMessage","props","onDescriptionChange","title","revisionDescription","setRevisionDescription","useState","onChange","useCallback","value","Text","Textarea","usePublishPageConfirmationDialog","page","publishPage","usePublishPage","showSnackbar","useSnackbar","revisionDescriptionRef","useRef","updatePageRevisionDescription","useUpdatePageRevisionDescription","showConfirmation","useConfirmationDialog","openPublishPageConfirmationDialog","ex"],"mappings":";;;;AAWA,MAAMA,uBAAuB,CAACC;IAC1B,MAAM,EAAEC,mBAAmB,EAAEC,KAAK,EAAE,GAAGF;IACvC,MAAM,CAACG,qBAAqBC,uBAAuB,GAAGC,SAAS;IAE/D,MAAMC,WAAWC,YACb,CAACC;QACGJ,uBAAuBI;QACvBP,oBAAoBO;IACxB,GACA;QAACP;KAAoB;IAGzB,OAAO,WAAP,GACI,wDACI,oBAACQ,MAAIA,MAAC,2CACuB,oBAAC,gBAAQP,QAAe,uDAGrD,oBAACO,MAAIA;QAAC,MAAM;QAAM,WAAW;OAAQ,2DAGrC,oBAACC,UAAQA;QAAC,OAAOP;QAAqB,UAAUG;;AAG5D;AAMO,MAAMK,mCAAmC,CAAC,EAC7CC,IAAI,EACgC;IACpC,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAMC,yBAAyBC,OAAO;IACtC,MAAM,EAAEC,6BAA6B,EAAE,GAAGC;IAE1C,MAAMnB,sBAAsBM,YAAY,CAACC;QACrCS,uBAAuB,OAAO,GAAGT;IACrC,GAAG,EAAE;IAEL,MAAM,EAAEa,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAACvB,sBAAoBA;YACjB,OAAOa,KAAK,UAAU,CAAC,KAAK;YAC5B,qBAAqBX;;IAGjC;IAEA,MAAMsB,oCAAoChB,YACtC,IACIc,iBAAiB;YACb,IAAI;gBACA,MAAMF,8BAA8B;oBAChC,IAAIP,KAAK,EAAE;oBACX,qBAAqBK,uBAAuB,OAAO;gBACvD;gBACA,MAAMJ,YAAY;oBAAE,IAAID,KAAK,EAAE;gBAAC;gBAChCG,aAAa,GAAGH,KAAK,UAAU,CAAC,KAAK,CAAC,4BAA4B,CAAC;YACvE,EAAE,OAAOY,IAAI;gBACTT,aAAaS,GAAG,OAAO,IAAI,CAAC,uBAAuB,EAAEZ,KAAK,UAAU,CAAC,KAAK,EAAE;YAChF;QACJ,IACJ;QAACA;KAAK;IAGV,OAAO;QAAEW;IAAkC;AAC/C"}

package/presentation/pages/PageList/hooks/useUnpublishPageConfirmationDialog.js

@@ -0,0 +1,29 @@
+import react, { useCallback } from "react";
+import { useUnpublishPage } from "../../../../features/pages/index.js";
+import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin";
+const useUnpublishPageConfirmationDialog = ({ page })=>{
+    const { unpublishPage } = useUnpublishPage();
+    const { showSnackbar } = useSnackbar();
+    const { showConfirmation } = useConfirmationDialog({
+        title: "Unpublish page",
+        message: /*#__PURE__*/ react.createElement("p", null, "You are about to unpublish ", /*#__PURE__*/ react.createElement("strong", null, page.properties.title), ". Are you sure you want to continue?")
+    });
+    const openUnpublishPageConfirmationDialog = useCallback(()=>showConfirmation(async ()=>{
+            try {
+                await unpublishPage({
+                    id: page.id
+                });
+                showSnackbar(`${page.properties.title} was unpublished successfully!`);
+            } catch (ex) {
+                showSnackbar(ex.message || `Error while unpublishing ${page.properties.title}`);
+            }
+        }), [
+        page
+    ]);
+    return {
+        openUnpublishPageConfirmationDialog
+    };
+};
+export { useUnpublishPageConfirmationDialog };
+
+//# sourceMappingURL=useUnpublishPageConfirmationDialog.js.map

package/presentation/pages/PageList/hooks/useUnpublishPageConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/useUnpublishPageConfirmationDialog.js","sources":["../../../../../src/presentation/pages/PageList/hooks/useUnpublishPageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useUnpublishPage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UseUnpublishPageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useUnpublishPageConfirmationDialog = ({\n    page\n}: UseUnpublishPageConfirmationDialogProps) => {\n    const { unpublishPage } = useUnpublishPage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Unpublish page\",\n        message: (\n            <p>\n                You are about to unpublish <strong>{page.properties.title}</strong>. Are you sure\n                you want to continue?\n            </p>\n        )\n    });\n\n    const openUnpublishPageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await unpublishPage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was unpublished successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while unpublishing ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openUnpublishPageConfirmationDialog };\n};\n"],"names":["useUnpublishPageConfirmationDialog","page","unpublishPage","useUnpublishPage","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","openUnpublishPageConfirmationDialog","useCallback","ex"],"mappings":";;;AASO,MAAMA,qCAAqC,CAAC,EAC/CC,IAAI,EACkC;IACtC,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,6CAC4B,oBAAC,gBAAQN,KAAK,UAAU,CAAC,KAAK,GAAU;IAI/E;IAEA,MAAMO,sCAAsCC,YACxC,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAMJ,cAAc;oBAAE,IAAID,KAAK,EAAE;gBAAC;gBAClCG,aAAa,GAAGH,KAAK,UAAU,CAAC,KAAK,CAAC,8BAA8B,CAAC;YACzE,EAAE,OAAOS,IAAI;gBACTN,aAAaM,GAAG,OAAO,IAAI,CAAC,yBAAyB,EAAET,KAAK,UAAU,CAAC,KAAK,EAAE;YAClF;QACJ,IACJ;QAACA;KAAK;IAGV,OAAO;QAAEO;IAAoC;AACjD"}

package/presentation/pages/PageList/index.d.ts

@@ -1 +1,4 @@
-export * from "./abstractions.js";
+export { PageListPresenter } from "./abstractions.js";
+export type { IPageListPresenter, IPageListViewModel, IPageListInitConfig } from "./abstractions.js";
+export { PageListPresenterFeature } from "./feature.js";
+export { TableRowMapper } from "./components/Table/abstractions.js";

package/presentation/pages/PageList/index.js

@@ -1,3 +1,3 @@
-export * from "./abstractions.js";
-
-//# sourceMappingURL=index.js.map
+export { PageListPresenter } from "./abstractions.js";
+export { PageListPresenterFeature } from "./feature.js";
+export { TableRowMapper } from "./components/Table/abstractions.js";

package/presentation/pages/PageList/types.d.ts

@@ -0,0 +1,3 @@
+import type { FolderTableRow, RecordTableRow } from "@webiny/app-aco";
+import type { PageDto } from "../../../domain/Page/index.js";
+export type TableRow = FolderTableRow | RecordTableRow<PageDto>;

package/presentation/pages/TranslatePage/TranslatePageAction.js

@@ -1,29 +1,24 @@
-import React from "react";
-import { ReactComponent as TranslateIcon } from "@webiny/icons/language.svg";
+import react from "react";
+import { ReactComponent } from "@webiny/icons/language.svg";
 import { useOpenDialog } from "@webiny/app-admin";
-import { usePage } from "../../../modules/pages/PagesList/hooks/usePage.js";
-import { PageListConfig } from "../../../modules/pages/configs/index.js";
+import { usePage } from "../PageList/hooks/usePage.js";
+import { PageListConfig } from "../PageList/configs/index.js";
 import { TRANSLATE_PAGE_DIALOG } from "./TranslatePageDialog.js";
 import { translatePageParams } from "./translatePageSchema.js";
-const {
-  OptionsMenuItem
-} = PageListConfig.Browser.Page.Action;
-export const TranslatePageAction = () => {
-  const {
-    openDialog
-  } = useOpenDialog(translatePageParams);
-  const {
-    page
-  } = usePage();
-  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
-    icon: /*#__PURE__*/React.createElement(TranslateIcon, null),
-    label: "Translate",
-    onAction: () => openDialog(TRANSLATE_PAGE_DIALOG, {
-      pageId: page.id,
-      folderId: page.location.folderId,
-      currentLanguage: page.properties.language
-    })
-  });
+const { OptionsMenuItem: OptionsMenuItem } = PageListConfig.Browser.Page.Action;
+const TranslatePageAction = ()=>{
+    const { openDialog } = useOpenDialog(translatePageParams);
+    const { page } = usePage();
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Translate",
+        onAction: ()=>openDialog(TRANSLATE_PAGE_DIALOG, {
+                pageId: page.id,
+                folderId: page.location.folderId,
+                currentLanguage: page.properties.language
+            })
+    });
 };
+export { TranslatePageAction };
 
 //# sourceMappingURL=TranslatePageAction.js.map

package/presentation/pages/TranslatePage/TranslatePageAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","TranslateIcon","useOpenDialog","usePage","PageListConfig","TRANSLATE_PAGE_DIALOG","translatePageParams","OptionsMenuItem","Browser","Page","Action","TranslatePageAction","openDialog","page","createElement","icon","label","onAction","pageId","id","folderId","location","currentLanguage","properties","language"],"sources":["TranslatePageAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TranslateIcon } from \"@webiny/icons/language.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { usePage } from \"~/modules/pages/PagesList/hooks/usePage.js\";\nimport { PageListConfig } from \"~/modules/pages/configs/index.js\";\nimport { TRANSLATE_PAGE_DIALOG } from \"./TranslatePageDialog.js\";\nimport { translatePageParams } from \"./translatePageSchema.js\";\n\nconst { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\nexport const TranslatePageAction = () => {\n    const { openDialog } = useOpenDialog(translatePageParams);\n    const { page } = usePage();\n\n    return (\n        <OptionsMenuItem\n            icon={<TranslateIcon />}\n            label=\"Translate\"\n            onAction={() =>\n                openDialog(TRANSLATE_PAGE_DIALOG, {\n                    pageId: page.id,\n                    folderId: page.location.folderId,\n                    currentLanguage: page.properties.language\n                })\n            }\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,4BAA4B;AAC5E,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,OAAO;AAChB,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAE5B,MAAM;EAAEC;AAAgB,CAAC,GAAGH,cAAc,CAACI,OAAO,CAACC,IAAI,CAACC,MAAM;AAE9D,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACrC,MAAM;IAAEC;EAAW,CAAC,GAAGV,aAAa,CAACI,mBAAmB,CAAC;EACzD,MAAM;IAAEO;EAAK,CAAC,GAAGV,OAAO,CAAC,CAAC;EAE1B,oBACIJ,KAAA,CAAAe,aAAA,CAACP,eAAe;IACZQ,IAAI,eAAEhB,KAAA,CAAAe,aAAA,CAACb,aAAa,MAAE,CAAE;IACxBe,KAAK,EAAC,WAAW;IACjBC,QAAQ,EAAEA,CAAA,KACNL,UAAU,CAACP,qBAAqB,EAAE;MAC9Ba,MAAM,EAAEL,IAAI,CAACM,EAAE;MACfC,QAAQ,EAAEP,IAAI,CAACQ,QAAQ,CAACD,QAAQ;MAChCE,eAAe,EAAET,IAAI,CAACU,UAAU,CAACC;IACrC,CAAC;EACJ,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/pages/TranslatePage/TranslatePageAction.js","sources":["../../../../src/presentation/pages/TranslatePage/TranslatePageAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TranslateIcon } from \"@webiny/icons/language.svg\";\nimport { useOpenDialog } from \"@webiny/app-admin\";\nimport { usePage } from \"~/presentation/pages/PageList/hooks/usePage.js\";\nimport { PageListConfig } from \"~/presentation/pages/PageList/configs/index.js\";\nimport { TRANSLATE_PAGE_DIALOG } from \"./TranslatePageDialog.js\";\nimport { translatePageParams } from \"./translatePageSchema.js\";\n\nconst { OptionsMenuItem } = PageListConfig.Browser.Page.Action;\n\nexport const TranslatePageAction = () => {\n    const { openDialog } = useOpenDialog(translatePageParams);\n    const { page } = usePage();\n\n    return (\n        <OptionsMenuItem\n            icon={<TranslateIcon />}\n            label=\"Translate\"\n            onAction={() =>\n                openDialog(TRANSLATE_PAGE_DIALOG, {\n                    pageId: page.id,\n                    folderId: page.location.folderId,\n                    currentLanguage: page.properties.language\n                })\n            }\n        />\n    );\n};\n"],"names":["OptionsMenuItem","PageListConfig","TranslatePageAction","openDialog","useOpenDialog","translatePageParams","page","usePage","TranslateIcon","TRANSLATE_PAGE_DIALOG"],"mappings":";;;;;;;AAQA,MAAM,EAAEA,iBAAAA,eAAe,EAAE,GAAGC,eAAe,OAAO,CAAC,IAAI,CAAC,MAAM;AAEvD,MAAMC,sBAAsB;IAC/B,MAAM,EAAEC,UAAU,EAAE,GAAGC,cAAcC;IACrC,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,OAAO,WAAP,GACI,oBAACP,iBAAeA;QACZ,oBAAM,oBAACQ,gBAAaA;QACpB,OAAM;QACN,UAAU,IACNL,WAAWM,uBAAuB;gBAC9B,QAAQH,KAAK,EAAE;gBACf,UAAUA,KAAK,QAAQ,CAAC,QAAQ;gBAChC,iBAAiBA,KAAK,UAAU,CAAC,QAAQ;YAC7C;;AAIhB"}

package/presentation/pages/TranslatePage/TranslatePageConfig.d.ts

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

package/presentation/pages/TranslatePage/TranslatePageConfig.js

@@ -1,23 +1,24 @@
-import React from "react";
-import { AdminConfig } from "@webiny/app-admin";
+import react from "react";
+import { AdminConfig, useFeatureFlags } from "@webiny/app-admin";
 import { HasPermission } from "../../security/HasPermission.js";
 import { TranslatePageAction } from "./TranslatePageAction.js";
-import { TranslatePageDialog, TRANSLATE_PAGE_DIALOG } from "./TranslatePageDialog.js";
+import { TRANSLATE_PAGE_DIALOG, TranslatePageDialog } from "./TranslatePageDialog.js";
 import { PageListConfig } from "../../../exports/admin/website-builder/page/list.js";
-const {
-  Browser
-} = PageListConfig;
-export const TranslatePageConfig = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(AdminConfig.Dialog, {
-    name: TRANSLATE_PAGE_DIALOG,
-    element: /*#__PURE__*/React.createElement(TranslatePageDialog, null)
-  })), /*#__PURE__*/React.createElement(PageListConfig, null, /*#__PURE__*/React.createElement(HasPermission, {
-    entity: "page",
-    action: "create"
-  }, /*#__PURE__*/React.createElement(Browser.Page.Action, {
-    name: "translate",
-    element: /*#__PURE__*/React.createElement(TranslatePageAction, null)
-  }))));
+const { Browser: Browser } = PageListConfig;
+const TranslatePageConfig = ()=>{
+    const featureFlags = useFeatureFlags();
+    if (!featureFlags.isEnabled("aiPowerups.websiteBuilder.pageTranslation")) return null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(AdminConfig.Dialog, {
+        name: TRANSLATE_PAGE_DIALOG,
+        element: /*#__PURE__*/ react.createElement(TranslatePageDialog, null)
+    })), /*#__PURE__*/ react.createElement(PageListConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
+        entity: "page",
+        action: "create"
+    }, /*#__PURE__*/ react.createElement(Browser.Page.Action, {
+        name: "translate",
+        element: /*#__PURE__*/ react.createElement(TranslatePageAction, null)
+    }))));
 };
+export { TranslatePageConfig };
 
 //# sourceMappingURL=TranslatePageConfig.js.map

package/presentation/pages/TranslatePage/TranslatePageConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdminConfig","HasPermission","TranslatePageAction","TranslatePageDialog","TRANSLATE_PAGE_DIALOG","PageListConfig","Browser","TranslatePageConfig","createElement","Fragment","Dialog","name","element","entity","action","Page","Action"],"sources":["TranslatePageConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { TranslatePageAction } from \"./TranslatePageAction.js\";\nimport { TranslatePageDialog, TRANSLATE_PAGE_DIALOG } from \"./TranslatePageDialog.js\";\nimport { PageListConfig } from \"~/exports/admin/website-builder/page/list.js\";\n\nconst { Browser } = PageListConfig;\n\nexport const TranslatePageConfig = () => {\n    return (\n        <>\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={TRANSLATE_PAGE_DIALOG}\n                    element={<TranslatePageDialog />}\n                />\n            </AdminConfig>\n            <PageListConfig>\n                <HasPermission entity=\"page\" action=\"create\">\n                    <Browser.Page.Action name=\"translate\" element={<TranslatePageAction />} />\n                </HasPermission>\n            </PageListConfig>\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB,EAAEC,qBAAqB;AACnD,SAASC,cAAc;AAEvB,MAAM;EAAEC;AAAQ,CAAC,GAAGD,cAAc;AAElC,OAAO,MAAME,mBAAmB,GAAGA,CAAA,KAAM;EACrC,oBACIR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,qBACIV,KAAA,CAAAS,aAAA,CAACR,WAAW,qBACRD,KAAA,CAAAS,aAAA,CAACR,WAAW,CAACU,MAAM;IACfC,IAAI,EAAEP,qBAAsB;IAC5BQ,OAAO,eAAEb,KAAA,CAAAS,aAAA,CAACL,mBAAmB,MAAE;EAAE,CACpC,CACQ,CAAC,eACdJ,KAAA,CAAAS,aAAA,CAACH,cAAc,qBACXN,KAAA,CAAAS,aAAA,CAACP,aAAa;IAACY,MAAM,EAAC,MAAM;IAACC,MAAM,EAAC;EAAQ,gBACxCf,KAAA,CAAAS,aAAA,CAACF,OAAO,CAACS,IAAI,CAACC,MAAM;IAACL,IAAI,EAAC,WAAW;IAACC,OAAO,eAAEb,KAAA,CAAAS,aAAA,CAACN,mBAAmB,MAAE;EAAE,CAAE,CAC9D,CACH,CAClB,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"presentation/pages/TranslatePage/TranslatePageConfig.js","sources":["../../../../src/presentation/pages/TranslatePage/TranslatePageConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useFeatureFlags } from \"@webiny/app-admin\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\nimport { TranslatePageAction } from \"./TranslatePageAction.js\";\nimport { TranslatePageDialog, TRANSLATE_PAGE_DIALOG } from \"./TranslatePageDialog.js\";\nimport { PageListConfig } from \"~/exports/admin/website-builder/page/list.js\";\n\nconst { Browser } = PageListConfig;\n\nexport const TranslatePageConfig = () => {\n    const featureFlags = useFeatureFlags();\n\n    if (!featureFlags.isEnabled(\"aiPowerups.websiteBuilder.pageTranslation\")) {\n        return null;\n    }\n\n    return (\n        <>\n            <AdminConfig>\n                <AdminConfig.Dialog\n                    name={TRANSLATE_PAGE_DIALOG}\n                    element={<TranslatePageDialog />}\n                />\n            </AdminConfig>\n            <PageListConfig>\n                <HasPermission entity=\"page\" action=\"create\">\n                    <Browser.Page.Action name=\"translate\" element={<TranslatePageAction />} />\n                </HasPermission>\n            </PageListConfig>\n        </>\n    );\n};\n"],"names":["Browser","PageListConfig","TranslatePageConfig","featureFlags","useFeatureFlags","AdminConfig","TRANSLATE_PAGE_DIALOG","TranslatePageDialog","HasPermission","TranslatePageAction"],"mappings":";;;;;;AAOA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,sBAAsB;IAC/B,MAAMC,eAAeC;IAErB,IAAI,CAACD,aAAa,SAAS,CAAC,8CACxB,OAAO;IAGX,OAAO,WAAP,GACI,wDACI,oBAACE,aAAWA,MAAAA,WAAAA,GACR,oBAACA,YAAY,MAAM;QACf,MAAMC;QACN,uBAAS,oBAACC,qBAAmBA;uBAGrC,oBAACN,gBAAcA,MAAAA,WAAAA,GACX,oBAACO,eAAaA;QAAC,QAAO;QAAO,QAAO;qBAChC,oBAACR,QAAQ,IAAI,CAAC,MAAM;QAAC,MAAK;QAAY,uBAAS,oBAACS,qBAAmBA;;AAKvF"}

package/presentation/pages/TranslatePage/TranslatePageDialog.js

@@ -1,4 +1,4 @@
-import React from "react";
+import react, { useState } from "react";
 import { useDialog } from "@webiny/app-admin";
 import { Dialog, Grid } from "@webiny/admin-ui";
 import { useLanguages } from "@webiny/languages/exports/admin/languages.js";
@@ -6,81 +6,78 @@ import { Bind, Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { FolderPicker } from "@webiny/app-aco";
 import { useTranslatePage } from "../hooks/useTranslatePage.js";
-import { useEditPageUrl } from "../../../modules/pages/PagesList/hooks/useEditPageUrl.js";
+import { useEditPageUrl } from "../PageList/hooks/useEditPageUrl.js";
 import { translatePageParams } from "./translatePageSchema.js";
 import { LanguageSelector } from "../../components/LanguageSelector.js";
-export const TRANSLATE_PAGE_DIALOG = "translatePage";
-export const TranslatePageDialog = () => {
-  const {
-    params,
-    closeDialog
-  } = useDialog(translatePageParams);
-  const {
-    translatePage
-  } = useTranslatePage();
-  const {
-    goToPageEditor
-  } = useEditPageUrl();
-  const {
-    languages,
-    loading
-  } = useLanguages();
-  const handleSubmit = async data => {
-    const {
-      languageCode,
-      folderId
-    } = data;
-    const newPage = await translatePage({
-      id: params.pageId,
-      languageCode,
-      folderId
-    });
-    closeDialog();
-    goToPageEditor(newPage.id);
-  };
-  return /*#__PURE__*/React.createElement(Form, {
-    onSubmit: handleSubmit,
-    data: {
-      folderId: params.folderId
-    }
-  }, ({
-    submit
-  }) => /*#__PURE__*/React.createElement(Dialog, {
-    open: true,
-    onClose: closeDialog,
-    title: "Translate Page",
-    description: "Select a target language and destination folder",
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, {
-      onClick: closeDialog,
-      text: "Cancel"
-    }), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
-      onClick: submit,
-      text: loading ? "Loading..." : "Confirm"
-    }))
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "languageCode",
-    validators: [validation.create("required")]
-  }, /*#__PURE__*/React.createElement(LanguageSelector, {
-    label: "Target Language",
-    placeholder: "Select a language",
-    currentLanguage: params.currentLanguage,
-    languages: languages
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "folderId",
-    defaultValue: params.folderId
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(FolderPicker, {
-    label: "Destination Folder",
-    value: value,
-    onChange: onChange,
-    enableCreate: true
-  }))))));
+const TRANSLATE_PAGE_DIALOG = "translatePage";
+const TranslatePageDialog = ()=>{
+    const { params, closeDialog } = useDialog(translatePageParams);
+    const { translatePage } = useTranslatePage();
+    const { goToPageEditor } = useEditPageUrl();
+    const { languages, loading } = useLanguages();
+    const [translating, setTranslating] = useState(false);
+    const handleSubmit = async (data)=>{
+        const { languageCode, folderId } = data;
+        setTranslating(true);
+        try {
+            const newPage = await translatePage({
+                id: params.pageId,
+                languageCode,
+                folderId
+            });
+            closeDialog();
+            goToPageEditor(newPage.id);
+        } finally{
+            setTranslating(false);
+        }
+    };
+    return /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: handleSubmit,
+        data: {
+            folderId: params.folderId
+        }
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(Dialog, {
+            open: true,
+            onClose: closeDialog,
+            dismissible: !translating,
+            loading: translating ? {
+                text: "Translating page..."
+            } : void 0,
+            title: "Translate Page",
+            description: "Select a target language and destination folder",
+            actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Dialog.CancelAction, {
+                onClick: closeDialog,
+                text: "Cancel",
+                disabled: translating
+            }), /*#__PURE__*/ react.createElement(Dialog.ConfirmAction, {
+                onClick: submit,
+                text: loading ? "Loading..." : "Confirm",
+                disabled: translating
+            }))
+        }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "languageCode",
+            validators: [
+                validation.create("required")
+            ]
+        }, /*#__PURE__*/ react.createElement(LanguageSelector, {
+            label: "Target Language",
+            placeholder: "Select a language",
+            currentLanguage: params.currentLanguage,
+            languages: languages
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "folderId",
+            defaultValue: params.folderId
+        }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(FolderPicker, {
+                label: "Destination Folder",
+                value: value,
+                onChange: onChange,
+                enableCreate: true
+            }))))));
 };
+export { TRANSLATE_PAGE_DIALOG, TranslatePageDialog };
 
 //# sourceMappingURL=TranslatePageDialog.js.map