@webiny/app-website-builder 6.4.12-beta.5 → 6.5.0-beta.1

package/presentation/redirects/RedirectList/RedirectListPresenter.test.js

@@ -0,0 +1,273 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { observable } from "mobx";
+import { Container } from "@webiny/di";
+import { ListCache } from "@webiny/app-admin/features/listCache/index.js";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/ListPresenter.js";
+import { FolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import { GetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import { Redirect } from "../../../domain/Redirect/Redirect.js";
+import { RedirectsListCache } from "../../../features/redirects/shared/abstractions.js";
+import { ListRedirectsGateway } from "../../../features/redirects/listRedirects/abstractions.js";
+import { ListRedirectsUseCase } from "../../../features/redirects/listRedirects/ListRedirectsUseCase.js";
+import { ListRedirectsRepository } from "../../../features/redirects/listRedirects/ListRedirectsRepository.js";
+import { CreateRedirectGateway, CreateRedirectUseCase } from "../../../features/redirects/createRedirect/abstractions.js";
+import { CreateRedirectUseCase as CreateRedirectUseCase_js_CreateRedirectUseCase } from "../../../features/redirects/createRedirect/CreateRedirectUseCase.js";
+import { CreateRedirectRepository } from "../../../features/redirects/createRedirect/CreateRedirectRepository.js";
+import { UpdateRedirectGateway, UpdateRedirectUseCase } from "../../../features/redirects/updateRedirect/abstractions.js";
+import { UpdateRedirectUseCase as UpdateRedirectUseCase_js_UpdateRedirectUseCase } from "../../../features/redirects/updateRedirect/UpdateRedirectUseCase.js";
+import { UpdateRedirectRepository } from "../../../features/redirects/updateRedirect/UpdateRedirectRepository.js";
+import { CreateRedirectPresenter, EditRedirectPresenter, RedirectListPresenter } from "./abstractions.js";
+import { RedirectListPresenter as external_RedirectListPresenter_js_RedirectListPresenter } from "./RedirectListPresenter.js";
+const TOTAL_REDIRECTS = 120;
+const PAGE_SIZE = 50;
+const BASE_TIME = Date.UTC(2026, 0, 1);
+const minutes = (n)=>new Date(BASE_TIME + 60000 * n).toISOString();
+function createRedirects(count) {
+    return Array.from({
+        length: count
+    }, (_, i)=>Redirect.create({
+            id: `redirect-${i}`,
+            location: {
+                folderId: "root"
+            },
+            redirectFrom: `/from-${i}`,
+            redirectTo: `/to-${i}`,
+            redirectType: "permanent",
+            isEnabled: i % 2 === 0,
+            createdOn: minutes(i),
+            savedOn: minutes(count - i)
+        }));
+}
+function sortRedirects(redirects, sort = "createdOn_DESC") {
+    const [field, direction] = sort.split("_");
+    const multiplier = "ASC" === direction ? 1 : -1;
+    return [
+        ...redirects
+    ].sort((a, b)=>{
+        const left = String(a[field]);
+        const right = String(b[field]);
+        return left === right ? 0 : multiplier * (left < right ? -1 : 1);
+    });
+}
+function createListGateway(redirects) {
+    return {
+        execute: vi.fn(async (params)=>{
+            const sorted = sortRedirects(redirects, params.sort?.[0]);
+            const offset = params.after ? Number(params.after) : 0;
+            const limit = params.limit ?? PAGE_SIZE;
+            const data = sorted.slice(offset, offset + limit);
+            const next = offset + data.length;
+            const hasMoreItems = next < sorted.length;
+            return {
+                data,
+                meta: {
+                    cursor: hasMoreItems ? String(next) : null,
+                    hasMoreItems,
+                    totalCount: sorted.length
+                }
+            };
+        })
+    };
+}
+function createFolderTreePresenter() {
+    const vm = observable({
+        folders: [],
+        tree: [],
+        currentFolderId: null,
+        currentFolder: null,
+        loading: false,
+        operation: {
+            active: false,
+            mode: null
+        },
+        isRootFolder: true,
+        currentFolderTitle: "All redirects",
+        childFolders: [],
+        loadingNodeIds: []
+    });
+    return {
+        get vm () {
+            return vm;
+        },
+        selectFolder: vi.fn(),
+        createFolder: vi.fn(),
+        editFolder: vi.fn(),
+        deleteFolder: vi.fn().mockResolvedValue(void 0),
+        moveFolder: vi.fn().mockResolvedValue(void 0),
+        loadChildFolders: vi.fn().mockResolvedValue(void 0),
+        canManageStructure: vi.fn().mockReturnValue(true),
+        getAncestorIds: vi.fn().mockReturnValue([]),
+        submitOperation: vi.fn().mockResolvedValue(true),
+        cancelOperation: vi.fn(),
+        onFolderChange: vi.fn().mockReturnValue(()=>{})
+    };
+}
+function range(from, to) {
+    const step = from <= to ? 1 : -1;
+    const ids = [];
+    for(let i = from; step > 0 ? i <= to : i >= to; i += step)ids.push(`redirect-${i}`);
+    return ids;
+}
+describe("RedirectListPresenter", ()=>{
+    let presenter;
+    let container;
+    let redirects;
+    const rowIds = ()=>presenter.vm.list.rows.map((row)=>row.id);
+    const waitForQuery = async (field, direction)=>{
+        await vi.waitFor(()=>{
+            expect(presenter.vm.list.appliedQuery?.sort).toEqual({
+                field,
+                direction
+            });
+            expect(presenter.vm.list.pagination.loading).toBe(false);
+        });
+    };
+    const initAndWait = async ()=>{
+        presenter.init();
+        await waitForQuery("createdOn", "DESC");
+    };
+    const sortAndWait = async (field, direction)=>{
+        presenter.actions.sort.set(field, direction);
+        await waitForQuery(field, direction);
+    };
+    const loadAll = async ()=>{
+        while(presenter.vm.list.pagination.hasMore)await presenter.actions.loadMore();
+    };
+    beforeEach(()=>{
+        container = new Container();
+        redirects = createRedirects(TOTAL_REDIRECTS);
+        container.registerInstance(RedirectsListCache, new ListCache("id"));
+        container.registerInstance(ListRedirectsGateway, createListGateway(redirects));
+        container.register(ListRedirectsRepository).inSingletonScope();
+        container.register(ListRedirectsUseCase);
+        container.registerInstance(CreateRedirectGateway, {
+            execute: vi.fn(async (params)=>Redirect.create({
+                    ...params,
+                    id: "redirect-new",
+                    createdOn: minutes(TOTAL_REDIRECTS + 1),
+                    savedOn: minutes(TOTAL_REDIRECTS + 1)
+                }))
+        });
+        container.register(CreateRedirectRepository).inSingletonScope();
+        container.register(CreateRedirectUseCase_js_CreateRedirectUseCase);
+        container.registerInstance(UpdateRedirectGateway, {
+            execute: vi.fn(async (params)=>{
+                const existing = redirects.find((r)=>r.id === params.id);
+                return Redirect.create({
+                    ...existing,
+                    ...params,
+                    savedOn: minutes(TOTAL_REDIRECTS + 1)
+                });
+            })
+        });
+        container.register(UpdateRedirectRepository).inSingletonScope();
+        container.register(UpdateRedirectUseCase_js_UpdateRedirectUseCase);
+        container.register(ListPresenter);
+        container.registerInstance(FolderTreePresenter, createFolderTreePresenter());
+        container.registerInstance(GetDescendantFoldersUseCase, {
+            execute: ()=>[]
+        });
+        container.registerInstance(CreateRedirectPresenter, {
+            vm: {},
+            init: vi.fn(),
+            save: vi.fn()
+        });
+        container.registerInstance(EditRedirectPresenter, {
+            vm: {},
+            loadRedirect: vi.fn(),
+            save: vi.fn()
+        });
+        container.register(external_RedirectListPresenter_js_RedirectListPresenter);
+        presenter = container.resolve(RedirectListPresenter);
+    });
+    describe("pagination", ()=>{
+        it("should show the most recently created redirects first", async ()=>{
+            await initAndWait();
+            expect(rowIds()).toEqual(range(119, 70));
+        });
+        it("should append the next batch of redirects to the bottom of the list", async ()=>{
+            await initAndWait();
+            await presenter.actions.loadMore();
+            expect(rowIds()).toEqual(range(119, 20));
+        });
+        it("should keep all redirects in order after loading everything", async ()=>{
+            await initAndWait();
+            await loadAll();
+            expect(rowIds()).toEqual(range(119, 0));
+        });
+    });
+    describe("changing the sort", ()=>{
+        it("should show only the first batch, sorted by the new field", async ()=>{
+            await initAndWait();
+            await sortAndWait("savedOn", "DESC");
+            expect(rowIds()).toEqual(range(0, 49));
+        });
+        it("should show only the first batch when sorting by a boolean field", async ()=>{
+            await initAndWait();
+            await sortAndWait("isEnabled", "DESC");
+            const expected = sortRedirects(redirects, "isEnabled_DESC").slice(0, PAGE_SIZE).map((r)=>r.id);
+            expect(rowIds()).toEqual(expected);
+        });
+        it("should restore the original order when switching back", async ()=>{
+            await initAndWait();
+            await presenter.actions.loadMore();
+            await sortAndWait("createdOn", "ASC");
+            await sortAndWait("createdOn", "DESC");
+            expect(rowIds()).toEqual(range(119, 70));
+        });
+    });
+    describe("local cache changes", ()=>{
+        const createRedirect = ()=>container.resolve(CreateRedirectUseCase).execute({
+                location: {
+                    folderId: "root"
+                },
+                redirectFrom: "/new",
+                redirectTo: "/target",
+                redirectType: "permanent",
+                isEnabled: true
+            });
+        const updateRedirect = (id)=>{
+            const existing = redirects.find((r)=>r.id === id);
+            return container.resolve(UpdateRedirectUseCase).execute({
+                id,
+                redirectFrom: existing.redirectFrom,
+                redirectTo: "/changed",
+                redirectType: existing.redirectType,
+                isEnabled: existing.isEnabled
+            });
+        };
+        it("should show a created redirect at the top when it sorts first", async ()=>{
+            await initAndWait();
+            await createRedirect();
+            expect(rowIds()).toEqual([
+                "redirect-new",
+                ...range(119, 70)
+            ]);
+        });
+        it("should not show a created redirect that sorts past the loaded redirects", async ()=>{
+            await initAndWait();
+            await sortAndWait("createdOn", "ASC");
+            await createRedirect();
+            expect(rowIds()).toEqual(range(0, 49));
+        });
+        it("should keep an updated redirect in its position when sorted by createdOn", async ()=>{
+            await initAndWait();
+            await updateRedirect("redirect-100");
+            expect(rowIds()).toEqual(range(119, 70));
+            const updated = presenter.vm.list.rows.find((row)=>"redirect-100" === row.id);
+            expect(updated?.redirectTo).toBe("/changed");
+        });
+        it("should move an updated redirect to the top when sorted by savedOn", async ()=>{
+            await initAndWait();
+            await sortAndWait("savedOn", "DESC");
+            await updateRedirect("redirect-30");
+            expect(rowIds()).toEqual([
+                "redirect-30",
+                ...range(0, 29),
+                ...range(31, 49)
+            ]);
+        });
+    });
+});
+
+//# sourceMappingURL=RedirectListPresenter.test.js.map

package/presentation/redirects/RedirectList/RedirectListPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/RedirectListPresenter.test.js","sources":["../../../../src/presentation/redirects/RedirectList/RedirectListPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { observable } from \"mobx\";\nimport { Container } from \"@webiny/di\";\nimport { ListCache } from \"@webiny/app-admin/features/listCache/index.js\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/ListPresenter.js\";\nimport { FolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport { GetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport { Redirect } from \"~/domain/Redirect/Redirect.js\";\nimport { RedirectsListCache } from \"~/features/redirects/shared/abstractions.js\";\nimport {\n    ListRedirectsGateway,\n    type ListRedirectsGatewayParams,\n    type ListRedirectsGatewayResult\n} from \"~/features/redirects/listRedirects/abstractions.js\";\nimport { ListRedirectsUseCase } from \"~/features/redirects/listRedirects/ListRedirectsUseCase.js\";\nimport { ListRedirectsRepository } from \"~/features/redirects/listRedirects/ListRedirectsRepository.js\";\nimport {\n    CreateRedirectGateway,\n    CreateRedirectUseCase as CreateRedirectUseCaseAbstraction\n} from \"~/features/redirects/createRedirect/abstractions.js\";\nimport { CreateRedirectUseCase } from \"~/features/redirects/createRedirect/CreateRedirectUseCase.js\";\nimport { CreateRedirectRepository } from \"~/features/redirects/createRedirect/CreateRedirectRepository.js\";\nimport {\n    UpdateRedirectGateway,\n    UpdateRedirectUseCase as UpdateRedirectUseCaseAbstraction,\n    type UpdateRedirectParams\n} from \"~/features/redirects/updateRedirect/abstractions.js\";\nimport { UpdateRedirectUseCase } from \"~/features/redirects/updateRedirect/UpdateRedirectUseCase.js\";\nimport { UpdateRedirectRepository } from \"~/features/redirects/updateRedirect/UpdateRedirectRepository.js\";\nimport {\n    CreateRedirectPresenter,\n    EditRedirectPresenter,\n    RedirectListPresenter as Abstraction\n} from \"./abstractions.js\";\nimport { RedirectListPresenter } from \"./RedirectListPresenter.js\";\n\nconst TOTAL_REDIRECTS = 120;\nconst PAGE_SIZE = 50;\nconst BASE_TIME = Date.UTC(2026, 0, 1);\n\nconst minutes = (n: number) => new Date(BASE_TIME + n * 60_000).toISOString();\n\n/**\n * A higher index means a more recently *created* redirect, but a less recently *saved* one,\n * so sorting by `createdOn` and by `savedOn` produce opposite orders.\n */\nfunction createRedirects(count: number): Redirect[] {\n    return Array.from({ length: count }, (_, i) =>\n        Redirect.create({\n            id: `redirect-${i}`,\n            location: { folderId: \"root\" },\n            redirectFrom: `/from-${i}`,\n            redirectTo: `/to-${i}`,\n            redirectType: \"permanent\",\n            isEnabled: i % 2 === 0,\n            createdOn: minutes(i),\n            savedOn: minutes(count - i)\n        })\n    );\n}\n\n/**\n * Sorts like the API: by the requested field, ties keep the original (id) order.\n */\nfunction sortRedirects(redirects: Redirect[], sort = \"createdOn_DESC\"): Redirect[] {\n    const [field, direction] = sort.split(\"_\") as [keyof Redirect, \"ASC\" | \"DESC\"];\n    const multiplier = direction === \"ASC\" ? 1 : -1;\n    return [...redirects].sort((a, b) => {\n        const left = String(a[field]);\n        const right = String(b[field]);\n        return left === right ? 0 : multiplier * (left < right ? -1 : 1);\n    });\n}\n\nfunction createListGateway(redirects: Redirect[]): ListRedirectsGateway.Interface {\n    return {\n        execute: vi.fn(\n            async (params: ListRedirectsGatewayParams): Promise<ListRedirectsGatewayResult> => {\n                const sorted = sortRedirects(redirects, params.sort?.[0]);\n                const offset = params.after ? Number(params.after) : 0;\n                const limit = params.limit ?? PAGE_SIZE;\n                const data = sorted.slice(offset, offset + limit);\n                const next = offset + data.length;\n                const hasMoreItems = next < sorted.length;\n                return {\n                    data,\n                    meta: {\n                        cursor: hasMoreItems ? String(next) : null,\n                        hasMoreItems,\n                        totalCount: sorted.length\n                    }\n                };\n            }\n        )\n    };\n}\n\nfunction createFolderTreePresenter(): FolderTreePresenter.Interface {\n    const vm = observable({\n        folders: [],\n        tree: [],\n        currentFolderId: null as string | null,\n        currentFolder: null,\n        loading: false,\n        operation: { active: false, mode: null },\n        isRootFolder: true,\n        currentFolderTitle: \"All redirects\",\n        childFolders: [],\n        loadingNodeIds: []\n    });\n\n    return {\n        get vm() {\n            return vm as unknown as FolderTreePresenter.Interface[\"vm\"];\n        },\n        selectFolder: vi.fn(),\n        createFolder: vi.fn(),\n        editFolder: vi.fn(),\n        deleteFolder: vi.fn().mockResolvedValue(undefined),\n        moveFolder: vi.fn().mockResolvedValue(undefined),\n        loadChildFolders: vi.fn().mockResolvedValue(undefined),\n        canManageStructure: vi.fn().mockReturnValue(true),\n        getAncestorIds: vi.fn().mockReturnValue([]),\n        submitOperation: vi.fn().mockResolvedValue(true),\n        cancelOperation: vi.fn(),\n        onFolderChange: vi.fn().mockReturnValue(() => {})\n    };\n}\n\n/**\n * Expected redirect IDs for a contiguous range of indexes, in the given order.\n */\nfunction range(from: number, to: number): string[] {\n    const step = from <= to ? 1 : -1;\n    const ids: string[] = [];\n    for (let i = from; step > 0 ? i <= to : i >= to; i += step) {\n        ids.push(`redirect-${i}`);\n    }\n    return ids;\n}\n\ndescribe(\"RedirectListPresenter\", () => {\n    let presenter: Abstraction.Interface;\n    let container: Container;\n    let redirects: Redirect[];\n\n    const rowIds = () => presenter.vm.list.rows.map(row => row.id);\n\n    const waitForQuery = async (field: string, direction: \"ASC\" | \"DESC\") => {\n        await vi.waitFor(() => {\n            expect(presenter.vm.list.appliedQuery?.sort).toEqual({ field, direction });\n            expect(presenter.vm.list.pagination.loading).toBe(false);\n        });\n    };\n\n    const initAndWait = async () => {\n        presenter.init();\n        await waitForQuery(\"createdOn\", \"DESC\");\n    };\n\n    const sortAndWait = async (field: string, direction: \"ASC\" | \"DESC\") => {\n        presenter.actions.sort.set(field, direction);\n        await waitForQuery(field, direction);\n    };\n\n    const loadAll = async () => {\n        while (presenter.vm.list.pagination.hasMore) {\n            await presenter.actions.loadMore();\n        }\n    };\n\n    beforeEach(() => {\n        container = new Container();\n        redirects = createRedirects(TOTAL_REDIRECTS);\n\n        container.registerInstance(RedirectsListCache, new ListCache<Redirect>(\"id\"));\n\n        container.registerInstance(ListRedirectsGateway, createListGateway(redirects));\n        container.register(ListRedirectsRepository).inSingletonScope();\n        container.register(ListRedirectsUseCase);\n\n        container.registerInstance(CreateRedirectGateway, {\n            execute: vi.fn(async params =>\n                Redirect.create({\n                    ...params,\n                    id: \"redirect-new\",\n                    createdOn: minutes(TOTAL_REDIRECTS + 1),\n                    savedOn: minutes(TOTAL_REDIRECTS + 1)\n                })\n            )\n        });\n        container.register(CreateRedirectRepository).inSingletonScope();\n        container.register(CreateRedirectUseCase);\n\n        container.registerInstance(UpdateRedirectGateway, {\n            execute: vi.fn(async (params: UpdateRedirectParams) => {\n                const existing = redirects.find(r => r.id === params.id)!;\n                return Redirect.create({\n                    ...existing,\n                    ...params,\n                    savedOn: minutes(TOTAL_REDIRECTS + 1)\n                });\n            })\n        });\n        container.register(UpdateRedirectRepository).inSingletonScope();\n        container.register(UpdateRedirectUseCase);\n\n        container.register(ListPresenter);\n        container.registerInstance(FolderTreePresenter, createFolderTreePresenter());\n        container.registerInstance(GetDescendantFoldersUseCase, { execute: () => [] });\n        container.registerInstance(CreateRedirectPresenter, {\n            vm: {},\n            init: vi.fn(),\n            save: vi.fn()\n        } as unknown as CreateRedirectPresenter.Interface);\n        container.registerInstance(EditRedirectPresenter, {\n            vm: {},\n            loadRedirect: vi.fn(),\n            save: vi.fn()\n        } as unknown as EditRedirectPresenter.Interface);\n\n        container.register(RedirectListPresenter);\n\n        presenter = container.resolve(Abstraction);\n    });\n\n    describe(\"pagination\", () => {\n        it(\"should show the most recently created redirects first\", async () => {\n            await initAndWait();\n\n            expect(rowIds()).toEqual(range(119, 70));\n        });\n\n        it(\"should append the next batch of redirects to the bottom of the list\", async () => {\n            await initAndWait();\n\n            await presenter.actions.loadMore();\n\n            expect(rowIds()).toEqual(range(119, 20));\n        });\n\n        it(\"should keep all redirects in order after loading everything\", async () => {\n            await initAndWait();\n\n            await loadAll();\n\n            expect(rowIds()).toEqual(range(119, 0));\n        });\n    });\n\n    describe(\"changing the sort\", () => {\n        it(\"should show only the first batch, sorted by the new field\", async () => {\n            await initAndWait();\n\n            await sortAndWait(\"savedOn\", \"DESC\");\n\n            // `savedOn` runs opposite to `createdOn`, so the most recently saved is redirect-0.\n            expect(rowIds()).toEqual(range(0, 49));\n        });\n\n        it(\"should show only the first batch when sorting by a boolean field\", async () => {\n            await initAndWait();\n\n            await sortAndWait(\"isEnabled\", \"DESC\");\n\n            const expected = sortRedirects(redirects, \"isEnabled_DESC\")\n                .slice(0, PAGE_SIZE)\n                .map(r => r.id);\n            expect(rowIds()).toEqual(expected);\n        });\n\n        it(\"should restore the original order when switching back\", async () => {\n            await initAndWait();\n            await presenter.actions.loadMore();\n\n            await sortAndWait(\"createdOn\", \"ASC\");\n            await sortAndWait(\"createdOn\", \"DESC\");\n\n            expect(rowIds()).toEqual(range(119, 70));\n        });\n    });\n\n    describe(\"local cache changes\", () => {\n        const createRedirect = () =>\n            container.resolve(CreateRedirectUseCaseAbstraction).execute({\n                location: { folderId: \"root\" },\n                redirectFrom: \"/new\",\n                redirectTo: \"/target\",\n                redirectType: \"permanent\",\n                isEnabled: true\n            });\n\n        const updateRedirect = (id: string) => {\n            const existing = redirects.find(r => r.id === id)!;\n            return container.resolve(UpdateRedirectUseCaseAbstraction).execute({\n                id,\n                redirectFrom: existing.redirectFrom,\n                redirectTo: \"/changed\",\n                redirectType: existing.redirectType,\n                isEnabled: existing.isEnabled\n            });\n        };\n\n        it(\"should show a created redirect at the top when it sorts first\", async () => {\n            await initAndWait();\n\n            await createRedirect();\n\n            expect(rowIds()).toEqual([\"redirect-new\", ...range(119, 70)]);\n        });\n\n        it(\"should not show a created redirect that sorts past the loaded redirects\", async () => {\n            await initAndWait();\n            await sortAndWait(\"createdOn\", \"ASC\");\n\n            await createRedirect();\n\n            // The new redirect is the most recently created, so in ASC order it belongs at the\n            // very end, after redirects that are not loaded yet.\n            expect(rowIds()).toEqual(range(0, 49));\n        });\n\n        it(\"should keep an updated redirect in its position when sorted by createdOn\", async () => {\n            await initAndWait();\n\n            await updateRedirect(\"redirect-100\");\n\n            expect(rowIds()).toEqual(range(119, 70));\n            const updated = presenter.vm.list.rows.find(row => row.id === \"redirect-100\");\n            expect(updated?.redirectTo).toBe(\"/changed\");\n        });\n\n        it(\"should move an updated redirect to the top when sorted by savedOn\", async () => {\n            await initAndWait();\n            await sortAndWait(\"savedOn\", \"DESC\");\n\n            await updateRedirect(\"redirect-30\");\n\n            expect(rowIds()).toEqual([\"redirect-30\", ...range(0, 29), ...range(31, 49)]);\n        });\n    });\n});\n"],"names":["TOTAL_REDIRECTS","PAGE_SIZE","BASE_TIME","Date","minutes","n","createRedirects","count","Array","_","i","Redirect","sortRedirects","redirects","sort","field","direction","multiplier","a","b","left","String","right","createListGateway","vi","params","sorted","offset","Number","limit","data","next","hasMoreItems","createFolderTreePresenter","vm","observable","undefined","range","from","to","step","ids","describe","presenter","container","rowIds","row","waitForQuery","expect","initAndWait","sortAndWait","loadAll","beforeEach","Container","RedirectsListCache","ListCache","ListRedirectsGateway","ListRedirectsRepository","ListRedirectsUseCase","CreateRedirectGateway","CreateRedirectRepository","CreateRedirectUseCase","UpdateRedirectGateway","existing","r","UpdateRedirectRepository","UpdateRedirectUseCase","ListPresenter","FolderTreePresenter","GetDescendantFoldersUseCase","CreateRedirectPresenter","EditRedirectPresenter","RedirectListPresenter","Abstraction","it","expected","createRedirect","CreateRedirectUseCaseAbstraction","updateRedirect","id","UpdateRedirectUseCaseAbstraction","updated"],"mappings":"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"}

package/presentation/redirects/RedirectList/abstractions.d.ts

@@ -0,0 +1,84 @@
+import type { IListViewModel } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IListActions } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IWorkerActions } from "@webiny/app-admin";
+import type { IFormVM } from "@webiny/app-admin/features/formModel/abstractions.js";
+import type { IFolderTreeViewModel } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import type { FolderDto } from "@webiny/app-aco";
+import type { Redirect } from "../../../domain/Redirect/Redirect.js";
+import type { RedirectDto } from "../../../domain/Redirect/RedirectDto.js";
+export interface ICreateRedirectViewModel {
+    loading: string | null;
+    form: IFormVM;
+}
+export interface ICreateRedirectPresenter {
+    vm: ICreateRedirectViewModel;
+    init(folderId: string): void;
+    save(): Promise<boolean>;
+}
+export declare const CreateRedirectPresenter: import("@webiny/di").Abstraction<ICreateRedirectPresenter>;
+export declare namespace CreateRedirectPresenter {
+    type Interface = ICreateRedirectPresenter;
+    type ViewModel = ICreateRedirectViewModel;
+}
+export interface IEditRedirectViewModel {
+    redirect: RedirectDto | null;
+    loading: string | null;
+    form: IFormVM;
+}
+export interface IEditRedirectPresenter {
+    vm: IEditRedirectViewModel;
+    loadRedirect(redirectId: string): Promise<void>;
+    save(): Promise<boolean>;
+}
+export declare const EditRedirectPresenter: import("@webiny/di").Abstraction<IEditRedirectPresenter>;
+export declare namespace EditRedirectPresenter {
+    type Interface = IEditRedirectPresenter;
+    type ViewModel = IEditRedirectViewModel;
+}
+export interface IRedirectListInitConfig {
+    initialFolderId?: string;
+}
+export interface IRedirectListViewModel {
+    list: IListViewModel<Redirect>;
+    folders: IFolderTreeViewModel;
+    createRedirect: ICreateRedirectPresenter | null;
+    editRedirect: IEditRedirectPresenter | null;
+    showFolders: boolean;
+    childFolders: FolderDto[];
+    showingFilters: boolean;
+}
+export interface IFolderActions {
+    selectFolder(folderId: string | null): void;
+    createFolder(parentFolderId?: string): void;
+    editFolder(folderId: string): void;
+    deleteFolder(folderId: string): Promise<void>;
+    moveFolder(folderId: string, targetParentId: string | null): Promise<void>;
+    loadChildFolders(parentIds: string[]): Promise<void>;
+    canManageStructure(folderId: string): boolean;
+    getAncestorIds(folderId: string): string[];
+    submitOperation(): Promise<boolean>;
+    cancelOperation(): void;
+}
+export interface IRedirectListActions extends IListActions {
+    worker: IWorkerActions<Redirect>;
+    showFilters(): void;
+    hideFilters(): void;
+    showCreateDialog(folderId: string): void;
+    showEditDialog(redirectId: string): void;
+    hideCreateDialog(): void;
+    hideEditDialog(): void;
+    folders: IFolderActions;
+}
+export interface IRedirectListPresenter {
+    vm: IRedirectListViewModel;
+    actions: IRedirectListActions;
+    init(config?: IRedirectListInitConfig): void;
+    dispose(): void;
+}
+export declare const RedirectListPresenter: import("@webiny/di").Abstraction<IRedirectListPresenter>;
+export declare namespace RedirectListPresenter {
+    type Interface = IRedirectListPresenter;
+    type ViewModel = IRedirectListViewModel;
+    type Actions = IRedirectListActions;
+    type InitConfig = IRedirectListInitConfig;
+}

package/presentation/redirects/RedirectList/abstractions.js

@@ -0,0 +1,7 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const CreateRedirectPresenter = createAbstraction("WebsiteBuilder/CreateRedirectPresenter");
+const EditRedirectPresenter = createAbstraction("WebsiteBuilder/EditRedirectPresenter");
+const RedirectListPresenter = createAbstraction("WebsiteBuilder/RedirectListPresenter");
+export { CreateRedirectPresenter, EditRedirectPresenter, RedirectListPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/redirects/RedirectList/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/abstractions.js","sources":["../../../../src/presentation/redirects/RedirectList/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListViewModel } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IListActions } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IWorkerActions } from \"@webiny/app-admin\";\nimport type { IFormVM } from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport type { IFolderTreeViewModel } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\nimport type { Redirect } from \"~/domain/Redirect/Redirect.js\";\nimport type { RedirectDto } from \"~/domain/Redirect/RedirectDto.js\";\n\n// Create Redirect\nexport interface ICreateRedirectViewModel {\n    loading: string | null;\n    form: IFormVM;\n}\n\nexport interface ICreateRedirectPresenter {\n    vm: ICreateRedirectViewModel;\n    init(folderId: string): void;\n    save(): Promise<boolean>;\n}\n\nexport const CreateRedirectPresenter = createAbstraction<ICreateRedirectPresenter>(\n    \"WebsiteBuilder/CreateRedirectPresenter\"\n);\n\nexport namespace CreateRedirectPresenter {\n    export type Interface = ICreateRedirectPresenter;\n    export type ViewModel = ICreateRedirectViewModel;\n}\n\n// Edit Redirect\nexport interface IEditRedirectViewModel {\n    redirect: RedirectDto | null;\n    loading: string | null;\n    form: IFormVM;\n}\n\nexport interface IEditRedirectPresenter {\n    vm: IEditRedirectViewModel;\n    loadRedirect(redirectId: string): Promise<void>;\n    save(): Promise<boolean>;\n}\n\nexport const EditRedirectPresenter = createAbstraction<IEditRedirectPresenter>(\n    \"WebsiteBuilder/EditRedirectPresenter\"\n);\n\nexport namespace EditRedirectPresenter {\n    export type Interface = IEditRedirectPresenter;\n    export type ViewModel = IEditRedirectViewModel;\n}\n\n// List\nexport interface IRedirectListInitConfig {\n    initialFolderId?: string;\n}\n\nexport interface IRedirectListViewModel {\n    list: IListViewModel<Redirect>;\n    folders: IFolderTreeViewModel;\n    createRedirect: ICreateRedirectPresenter | null;\n    editRedirect: IEditRedirectPresenter | null;\n    showFolders: boolean;\n    childFolders: FolderDto[];\n    showingFilters: boolean;\n}\n\nexport interface IFolderActions {\n    selectFolder(folderId: string | null): void;\n    createFolder(parentFolderId?: string): void;\n    editFolder(folderId: string): void;\n    deleteFolder(folderId: string): Promise<void>;\n    moveFolder(folderId: string, targetParentId: string | null): Promise<void>;\n    loadChildFolders(parentIds: string[]): Promise<void>;\n    canManageStructure(folderId: string): boolean;\n    getAncestorIds(folderId: string): string[];\n    submitOperation(): Promise<boolean>;\n    cancelOperation(): void;\n}\n\nexport interface IRedirectListActions extends IListActions {\n    worker: IWorkerActions<Redirect>;\n    showFilters(): void;\n    hideFilters(): void;\n    showCreateDialog(folderId: string): void;\n    showEditDialog(redirectId: string): void;\n    hideCreateDialog(): void;\n    hideEditDialog(): void;\n    folders: IFolderActions;\n}\n\nexport interface IRedirectListPresenter {\n    vm: IRedirectListViewModel;\n    actions: IRedirectListActions;\n    init(config?: IRedirectListInitConfig): void;\n    dispose(): void;\n}\n\nexport const RedirectListPresenter = createAbstraction<IRedirectListPresenter>(\n    \"WebsiteBuilder/RedirectListPresenter\"\n);\n\nexport namespace RedirectListPresenter {\n    export type Interface = IRedirectListPresenter;\n    export type ViewModel = IRedirectListViewModel;\n    export type Actions = IRedirectListActions;\n    export type InitConfig = IRedirectListInitConfig;\n}\n"],"names":["CreateRedirectPresenter","createAbstraction","EditRedirectPresenter","RedirectListPresenter"],"mappings":";AAsBO,MAAMA,0BAA0BC,kBACnC;AAqBG,MAAMC,wBAAwBD,kBACjC;AAsDG,MAAME,wBAAwBF,kBACjC"}

package/presentation/redirects/RedirectList/components/BulkActionDelete.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionDelete: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/redirects/RedirectList/components/BulkActionDelete.js

@@ -0,0 +1,62 @@
+import react, { useMemo } from "react";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { getRedirectsLabel } from "./getRedirectsLabel.js";
+import { useContainer } from "@webiny/app";
+import { DeleteRedirectUseCase } from "../../../../features/redirects/deleteRedirect/abstractions.js";
+import { RedirectListConfig } from "../configs/RedirectListConfig.js";
+import { useRedirectListPresenter } from "./RedirectListPresenterProvider.js";
+const { useButtons: useButtons, useDialog: useDialog } = RedirectListConfig.Browser.BulkAction;
+const BulkActionDelete = observer(()=>{
+    const { ButtonDefault } = useButtons();
+    const { vm, actions } = useRedirectListPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const container = useContainer();
+    const deleteRedirectUseCase = container.resolve(DeleteRedirectUseCase);
+    const redirectsLabel = useMemo(()=>getRedirectsLabel(vm.list.selection.selectedCount), [
+        vm.list.selection.selectedCount
+    ]);
+    const openDeleteDialog = ()=>showConfirmationDialog({
+            title: "Delete redirects",
+            message: `You are about to delete ${redirectsLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${redirectsLabel}...`,
+            execute: async ()=>{
+                await actions.worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        await deleteRedirectUseCase.execute({
+                            id: item.id
+                        });
+                        report.success({
+                            title: item.redirectFrom,
+                            message: "Redirect successfully deleted."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: item.redirectFrom,
+                            message: e.message
+                        });
+                    }
+                });
+                actions.selection.deselectAll();
+                showResultsDialog({
+                    results: actions.worker.results,
+                    title: "Delete redirects",
+                    message: "Finished deleting redirects! See full report below:",
+                    onCancel: actions.worker.resetResults
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Delete ${redirectsLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openDeleteDialog,
+            size: "sm"
+        }, "Delete")
+    });
+});
+export { BulkActionDelete };
+
+//# sourceMappingURL=BulkActionDelete.js.map

package/presentation/redirects/RedirectList/components/BulkActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/BulkActionDelete.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/BulkActionDelete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { getRedirectsLabel } from \"./getRedirectsLabel.js\";\nimport { useContainer } from \"@webiny/app\";\nimport { DeleteRedirectUseCase } from \"~/features/redirects/deleteRedirect/abstractions.js\";\nimport { RedirectListConfig } from \"../configs/RedirectListConfig.js\";\nimport { useRedirectListPresenter } from \"./RedirectListPresenterProvider.js\";\n\nconst { useButtons, useDialog } = RedirectListConfig.Browser.BulkAction;\n\nexport const BulkActionDelete = observer(() => {\n    const { ButtonDefault } = useButtons();\n    const { vm, actions } = useRedirectListPresenter();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const container = useContainer();\n    const deleteRedirectUseCase = container.resolve(DeleteRedirectUseCase);\n\n    const redirectsLabel = useMemo(() => {\n        return getRedirectsLabel(vm.list.selection.selectedCount);\n    }, [vm.list.selection.selectedCount]);\n\n    const openDeleteDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete redirects\",\n            message: `You are about to delete ${redirectsLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${redirectsLabel}...`,\n            execute: async () => {\n                await actions.worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await deleteRedirectUseCase.execute({ id: item.id });\n\n                        report.success({\n                            title: item.redirectFrom,\n                            message: \"Redirect successfully deleted.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: item.redirectFrom,\n                            message: e.message\n                        });\n                    }\n                });\n\n                actions.selection.deselectAll();\n\n                showResultsDialog({\n                    results: actions.worker.results,\n                    title: \"Delete redirects\",\n                    message: \"Finished deleting redirects! See full report below:\",\n                    onCancel: actions.worker.resetResults\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${redirectsLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteDialog} size={\"sm\"}>\n                    {`Delete`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["useButtons","useDialog","RedirectListConfig","BulkActionDelete","observer","ButtonDefault","vm","actions","useRedirectListPresenter","showConfirmationDialog","showResultsDialog","container","useContainer","deleteRedirectUseCase","DeleteRedirectUseCase","redirectsLabel","useMemo","getRedirectsLabel","openDeleteDialog","item","report","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;;;AAUA,MAAM,EAAEA,YAAAA,UAAU,EAAEC,WAAAA,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;AAEhE,MAAMC,mBAAmBC,SAAS;IACrC,MAAM,EAAEC,aAAa,EAAE,GAAGL;IAC1B,MAAM,EAAEM,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGT;IAEtD,MAAMU,YAAYC;IAClB,MAAMC,wBAAwBF,UAAU,OAAO,CAACG;IAEhD,MAAMC,iBAAiBC,QAAQ,IACpBC,kBAAkBX,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,GACzD;QAACA,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa;KAAC;IAEpC,MAAMY,mBAAmB,IACrBT,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,wBAAwB,EAAEM,eAAe,oCAAoC,CAAC;YACxF,cAAc,CAAC,WAAW,EAAEA,eAAe,GAAG,CAAC;YAC/C,SAAS;gBACL,MAAMR,QAAQ,MAAM,CAAC,eAAe,CAAC,OAAO,EAAEY,IAAI,EAAEC,MAAM,EAAE;oBACxD,IAAI;wBACA,MAAMP,sBAAsB,OAAO,CAAC;4BAAE,IAAIM,KAAK,EAAE;wBAAC;wBAElDC,OAAO,OAAO,CAAC;4BACX,OAAOD,KAAK,YAAY;4BACxB,SAAS;wBACb;oBACJ,EAAE,OAAOE,GAAG;wBACRD,OAAO,KAAK,CAAC;4BACT,OAAOD,KAAK,YAAY;4BACxB,SAASE,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAd,QAAQ,SAAS,CAAC,WAAW;gBAE7BG,kBAAkB;oBACd,SAASH,QAAQ,MAAM,CAAC,OAAO;oBAC/B,OAAO;oBACP,SAAS;oBACT,UAAUA,QAAQ,MAAM,CAAC,YAAY;gBACzC;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACe,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,OAAO,EAAEP,gBAAgB;QACnC,uBACI,oBAACV,eAAAA;YAAc,oBAAM,oBAACkB,gBAAUA;YAAK,UAAUL;YAAkB,MAAM;WAClE;;AAKrB"}

package/presentation/redirects/RedirectList/components/BulkActionMove.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const BulkActionMove: (() => React.JSX.Element) & {
+    displayName: string;
+};

package/presentation/redirects/RedirectList/components/BulkActionMove.js

@@ -0,0 +1,81 @@
+import react, { useCallback, useMemo } from "react";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { Tooltip } from "@webiny/admin-ui";
+import { useMoveToFolderDialog } from "@webiny/app-aco";
+import { observer } from "mobx-react-lite";
+import { ROOT_FOLDER } from "../../../../constants.js";
+import { useContainer } from "@webiny/app";
+import { MoveRedirectUseCase } from "../../../../features/redirects/moveRedirect/abstractions.js";
+import { RedirectListConfig } from "../configs/RedirectListConfig.js";
+import { useRedirectListPresenter } from "./RedirectListPresenterProvider.js";
+import { getRedirectsLabel } from "./getRedirectsLabel.js";
+const { useButtons: useButtons, useDialog: useDialog } = RedirectListConfig.Browser.BulkAction;
+const BulkActionMove = observer(()=>{
+    const { ButtonDefault } = useButtons();
+    const { vm, actions } = useRedirectListPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const { showDialog: showMoveDialog } = useMoveToFolderDialog();
+    const container = useContainer();
+    const moveRedirectUseCase = container.resolve(MoveRedirectUseCase);
+    const currentFolderId = vm.folders.currentFolderId;
+    const redirectsLabel = useMemo(()=>getRedirectsLabel(vm.list.selection.selectedCount), [
+        vm.list.selection.selectedCount
+    ]);
+    const openWorkerDialog = useCallback((folder)=>{
+        showConfirmationDialog({
+            title: "Move redirects",
+            message: `You are about to move ${redirectsLabel} to ${folder.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${redirectsLabel}...`,
+            execute: async ()=>{
+                await actions.worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        await moveRedirectUseCase.execute({
+                            id: item.id,
+                            folderId: folder.id
+                        });
+                        report.success({
+                            title: item.redirectFrom,
+                            message: "Redirect successfully moved."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: item.redirectFrom,
+                            message: e.message
+                        });
+                    }
+                });
+                actions.selection.deselectAll();
+                showResultsDialog({
+                    results: actions.worker.results,
+                    title: "Move redirects",
+                    message: "Finished moving redirects! See full report below:",
+                    onCancel: actions.worker.resetResults
+                });
+            }
+        });
+    }, [
+        redirectsLabel
+    ]);
+    const openMoveDialog = ()=>showMoveDialog({
+            title: "Select folder",
+            message: "Select a new location for selected redirects:",
+            loadingLabel: `Processing ${redirectsLabel}...`,
+            acceptLabel: "Move",
+            focusedFolderId: currentFolderId || ROOT_FOLDER,
+            async onAccept ({ folder }) {
+                openWorkerDialog(folder);
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Move ${redirectsLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openMoveDialog,
+            size: "sm"
+        }, "Move")
+    });
+});
+export { BulkActionMove };
+
+//# sourceMappingURL=BulkActionMove.js.map

package/presentation/redirects/RedirectList/components/BulkActionMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/BulkActionMove.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/BulkActionMove.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { type NodeDto, Tooltip } from \"@webiny/admin-ui\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport { observer } from \"mobx-react-lite\";\nimport { ROOT_FOLDER } from \"~/constants.js\";\nimport { useContainer } from \"@webiny/app\";\nimport { MoveRedirectUseCase } from \"~/features/redirects/moveRedirect/abstractions.js\";\nimport { RedirectListConfig } from \"../configs/RedirectListConfig.js\";\nimport { useRedirectListPresenter } from \"./RedirectListPresenterProvider.js\";\nimport { getRedirectsLabel } from \"./getRedirectsLabel.js\";\n\nconst { useButtons, useDialog } = RedirectListConfig.Browser.BulkAction;\n\nexport const BulkActionMove = observer(() => {\n    const { ButtonDefault } = useButtons();\n    const { vm, actions } = useRedirectListPresenter();\n\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const container = useContainer();\n    const moveRedirectUseCase = container.resolve(MoveRedirectUseCase);\n    const currentFolderId = vm.folders.currentFolderId;\n\n    const redirectsLabel = useMemo(() => {\n        return getRedirectsLabel(vm.list.selection.selectedCount);\n    }, [vm.list.selection.selectedCount]);\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move redirects\",\n                message: `You are about to move ${redirectsLabel} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${redirectsLabel}...`,\n                execute: async () => {\n                    await actions.worker.processInSeries(async ({ item, report }) => {\n                        try {\n                            await moveRedirectUseCase.execute({\n                                id: item.id,\n                                folderId: folder.id\n                            });\n\n                            report.success({\n                                title: item.redirectFrom,\n                                message: \"Redirect successfully moved.\"\n                            });\n                        } catch (e) {\n                            report.error({\n                                title: item.redirectFrom,\n                                message: e.message\n                            });\n                        }\n                    });\n\n                    actions.selection.deselectAll();\n\n                    showResultsDialog({\n                        results: actions.worker.results,\n                        title: \"Move redirects\",\n                        message: \"Finished moving redirects! See full report below:\",\n                        onCancel: actions.worker.resetResults\n                    });\n                }\n            });\n        },\n        [redirectsLabel]\n    );\n\n    const openMoveDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected redirects:\",\n            loadingLabel: `Processing ${redirectsLabel}...`,\n            acceptLabel: `Move`,\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Move ${redirectsLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveDialog} size={\"sm\"}>\n                    {`Move`}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["useButtons","useDialog","RedirectListConfig","BulkActionMove","observer","ButtonDefault","vm","actions","useRedirectListPresenter","showConfirmationDialog","showResultsDialog","showMoveDialog","useMoveToFolderDialog","container","useContainer","moveRedirectUseCase","MoveRedirectUseCase","currentFolderId","redirectsLabel","useMemo","getRedirectsLabel","openWorkerDialog","useCallback","folder","item","report","e","openMoveDialog","ROOT_FOLDER","Tooltip","MoveIcon"],"mappings":";;;;;;;;;;;AAYA,MAAM,EAAEA,YAAAA,UAAU,EAAEC,WAAAA,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;AAEhE,MAAMC,iBAAiBC,SAAS;IACnC,MAAM,EAAEC,aAAa,EAAE,GAAGL;IAC1B,MAAM,EAAEM,EAAE,EAAEC,OAAO,EAAE,GAAGC;IAExB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGT;IACtD,MAAM,EAAE,YAAYU,cAAc,EAAE,GAAGC;IAEvC,MAAMC,YAAYC;IAClB,MAAMC,sBAAsBF,UAAU,OAAO,CAACG;IAC9C,MAAMC,kBAAkBX,GAAG,OAAO,CAAC,eAAe;IAElD,MAAMY,iBAAiBC,QAAQ,IACpBC,kBAAkBd,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,GACzD;QAACA,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa;KAAC;IAEpC,MAAMe,mBAAmBC,YACrB,CAACC;QACGd,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAES,eAAe,IAAI,EAAEK,OAAO,KAAK,CAAC,oCAAoC,CAAC;YACzG,cAAc,CAAC,WAAW,EAAEL,eAAe,GAAG,CAAC;YAC/C,SAAS;gBACL,MAAMX,QAAQ,MAAM,CAAC,eAAe,CAAC,OAAO,EAAEiB,IAAI,EAAEC,MAAM,EAAE;oBACxD,IAAI;wBACA,MAAMV,oBAAoB,OAAO,CAAC;4BAC9B,IAAIS,KAAK,EAAE;4BACX,UAAUD,OAAO,EAAE;wBACvB;wBAEAE,OAAO,OAAO,CAAC;4BACX,OAAOD,KAAK,YAAY;4BACxB,SAAS;wBACb;oBACJ,EAAE,OAAOE,GAAG;wBACRD,OAAO,KAAK,CAAC;4BACT,OAAOD,KAAK,YAAY;4BACxB,SAASE,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAnB,QAAQ,SAAS,CAAC,WAAW;gBAE7BG,kBAAkB;oBACd,SAASH,QAAQ,MAAM,CAAC,OAAO;oBAC/B,OAAO;oBACP,SAAS;oBACT,UAAUA,QAAQ,MAAM,CAAC,YAAY;gBACzC;YACJ;QACJ;IACJ,GACA;QAACW;KAAe;IAGpB,MAAMS,iBAAiB,IACnBhB,eAAe;YACX,OAAO;YACP,SAAS;YACT,cAAc,CAAC,WAAW,EAAEO,eAAe,GAAG,CAAC;YAC/C,aAAa;YACb,iBAAiBD,mBAAmBW;YACpC,MAAM,UAAS,EAAEL,MAAM,EAAE;gBACrBF,iBAAiBE;YACrB;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACM,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,KAAK,EAAEX,gBAAgB;QACjC,uBACI,oBAACb,eAAAA;YAAc,oBAAM,oBAACyB,gBAAQA;YAAK,UAAUH;YAAgB,MAAM;WAC9D;;AAKrB"}

package/presentation/redirects/RedirectList/components/ButtonsCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/components/ButtonsCreate.js","sources":["../../../../../src/presentation/redirects/RedirectList/components/ButtonsCreate.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\n\ninterface ButtonsCreateProps {\n    onCreateDocument: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateFolder: boolean;\n    canCreateContent: boolean;\n}\n\nexport const ButtonsCreate = ({\n    onCreateFolder,\n    onCreateDocument,\n    canCreateContent,\n    canCreateFolder\n}: ButtonsCreateProps) => {\n    let newFolderButton = (\n        <Button\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={\"New Folder\"}\n            icon={<Add />}\n            variant={\"secondary\"}\n        />\n    );\n\n    if (!canCreateFolder) {\n        newFolderButton = (\n            <Tooltip\n                content={`Cannot create folder because you're not an owner.`}\n                trigger={newFolderButton}\n            />\n        );\n    }\n\n    let newEntryButton = (\n        <Button\n            data-testid=\"new-entry-button\"\n            onClick={onCreateDocument}\n            disabled={!canCreateContent}\n            text={\"New Redirect\"}\n            icon={<Add />}\n        />\n    );\n\n    if (!canCreateContent) {\n        newEntryButton = (\n            <Tooltip\n                content={`Cannot create redirect because you're not an owner.`}\n                trigger={newEntryButton}\n            />\n        );\n    }\n\n    return (\n        <>\n            {newFolderButton}\n            {newEntryButton}\n        </>\n    );\n};\n"],"names":["ButtonsCreate","onCreateFolder","onCreateDocument","canCreateContent","canCreateFolder","newFolderButton","Button","Add","Tooltip","newEntryButton"],"mappings":";;;AAWO,MAAMA,gBAAgB,CAAC,EAC1BC,cAAc,EACdC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACE;IACjB,IAAIC,kBAAkB,WAAlBA,GACA,oBAACC,QAAMA;QACH,eAAY;QACZ,SAASL;QACT,UAAU,CAACG;QACX,MAAM;QACN,oBAAM,oBAACG,gBAAGA;QACV,SAAS;;IAIjB,IAAI,CAACH,iBACDC,kBAAkB,WAAlBA,GACI,oBAACG,SAAOA;QACJ,SAAS;QACT,SAASH;;IAKrB,IAAII,iBAAiB,WAAjBA,GACA,oBAACH,QAAMA;QACH,eAAY;QACZ,SAASJ;QACT,UAAU,CAACC;QACX,MAAM;QACN,oBAAM,oBAACI,gBAAGA;;IAIlB,IAAI,CAACJ,kBACDM,iBAAiB,WAAjBA,GACI,oBAACD,SAAOA;QACJ,SAAS;QACT,SAASC;;IAKrB,OAAO,WAAP,GACI,0CACKJ,iBACAI;AAGb"}

package/presentation/redirects/RedirectList/components/CreateRedirectDialog.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const CreateRedirectDialog: (() => React.JSX.Element | null) & {
+    displayName: string;
+};