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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageList/hooks/useDuplicatePageConfirmationDialog.js","sources":["../../../../../src/presentation/pages/PageList/hooks/useDuplicatePageConfirmationDialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useDuplicatePage } from \"~/features/pages/index.js\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin\";\nimport type { PageDto } from \"~/domain/Page/index.js\";\n\ninterface UseDuplicatePageConfirmationDialogProps {\n    page: PageDto;\n}\n\nexport const useDuplicatePageConfirmationDialog = ({\n    page\n}: UseDuplicatePageConfirmationDialogProps) => {\n    const { duplicatePage } = useDuplicatePage();\n    const { showSnackbar } = useSnackbar();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Duplicate page\",\n        message: (\n            <p>\n                You are about to duplicate <strong>{page.properties.title}</strong>. Are you sure\n                you want to continue?\n            </p>\n        )\n    });\n\n    const openDuplicatePageConfirmationDialog = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await duplicatePage({ id: page.id });\n                    showSnackbar(`${page.properties.title} was duplicated successfully!`);\n                } catch (ex) {\n                    showSnackbar(ex.message || `Error while duplicating ${page.properties.title}`);\n                }\n            }),\n        [page]\n    );\n\n    return { openDuplicatePageConfirmationDialog };\n};\n"],"names":["useDuplicatePageConfirmationDialog","page","duplicatePage","useDuplicatePage","showSnackbar","useSnackbar","showConfirmation","useConfirmationDialog","openDuplicatePageConfirmationDialog","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,6BAA6B,CAAC;YACxE,EAAE,OAAOS,IAAI;gBACTN,aAAaM,GAAG,OAAO,IAAI,CAAC,wBAAwB,EAAET,KAAK,UAAU,CAAC,KAAK,EAAE;YACjF;QACJ,IACJ;QAACA;KAAK;IAGV,OAAO;QAAEO;IAAoC;AACjD"}

package/presentation/pages/PageList/hooks/useEditPageUrl.d.ts

@@ -0,0 +1,4 @@
+export declare const useEditPageUrl: () => {
+    getEditPageUrl: (id: string) => string;
+    goToPageEditor: (id: string) => void;
+};

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.d.ts

@@ -0,0 +1,8 @@
+import type { PageDto } from "../../../../domain/Page/index.js";
+interface UseMovePageToFolderDialog {
+    page: PageDto;
+}
+export declare function useMovePageToFolderDialog({ page }: UseMovePageToFolderDialog): {
+    openMovePageToFolderDialog: () => void;
+};
+export {};

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.d.ts

@@ -0,0 +1,11 @@
+import type { PageDto } from "../../../../domain/Page/index.js";
+export interface PageContext {
+    page: PageDto;
+}
+export declare const usePage: () => PageContext;
+export declare const PageProvider: {
+    ({ children, ...props }: PageContext & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};

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.d.ts

@@ -0,0 +1,2 @@
+import type { PageDto } from "../../../../domain/Page/index.js";
+export declare const usePageLink: (pageDto: PageDto) => string | null;

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.d.ts

@@ -0,0 +1,2 @@
+import type { PageDto } from "../../../../domain/Page/index.js";
+export declare const usePagePreviewLink: (pageDto: PageDto) => string | null;

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.d.ts

@@ -0,0 +1,8 @@
+import type { PageDto } from "../../../../domain/Page/index.js";
+interface UsePublishPageConfirmationDialogProps {
+    page: PageDto;
+}
+export declare const usePublishPageConfirmationDialog: ({ page }: UsePublishPageConfirmationDialogProps) => {
+    openPublishPageConfirmationDialog: () => void;
+};
+export {};

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.d.ts

@@ -0,0 +1,8 @@
+import type { PageDto } from "../../../../domain/Page/index.js";
+interface UseUnpublishPageConfirmationDialogProps {
+    page: PageDto;
+}
+export declare const useUnpublishPageConfirmationDialog: ({ page }: UseUnpublishPageConfirmationDialogProps) => {
+    openUnpublishPageConfirmationDialog: () => void;
+};
+export {};

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,3 @@
+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.d.ts

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

package/presentation/pages/TranslatePage/TranslatePageAction.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/language.svg";
+import { useOpenDialog } from "@webiny/app-admin";
+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: 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

@@ -0,0 +1 @@
+{"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

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

package/presentation/pages/TranslatePage/TranslatePageConfig.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { AdminConfig, useFeatureFlags } from "@webiny/app-admin";
+import { HasPermission } from "../../security/HasPermission.js";
+import { TranslatePageAction } from "./TranslatePageAction.js";
+import { TRANSLATE_PAGE_DIALOG, TranslatePageDialog } from "./TranslatePageDialog.js";
+import { PageListConfig } from "../../../exports/admin/website-builder/page/list.js";
+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

@@ -0,0 +1 @@
+{"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.d.ts

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

package/presentation/pages/TranslatePage/TranslatePageDialog.js

@@ -0,0 +1,83 @@
+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";
+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 "../PageList/hooks/useEditPageUrl.js";
+import { translatePageParams } from "./translatePageSchema.js";
+import { LanguageSelector } from "../../components/LanguageSelector.js";
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/TranslatePage/TranslatePageDialog.js","sources":["../../../../src/presentation/pages/TranslatePage/TranslatePageDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { useDialog } from \"@webiny/app-admin\";\nimport { Dialog, Grid } from \"@webiny/admin-ui\";\nimport { useLanguages } from \"@webiny/languages/exports/admin/languages.js\";\nimport { Bind, Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { FolderPicker } from \"@webiny/app-aco\";\nimport { useTranslatePage } from \"~/presentation/pages/hooks/useTranslatePage.js\";\nimport { useEditPageUrl } from \"~/presentation/pages/PageList/hooks/useEditPageUrl.js\";\nimport { translatePageParams } from \"./translatePageSchema.js\";\nimport { LanguageSelector } from \"~/presentation/components/LanguageSelector.js\";\n\nexport const TRANSLATE_PAGE_DIALOG = \"translatePage\";\n\nexport const TranslatePageDialog = () => {\n    const { params, closeDialog } = useDialog(translatePageParams);\n    const { translatePage } = useTranslatePage();\n    const { goToPageEditor } = useEditPageUrl();\n    const { languages, loading } = useLanguages();\n    const [translating, setTranslating] = useState(false);\n\n    const handleSubmit = async (data: Record<string, unknown>) => {\n        const { languageCode, folderId } = data as {\n            languageCode: string;\n            folderId: string;\n        };\n\n        setTranslating(true);\n\n        try {\n            const newPage = await translatePage({\n                id: params.pageId,\n                languageCode,\n                folderId\n            });\n\n            closeDialog();\n            goToPageEditor(newPage.id);\n        } finally {\n            setTranslating(false);\n        }\n    };\n\n    return (\n        <Form onSubmit={handleSubmit} data={{ folderId: params.folderId }}>\n            {({ submit }) => (\n                <Dialog\n                    open={true}\n                    onClose={closeDialog}\n                    dismissible={!translating}\n                    loading={translating ? { text: \"Translating page...\" } : undefined}\n                    title=\"Translate Page\"\n                    description=\"Select a target language and destination folder\"\n                    actions={\n                        <>\n                            <Dialog.CancelAction\n                                onClick={closeDialog}\n                                text=\"Cancel\"\n                                disabled={translating}\n                            />\n                            <Dialog.ConfirmAction\n                                onClick={submit}\n                                text={loading ? \"Loading...\" : \"Confirm\"}\n                                disabled={translating}\n                            />\n                        </>\n                    }\n                >\n                    <Grid>\n                        <Grid.Column span={12}>\n                            <Bind name=\"languageCode\" validators={[validation.create(\"required\")]}>\n                                <LanguageSelector\n                                    label=\"Target Language\"\n                                    placeholder=\"Select a language\"\n                                    currentLanguage={params.currentLanguage}\n                                    languages={languages}\n                                />\n                            </Bind>\n                        </Grid.Column>\n\n                        <Grid.Column span={12}>\n                            <Bind name={\"folderId\"} defaultValue={params.folderId}>\n                                {({ value, onChange }) => (\n                                    <FolderPicker\n                                        label={\"Destination Folder\"}\n                                        value={value}\n                                        onChange={onChange}\n                                        enableCreate={true}\n                                    />\n                                )}\n                            </Bind>\n                        </Grid.Column>\n                    </Grid>\n                </Dialog>\n            )}\n        </Form>\n    );\n};\n"],"names":["TRANSLATE_PAGE_DIALOG","TranslatePageDialog","params","closeDialog","useDialog","translatePageParams","translatePage","useTranslatePage","goToPageEditor","useEditPageUrl","languages","loading","useLanguages","translating","setTranslating","useState","handleSubmit","data","languageCode","folderId","newPage","Form","submit","Dialog","undefined","Grid","Bind","validation","LanguageSelector","value","onChange","FolderPicker"],"mappings":";;;;;;;;;;;AAYO,MAAMA,wBAAwB;AAE9B,MAAMC,sBAAsB;IAC/B,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAAGC,UAAUC;IAC1C,MAAM,EAAEC,aAAa,EAAE,GAAGC;IAC1B,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAC3B,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGC;IAC/B,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAAS;IAE/C,MAAMC,eAAe,OAAOC;QACxB,MAAM,EAAEC,YAAY,EAAEC,QAAQ,EAAE,GAAGF;QAKnCH,eAAe;QAEf,IAAI;YACA,MAAMM,UAAU,MAAMd,cAAc;gBAChC,IAAIJ,OAAO,MAAM;gBACjBgB;gBACAC;YACJ;YAEAhB;YACAK,eAAeY,QAAQ,EAAE;QAC7B,SAAU;YACNN,eAAe;QACnB;IACJ;IAEA,OAAO,WAAP,GACI,oBAACO,MAAIA;QAAC,UAAUL;QAAc,MAAM;YAAE,UAAUd,OAAO,QAAQ;QAAC;OAC3D,CAAC,EAAEoB,MAAM,EAAE,iBACR,oBAACC,QAAMA;YACH,MAAM;YACN,SAASpB;YACT,aAAa,CAACU;YACd,SAASA,cAAc;gBAAE,MAAM;YAAsB,IAAIW;YACzD,OAAM;YACN,aAAY;YACZ,uBACI,wDACI,oBAACD,OAAO,YAAY;gBAChB,SAASpB;gBACT,MAAK;gBACL,UAAUU;8BAEd,oBAACU,OAAO,aAAa;gBACjB,SAASD;gBACT,MAAMX,UAAU,eAAe;gBAC/B,UAAUE;;yBAKtB,oBAACY,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAK;YAAe,YAAY;gBAACC,WAAW,MAAM,CAAC;aAAY;yBACjE,oBAACC,kBAAgBA;YACb,OAAM;YACN,aAAY;YACZ,iBAAiB1B,OAAO,eAAe;YACvC,WAAWQ;4BAKvB,oBAACe,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAM;YAAY,cAAcxB,OAAO,QAAQ;WAChD,CAAC,EAAE2B,KAAK,EAAEC,QAAQ,EAAE,iBACjB,oBAACC,cAAYA;gBACT,OAAO;gBACP,OAAOF;gBACP,UAAUC;gBACV,cAAc;;AAUtD"}

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

@@ -0,0 +1,6 @@
+import { z } from "zod";
+export declare const translatePageParams: z.ZodObject<{
+    pageId: z.ZodString;
+    folderId: z.ZodString;
+    currentLanguage: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;

package/presentation/pages/TranslatePage/translatePageSchema.js

@@ -0,0 +1,9 @@
+import { z } from "zod";
+const translatePageParams = z.object({
+    pageId: z.string(),
+    folderId: z.string(),
+    currentLanguage: z.string().optional()
+});
+export { translatePageParams };
+
+//# sourceMappingURL=translatePageSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/TranslatePage/translatePageSchema.js","sources":["../../../../src/presentation/pages/TranslatePage/translatePageSchema.ts"],"sourcesContent":["import { z } from \"zod\";\n\nexport const translatePageParams = z.object({\n    pageId: z.string(),\n    folderId: z.string(),\n    currentLanguage: z.string().optional()\n});\n"],"names":["translatePageParams","z"],"mappings":";AAEO,MAAMA,sBAAsBC,EAAE,MAAM,CAAC;IACxC,QAAQA,EAAE,MAAM;IAChB,UAAUA,EAAE,MAAM;IAClB,iBAAiBA,EAAE,MAAM,GAAG,QAAQ;AACxC"}

package/presentation/pages/TrashBin/WbTrashBin.d.ts

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