@webiny/app-headless-cms 6.4.12-beta.5 → 6.5.0-beta.0

package/presentation/contentEntries/preview/PreviewPane.js

@@ -0,0 +1,181 @@
+import react, { useCallback, useEffect, useRef, useState } from "react";
+import { MessageOrigin, Messenger } from "@webiny/cms-sdk/messenger";
+import { jsonPatch } from "@webiny/cms-sdk";
+import { IconButton, Input, OverlayLoader, SegmentedControl } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/refresh.svg";
+import { ReactComponent as content_copy_svg_ReactComponent } from "@webiny/icons/content_copy.svg";
+import { ReactComponent as laptop_svg_ReactComponent } from "@webiny/icons/laptop.svg";
+import { ReactComponent as smartphone_svg_ReactComponent } from "@webiny/icons/smartphone.svg";
+import { ReactComponent as open_in_new_svg_ReactComponent } from "@webiny/icons/open_in_new.svg";
+import { useLivePreviewPresenter } from "./useLivePreviewPresenter.js";
+import { buildDisplayUrl, buildEditorUrl } from "./resolvePreviewUrl.js";
+const PreviewPane = ({ domain, previewPath, entryId, entryData })=>{
+    const iframeRef = useRef(null);
+    const messengerRef = useRef(null);
+    const entryDataRef = useRef(entryData);
+    const lastSentDataRef = useRef(null);
+    const [ready, setReady] = useState(false);
+    const [loading, setLoading] = useState(true);
+    const [iframeKey, setIframeKey] = useState(0);
+    const [viewport, setViewport] = useState("desktop");
+    const presenter = useLivePreviewPresenter();
+    entryDataRef.current = entryData;
+    const displayUrl = buildDisplayUrl(domain, previewPath, entryData || {});
+    const [address, setAddress] = useState(displayUrl);
+    useEffect(()=>{
+        setAddress(displayUrl);
+    }, [
+        displayUrl
+    ]);
+    const iframeSrc = (()=>{
+        const editorPath = buildEditorUrl(domain, previewPath);
+        const url = new URL(editorPath);
+        url.searchParams.set("wb.editing", "true");
+        url.searchParams.set("wb.type", "entry");
+        url.searchParams.set("wb.id", entryId);
+        url.searchParams.set("wb.path", url.pathname);
+        url.searchParams.set("wb.referrer", window.location.origin);
+        return url.toString();
+    })();
+    const sendEntryData = useCallback(()=>{
+        const data = entryDataRef.current;
+        if (!data || !messengerRef.current) return;
+        const serialized = JSON.parse(JSON.stringify(data));
+        messengerRef.current.send("document.set", serialized);
+        lastSentDataRef.current = serialized;
+    }, []);
+    useEffect(()=>{
+        const iframe = iframeRef.current;
+        if (!iframe || !iframe.contentWindow) return;
+        const targetOrigin = new URL(iframe.src).origin;
+        const editorOrigin = new MessageOrigin(()=>window, window.location.origin);
+        const previewTarget = new MessageOrigin(()=>iframe.contentWindow, targetOrigin);
+        const messenger = new Messenger(editorOrigin, previewTarget, "wb.editor.*");
+        messengerRef.current = messenger;
+        messenger.on("preview.ready", ()=>{
+            setReady(true);
+            setLoading(false);
+            sendEntryData();
+        });
+        messenger.on("preview.component.register", (manifest)=>{
+            presenter.addComponent(manifest);
+        });
+        return ()=>{
+            messenger.dispose();
+            messengerRef.current = null;
+            lastSentDataRef.current = null;
+            setReady(false);
+        };
+    }, [
+        iframeSrc,
+        presenter,
+        iframeKey,
+        sendEntryData
+    ]);
+    useEffect(()=>{
+        if (!ready || !entryData || !messengerRef.current) return;
+        const current = JSON.parse(JSON.stringify(entryData));
+        const previous = lastSentDataRef.current;
+        if (previous) {
+            const patch = jsonPatch.compare(previous, current);
+            if (patch.length > 0) messengerRef.current.send("document.patch", patch);
+        } else messengerRef.current.send("document.set", current);
+        lastSentDataRef.current = current;
+    }, [
+        ready,
+        entryData
+    ]);
+    const reload = useCallback(()=>{
+        setLoading(true);
+        setReady(false);
+        lastSentDataRef.current = null;
+        setIframeKey((prev)=>prev + 1);
+    }, []);
+    const getDraftUrl = useCallback(()=>{
+        const url = new URL(displayUrl);
+        url.searchParams.set("wb.type", "entry");
+        url.searchParams.set("wb.path", url.pathname);
+        url.searchParams.set("wb.preview", "true");
+        url.searchParams.set("wb.id", entryId);
+        return url.toString();
+    }, [
+        displayUrl,
+        entryId
+    ]);
+    const copyUrl = useCallback(()=>{
+        navigator.clipboard.writeText(getDraftUrl());
+    }, [
+        getDraftUrl
+    ]);
+    const openInNewTab = useCallback(()=>{
+        window.open(getDraftUrl(), "_blank");
+    }, [
+        getDraftUrl
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative border border-neutral-dimmed rounded-t-lg flex flex-col flex-1 h-full overflow-hidden"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex p-md items-center bg-white border-b border-neutral-dimmed"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-full"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        value: address,
+        onChange: setAddress,
+        readOnly: true,
+        size: "md",
+        variant: "secondary",
+        className: "bg-gray-100"
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-xxs ml-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        onClick: openInNewTab,
+        icon: /*#__PURE__*/ react.createElement(open_in_new_svg_ReactComponent, null),
+        variant: "ghost",
+        size: "md"
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        onClick: copyUrl,
+        icon: /*#__PURE__*/ react.createElement(content_copy_svg_ReactComponent, null),
+        variant: "ghost",
+        size: "sm"
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        onClick: reload,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        variant: "ghost",
+        size: "sm"
+    }), /*#__PURE__*/ react.createElement(SegmentedControl, {
+        value: viewport,
+        onChange: (value)=>setViewport(value),
+        items: [
+            {
+                value: "desktop",
+                label: "",
+                icon: /*#__PURE__*/ react.createElement(laptop_svg_ReactComponent, null)
+            },
+            {
+                value: "mobile",
+                label: "",
+                icon: /*#__PURE__*/ react.createElement(smartphone_svg_ReactComponent, null)
+            }
+        ]
+    }))), /*#__PURE__*/ react.createElement("div", {
+        className: "block box-border h-full w-full overflow-auto fill-grid"
+    }, loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Connecting to Live Preview..."
+    }) : null, /*#__PURE__*/ react.createElement("div", {
+        className: `mx-auto h-full transition-all duration-300 ${"mobile" === viewport ? "p-md" : ""}`,
+        style: {
+            width: "mobile" === viewport ? "375px" : "100%"
+        }
+    }, /*#__PURE__*/ react.createElement("iframe", {
+        key: iframeKey,
+        ref: iframeRef,
+        src: iframeSrc,
+        width: "100%",
+        height: "100%",
+        className: "h-full",
+        sandbox: "allow-same-origin allow-scripts allow-forms"
+    }))));
+};
+export { PreviewPane };
+
+//# sourceMappingURL=PreviewPane.js.map

package/presentation/contentEntries/preview/PreviewPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/PreviewPane.js","sources":["../../../../src/presentation/contentEntries/preview/PreviewPane.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback, useState } from \"react\";\nimport { Messenger, MessageOrigin } from \"@webiny/cms-sdk/messenger\";\nimport { jsonPatch } from \"@webiny/cms-sdk\";\nimport { IconButton, Input, OverlayLoader, SegmentedControl } from \"@webiny/admin-ui\";\nimport { ReactComponent as RefreshIcon } from \"@webiny/icons/refresh.svg\";\nimport { ReactComponent as ContentCopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as LaptopIcon } from \"@webiny/icons/laptop.svg\";\nimport { ReactComponent as SmartphoneIcon } from \"@webiny/icons/smartphone.svg\";\nimport { ReactComponent as OpenInNewIcon } from \"@webiny/icons/open_in_new.svg\";\nimport { useLivePreviewPresenter } from \"./useLivePreviewPresenter.js\";\nimport { buildEditorUrl, buildDisplayUrl } from \"./resolvePreviewUrl.js\";\n\ninterface PreviewPaneProps {\n    domain: string;\n    previewPath: string;\n    entryId: string;\n    entryData: Record<string, unknown> | null;\n}\n\ntype ViewportMode = \"desktop\" | \"mobile\";\n\nexport const PreviewPane = ({ domain, previewPath, entryId, entryData }: PreviewPaneProps) => {\n    const iframeRef = useRef<HTMLIFrameElement | null>(null);\n    const messengerRef = useRef<Messenger | null>(null);\n    const entryDataRef = useRef(entryData);\n    const lastSentDataRef = useRef<Record<string, unknown> | null>(null);\n    const [ready, setReady] = useState(false);\n    const [loading, setLoading] = useState(true);\n    const [iframeKey, setIframeKey] = useState(0);\n    const [viewport, setViewport] = useState<ViewportMode>(\"desktop\");\n    const presenter = useLivePreviewPresenter();\n\n    entryDataRef.current = entryData;\n\n    const displayUrl = buildDisplayUrl(\n        domain,\n        previewPath,\n        (entryData as Record<string, unknown>) || {}\n    );\n\n    const [address, setAddress] = useState(displayUrl);\n\n    useEffect(() => {\n        setAddress(displayUrl);\n    }, [displayUrl]);\n\n    const iframeSrc = (() => {\n        const editorPath = buildEditorUrl(domain, previewPath);\n        const url = new URL(editorPath);\n        url.searchParams.set(\"wb.editing\", \"true\");\n        url.searchParams.set(\"wb.type\", \"entry\");\n        url.searchParams.set(\"wb.id\", entryId);\n        url.searchParams.set(\"wb.path\", url.pathname);\n        url.searchParams.set(\"wb.referrer\", window.location.origin);\n        return url.toString();\n    })();\n\n    const sendEntryData = useCallback(() => {\n        const data = entryDataRef.current;\n        if (!data || !messengerRef.current) {\n            return;\n        }\n\n        const serialized = JSON.parse(JSON.stringify(data));\n        messengerRef.current.send(\"document.set\", serialized);\n        lastSentDataRef.current = serialized;\n    }, []);\n\n    useEffect(() => {\n        const iframe = iframeRef.current;\n        if (!iframe || !iframe.contentWindow) {\n            return;\n        }\n\n        const targetOrigin = new URL(iframe.src).origin;\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(() => iframe.contentWindow!, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        messenger.on(\"preview.ready\", () => {\n            setReady(true);\n            setLoading(false);\n            sendEntryData();\n        });\n\n        messenger.on(\n            \"preview.component.register\",\n            (manifest: { name: string; label: string; description: string }) => {\n                presenter.addComponent(manifest);\n            }\n        );\n\n        return () => {\n            messenger.dispose();\n            messengerRef.current = null;\n            lastSentDataRef.current = null;\n            setReady(false);\n        };\n    }, [iframeSrc, presenter, iframeKey, sendEntryData]);\n\n    useEffect(() => {\n        if (!ready || !entryData || !messengerRef.current) {\n            return;\n        }\n\n        const current = JSON.parse(JSON.stringify(entryData));\n        const previous = lastSentDataRef.current;\n\n        if (previous) {\n            const patch = jsonPatch.compare(previous, current);\n            if (patch.length > 0) {\n                messengerRef.current.send(\"document.patch\", patch);\n            }\n        } else {\n            messengerRef.current.send(\"document.set\", current);\n        }\n\n        lastSentDataRef.current = current;\n    }, [ready, entryData]);\n\n    const reload = useCallback(() => {\n        setLoading(true);\n        setReady(false);\n        lastSentDataRef.current = null;\n        setIframeKey(prev => prev + 1);\n    }, []);\n\n    const getDraftUrl = useCallback(() => {\n        const url = new URL(displayUrl);\n        url.searchParams.set(\"wb.type\", \"entry\");\n        url.searchParams.set(\"wb.path\", url.pathname);\n        url.searchParams.set(\"wb.preview\", \"true\");\n        url.searchParams.set(\"wb.id\", entryId);\n        return url.toString();\n    }, [displayUrl, entryId]);\n\n    const copyUrl = useCallback(() => {\n        navigator.clipboard.writeText(getDraftUrl());\n    }, [getDraftUrl]);\n\n    const openInNewTab = useCallback(() => {\n        window.open(getDraftUrl(), \"_blank\");\n    }, [getDraftUrl]);\n\n    return (\n        <div className=\"relative border border-neutral-dimmed rounded-t-lg flex flex-col flex-1 h-full overflow-hidden\">\n            <div className=\"flex p-md items-center bg-white border-b border-neutral-dimmed\">\n                <div className=\"w-full\">\n                    <Input\n                        value={address}\n                        onChange={setAddress}\n                        readOnly\n                        size=\"md\"\n                        variant={\"secondary\"}\n                        className=\"bg-gray-100\"\n                    />\n                </div>\n\n                <div className=\"flex items-center gap-xxs ml-sm\">\n                    <IconButton\n                        onClick={openInNewTab}\n                        icon={<OpenInNewIcon />}\n                        variant=\"ghost\"\n                        size=\"md\"\n                    />\n                    <IconButton\n                        onClick={copyUrl}\n                        icon={<ContentCopyIcon />}\n                        variant=\"ghost\"\n                        size=\"sm\"\n                    />\n                    <IconButton onClick={reload} icon={<RefreshIcon />} variant=\"ghost\" size=\"sm\" />\n                    <SegmentedControl\n                        value={viewport}\n                        onChange={(value: string) => setViewport(value as ViewportMode)}\n                        items={[\n                            { value: \"desktop\", label: \"\", icon: <LaptopIcon /> },\n                            { value: \"mobile\", label: \"\", icon: <SmartphoneIcon /> }\n                        ]}\n                    />\n                </div>\n            </div>\n\n            <div className=\"block box-border h-full w-full overflow-auto fill-grid\">\n                {loading ? <OverlayLoader text=\"Connecting to Live Preview...\" /> : null}\n                <div\n                    className={`mx-auto h-full transition-all duration-300 ${viewport === \"mobile\" ? \"p-md\" : \"\"}`}\n                    style={{ width: viewport === \"mobile\" ? \"375px\" : \"100%\" }}\n                >\n                    <iframe\n                        key={iframeKey}\n                        ref={iframeRef}\n                        src={iframeSrc}\n                        width=\"100%\"\n                        height=\"100%\"\n                        className=\"h-full\"\n                        sandbox=\"allow-same-origin allow-scripts allow-forms\"\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["PreviewPane","domain","previewPath","entryId","entryData","iframeRef","useRef","messengerRef","entryDataRef","lastSentDataRef","ready","setReady","useState","loading","setLoading","iframeKey","setIframeKey","viewport","setViewport","presenter","useLivePreviewPresenter","displayUrl","buildDisplayUrl","address","setAddress","useEffect","iframeSrc","editorPath","buildEditorUrl","url","URL","window","sendEntryData","useCallback","data","serialized","JSON","iframe","targetOrigin","editorOrigin","MessageOrigin","previewTarget","messenger","Messenger","manifest","current","previous","patch","jsonPatch","reload","prev","getDraftUrl","copyUrl","navigator","openInNewTab","Input","IconButton","OpenInNewIcon","ContentCopyIcon","RefreshIcon","SegmentedControl","value","LaptopIcon","SmartphoneIcon","OverlayLoader"],"mappings":"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"}

package/presentation/contentEntries/preview/abstractions.d.ts

@@ -0,0 +1,16 @@
+export interface PreviewComponent {
+    name: string;
+    label: string;
+    description: string;
+}
+export interface ILivePreviewPresenter {
+    vm: {
+        components: PreviewComponent[];
+    };
+    addComponent(component: PreviewComponent): void;
+    clearComponents(): void;
+}
+export declare const LivePreviewPresenter: import("@webiny/di").Abstraction<ILivePreviewPresenter>;
+export declare namespace LivePreviewPresenter {
+    type Interface = ILivePreviewPresenter;
+}

package/presentation/contentEntries/preview/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const LivePreviewPresenter = createAbstraction("CmsContentEntries/LivePreviewPresenter");
+export { LivePreviewPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/contentEntries/preview/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/abstractions.js","sources":["../../../../src/presentation/contentEntries/preview/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport interface PreviewComponent {\n    name: string;\n    label: string;\n    description: string;\n}\n\nexport interface ILivePreviewPresenter {\n    vm: {\n        components: PreviewComponent[];\n    };\n    addComponent(component: PreviewComponent): void;\n    clearComponents(): void;\n}\n\nexport const LivePreviewPresenter = createAbstraction<ILivePreviewPresenter>(\n    \"CmsContentEntries/LivePreviewPresenter\"\n);\n\nexport namespace LivePreviewPresenter {\n    export type Interface = ILivePreviewPresenter;\n}\n"],"names":["LivePreviewPresenter","createAbstraction"],"mappings":";AAgBO,MAAMA,uBAAuBC,kBAChC"}

package/presentation/contentEntries/preview/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const LivePreviewFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ILivePreviewPresenter;
+}, []>;

package/presentation/contentEntries/preview/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { LivePreviewPresenter } from "./abstractions.js";
+import { LivePreviewPresenter as external_LivePreviewPresenter_js_LivePreviewPresenter } from "./LivePreviewPresenter.js";
+const LivePreviewFeature = createFeature({
+    name: "CmsContentEntries/LivePreview",
+    register (container) {
+        container.register(external_LivePreviewPresenter_js_LivePreviewPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(LivePreviewPresenter)
+        };
+    }
+});
+export { LivePreviewFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/contentEntries/preview/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/feature.js","sources":["../../../../src/presentation/contentEntries/preview/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { LivePreviewPresenter as Abstraction } from \"./abstractions.js\";\nimport { LivePreviewPresenter } from \"./LivePreviewPresenter.js\";\n\nexport const LivePreviewFeature = createFeature({\n    name: \"CmsContentEntries/LivePreview\",\n    register(container) {\n        container.register(LivePreviewPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["LivePreviewFeature","createFeature","container","LivePreviewPresenter","Abstraction"],"mappings":";;;AAIO,MAAMA,qBAAqBC,cAAc;IAC5C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,uDAAsB,gBAAgB;IAC7D;IACA,SAAQD,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACE;QACjC;IACJ;AACJ"}

package/presentation/contentEntries/preview/resolvePreviewUrl.d.ts

@@ -0,0 +1,5 @@
+type EntryData = Record<string, unknown>;
+export declare function resolveSlugPattern(pattern: string, entry: EntryData): string;
+export declare function buildEditorUrl(domain: string, previewPath: string): string;
+export declare function buildDisplayUrl(domain: string, path: string, entry: EntryData): string;
+export {};

package/presentation/contentEntries/preview/resolvePreviewUrl.js

@@ -0,0 +1,32 @@
+function getNestedValue(obj, path) {
+    const parts = path.split(".");
+    let current = obj;
+    for (const part of parts){
+        if (null == current || "object" != typeof current) return;
+        current = current[part];
+    }
+    return current;
+}
+function resolveSlugPattern(pattern, entry) {
+    return pattern.replace(/\{([^}]+)\}/g, (_match, path)=>{
+        const value = getNestedValue(entry, path);
+        if (null != value && "" !== value) return String(value);
+        return "new";
+    });
+}
+function buildEditorUrl(domain, previewPath) {
+    const base = domain.endsWith("/") ? domain.slice(0, -1) : domain;
+    const bracketIndex = previewPath.indexOf("{");
+    const staticPrefix = bracketIndex >= 0 ? previewPath.substring(0, bracketIndex) : previewPath;
+    const trimmed = staticPrefix.endsWith("/") ? staticPrefix.slice(0, -1) : staticPrefix;
+    return `${base}${trimmed}/preview`;
+}
+function buildDisplayUrl(domain, path, entry) {
+    const base = domain.endsWith("/") ? domain.slice(0, -1) : domain;
+    const resolvedPath = resolveSlugPattern(path, entry);
+    const normalizedPath = resolvedPath.startsWith("/") ? resolvedPath : `/${resolvedPath}`;
+    return `${base}${normalizedPath}`;
+}
+export { buildDisplayUrl, buildEditorUrl, resolveSlugPattern };
+
+//# sourceMappingURL=resolvePreviewUrl.js.map

package/presentation/contentEntries/preview/resolvePreviewUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/resolvePreviewUrl.js","sources":["../../../../src/presentation/contentEntries/preview/resolvePreviewUrl.ts"],"sourcesContent":["type EntryData = Record<string, unknown>;\n\nfunction getNestedValue(obj: EntryData, path: string): unknown {\n    const parts = path.split(\".\");\n    let current: unknown = obj;\n    for (const part of parts) {\n        if (current === null || current === undefined || typeof current !== \"object\") {\n            return undefined;\n        }\n        current = (current as Record<string, unknown>)[part];\n    }\n    return current;\n}\n\nexport function resolveSlugPattern(pattern: string, entry: EntryData): string {\n    return pattern.replace(/\\{([^}]+)\\}/g, (_match, path: string) => {\n        const value = getNestedValue(entry, path);\n        if (value !== null && value !== undefined && value !== \"\") {\n            return String(value);\n        }\n        return \"new\";\n    });\n}\n\nexport function buildEditorUrl(domain: string, previewPath: string): string {\n    const base = domain.endsWith(\"/\") ? domain.slice(0, -1) : domain;\n    const bracketIndex = previewPath.indexOf(\"{\");\n    const staticPrefix = bracketIndex >= 0 ? previewPath.substring(0, bracketIndex) : previewPath;\n    const trimmed = staticPrefix.endsWith(\"/\") ? staticPrefix.slice(0, -1) : staticPrefix;\n    return `${base}${trimmed}/preview`;\n}\n\nexport function buildDisplayUrl(domain: string, path: string, entry: EntryData): string {\n    const base = domain.endsWith(\"/\") ? domain.slice(0, -1) : domain;\n    const resolvedPath = resolveSlugPattern(path, entry);\n    const normalizedPath = resolvedPath.startsWith(\"/\") ? resolvedPath : `/${resolvedPath}`;\n    return `${base}${normalizedPath}`;\n}\n"],"names":["getNestedValue","obj","path","parts","current","part","resolveSlugPattern","pattern","entry","_match","value","String","buildEditorUrl","domain","previewPath","base","bracketIndex","staticPrefix","trimmed","buildDisplayUrl","resolvedPath","normalizedPath"],"mappings":"AAEA,SAASA,eAAeC,GAAc,EAAEC,IAAY;IAChD,MAAMC,QAAQD,KAAK,KAAK,CAAC;IACzB,IAAIE,UAAmBH;IACvB,KAAK,MAAMI,QAAQF,MAAO;QACtB,IAAIC,QAAAA,WAA6C,AAAmB,YAAnB,OAAOA,SACpD;QAEJA,UAAWA,OAAmC,CAACC,KAAK;IACxD;IACA,OAAOD;AACX;AAEO,SAASE,mBAAmBC,OAAe,EAAEC,KAAgB;IAChE,OAAOD,QAAQ,OAAO,CAAC,gBAAgB,CAACE,QAAQP;QAC5C,MAAMQ,QAAQV,eAAeQ,OAAON;QACpC,IAAIQ,QAAAA,SAAyCA,AAAU,OAAVA,OACzC,OAAOC,OAAOD;QAElB,OAAO;IACX;AACJ;AAEO,SAASE,eAAeC,MAAc,EAAEC,WAAmB;IAC9D,MAAMC,OAAOF,OAAO,QAAQ,CAAC,OAAOA,OAAO,KAAK,CAAC,GAAG,MAAMA;IAC1D,MAAMG,eAAeF,YAAY,OAAO,CAAC;IACzC,MAAMG,eAAeD,gBAAgB,IAAIF,YAAY,SAAS,CAAC,GAAGE,gBAAgBF;IAClF,MAAMI,UAAUD,aAAa,QAAQ,CAAC,OAAOA,aAAa,KAAK,CAAC,GAAG,MAAMA;IACzE,OAAO,GAAGF,OAAOG,QAAQ,QAAQ,CAAC;AACtC;AAEO,SAASC,gBAAgBN,MAAc,EAAEX,IAAY,EAAEM,KAAgB;IAC1E,MAAMO,OAAOF,OAAO,QAAQ,CAAC,OAAOA,OAAO,KAAK,CAAC,GAAG,MAAMA;IAC1D,MAAMO,eAAed,mBAAmBJ,MAAMM;IAC9C,MAAMa,iBAAiBD,aAAa,UAAU,CAAC,OAAOA,eAAe,CAAC,CAAC,EAAEA,cAAc;IACvF,OAAO,GAAGL,OAAOM,gBAAgB;AACrC"}

package/presentation/contentEntries/preview/useLivePreviewPresenter.d.ts

@@ -0,0 +1 @@
+export declare function useLivePreviewPresenter(): import("./abstractions.js").ILivePreviewPresenter;

package/presentation/contentEntries/preview/useLivePreviewPresenter.js

@@ -0,0 +1,8 @@
+import { useFeature } from "@webiny/app";
+import { LivePreviewFeature } from "./feature.js";
+function useLivePreviewPresenter() {
+    return useFeature(LivePreviewFeature).presenter;
+}
+export { useLivePreviewPresenter };
+
+//# sourceMappingURL=useLivePreviewPresenter.js.map

package/presentation/contentEntries/preview/useLivePreviewPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/useLivePreviewPresenter.js","sources":["../../../../src/presentation/contentEntries/preview/useLivePreviewPresenter.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { LivePreviewFeature } from \"./feature.js\";\n\nexport function useLivePreviewPresenter() {\n    return useFeature(LivePreviewFeature).presenter;\n}\n"],"names":["useLivePreviewPresenter","useFeature","LivePreviewFeature"],"mappings":";;AAGO,SAASA;IACZ,OAAOC,WAAWC,oBAAoB,SAAS;AACnD"}

package/presentation/contentEntries/revisionsList/RevisionsListPresenter.d.ts

@@ -0,0 +1,45 @@
+import type { CmsContentEntry } from "../../../types.js";
+import { Confirmation } from "@webiny/app-admin/features/confirmation/abstractions.js";
+import { ListRevisionsUseCase } from "../../../features/contentEntry/listRevisions/abstractions.js";
+import { CreateRevisionFromUseCase } from "../../../features/contentEntry/createRevisionFrom/abstractions.js";
+import { DeleteEntryRevisionUseCase } from "../../../features/contentEntry/deleteEntryRevision/abstractions.js";
+import { PublishEntryUseCase } from "../../../features/contentEntry/publishEntry/abstractions.js";
+import { UnpublishEntryUseCase } from "../../../features/contentEntry/unpublishEntry/abstractions.js";
+import { UpdateRevisionDescriptionUseCase } from "../../../features/contentEntry/updateRevisionDescription/abstractions.js";
+import { CmsModelContext } from "../../../features/contentEntry/abstractions.js";
+import { type IRevisionsListPresenter, type IRevisionsListViewModel } from "./abstractions.js";
+export declare const PUBLISH_REVISION_DIALOG = "publish-entry";
+export declare const UNPUBLISH_REVISION_DIALOG = "unpublish-entry";
+export declare const EDIT_REVISION_NOTE_DIALOG = "edit-revision-note";
+export declare const DELETE_REVISION_DIALOG = "delete-revision";
+declare class RevisionsListPresenterImpl implements IRevisionsListPresenter {
+    private modelAccessor;
+    private listRevisionsUseCase;
+    private createRevisionFromUseCase;
+    private deleteEntryRevisionUseCase;
+    private publishEntryUseCase;
+    private unpublishEntryUseCase;
+    private updateRevisionDescriptionUseCase;
+    private confirmation;
+    private loading;
+    private revisions;
+    private visible;
+    private entryId;
+    constructor(modelAccessor: CmsModelContext.Interface, listRevisionsUseCase: ListRevisionsUseCase.Interface, createRevisionFromUseCase: CreateRevisionFromUseCase.Interface, deleteEntryRevisionUseCase: DeleteEntryRevisionUseCase.Interface, publishEntryUseCase: PublishEntryUseCase.Interface, unpublishEntryUseCase: UnpublishEntryUseCase.Interface, updateRevisionDescriptionUseCase: UpdateRevisionDescriptionUseCase.Interface, confirmation: Confirmation.Interface);
+    private get model();
+    get vm(): IRevisionsListViewModel;
+    init(entryId: string): Promise<void>;
+    show(): void;
+    hide(): void;
+    createRevision(revisionId: string): Promise<CmsContentEntry | null>;
+    publishRevision(revisionId: string): Promise<boolean>;
+    unpublishRevision(revisionId: string): Promise<boolean>;
+    updateRevisionNote(revisionId: string, currentDescription: string): Promise<boolean>;
+    deleteRevision(revisionId: string): Promise<boolean>;
+    private refreshRevisions;
+    dispose(): void;
+}
+export declare const RevisionsListPresenter: typeof RevisionsListPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IRevisionsListPresenter>;
+};
+export {};

package/presentation/contentEntries/revisionsList/RevisionsListPresenter.js

@@ -0,0 +1,228 @@
+import { computed, makeAutoObservable, runInAction } from "mobx";
+import { Confirmation } from "@webiny/app-admin/features/confirmation/abstractions.js";
+import { ListRevisionsUseCase } from "../../../features/contentEntry/listRevisions/abstractions.js";
+import { CreateRevisionFromUseCase } from "../../../features/contentEntry/createRevisionFrom/abstractions.js";
+import { DeleteEntryRevisionUseCase } from "../../../features/contentEntry/deleteEntryRevision/abstractions.js";
+import { PublishEntryUseCase } from "../../../features/contentEntry/publishEntry/abstractions.js";
+import { UnpublishEntryUseCase } from "../../../features/contentEntry/unpublishEntry/abstractions.js";
+import { UpdateRevisionDescriptionUseCase } from "../../../features/contentEntry/updateRevisionDescription/abstractions.js";
+import { CmsModelContext } from "../../../features/contentEntry/abstractions.js";
+import { RevisionsListPresenter } from "./abstractions.js";
+const PUBLISH_REVISION_DIALOG = "publish-entry";
+const UNPUBLISH_REVISION_DIALOG = "unpublish-entry";
+const EDIT_REVISION_NOTE_DIALOG = "edit-revision-note";
+const DELETE_REVISION_DIALOG = "delete-revision";
+class RevisionsListPresenterImpl {
+    constructor(modelAccessor, listRevisionsUseCase, createRevisionFromUseCase, deleteEntryRevisionUseCase, publishEntryUseCase, unpublishEntryUseCase, updateRevisionDescriptionUseCase, confirmation){
+        this.modelAccessor = modelAccessor;
+        this.listRevisionsUseCase = listRevisionsUseCase;
+        this.createRevisionFromUseCase = createRevisionFromUseCase;
+        this.deleteEntryRevisionUseCase = deleteEntryRevisionUseCase;
+        this.publishEntryUseCase = publishEntryUseCase;
+        this.unpublishEntryUseCase = unpublishEntryUseCase;
+        this.updateRevisionDescriptionUseCase = updateRevisionDescriptionUseCase;
+        this.confirmation = confirmation;
+        this.loading = false;
+        this.revisions = [];
+        this.visible = false;
+        this.entryId = null;
+        makeAutoObservable(this, {
+            modelAccessor: false,
+            listRevisionsUseCase: false,
+            createRevisionFromUseCase: false,
+            deleteEntryRevisionUseCase: false,
+            publishEntryUseCase: false,
+            unpublishEntryUseCase: false,
+            updateRevisionDescriptionUseCase: false,
+            confirmation: false,
+            entryId: false,
+            vm: computed
+        });
+    }
+    get model() {
+        return this.modelAccessor.getModel();
+    }
+    get vm() {
+        return {
+            loading: this.loading,
+            revisions: this.revisions,
+            visible: this.visible
+        };
+    }
+    async init(entryId) {
+        this.loading = true;
+        this.entryId = entryId;
+        try {
+            const revisions = await this.listRevisionsUseCase.execute({
+                model: this.model,
+                entryId
+            });
+            runInAction(()=>{
+                this.revisions = revisions;
+            });
+        } catch  {} finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    show() {
+        this.visible = true;
+    }
+    hide() {
+        this.visible = false;
+    }
+    async createRevision(revisionId) {
+        this.loading = true;
+        try {
+            const entry = await this.createRevisionFromUseCase.execute({
+                model: this.model,
+                revisionId
+            });
+            await this.refreshRevisions(revisionId);
+            return entry;
+        } catch  {
+            return null;
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async publishRevision(revisionId) {
+        const result = await this.confirmation.confirm(PUBLISH_REVISION_DIALOG, {
+            entry: {
+                meta: {
+                    title: ""
+                }
+            }
+        });
+        if (false === result) return false;
+        runInAction(()=>{
+            this.loading = true;
+        });
+        try {
+            if (result?.revisionDescription) await this.updateRevisionDescriptionUseCase.execute({
+                model: this.model,
+                id: revisionId,
+                revisionDescription: result.revisionDescription
+            });
+            await this.publishEntryUseCase.execute({
+                model: this.model,
+                revisionId
+            });
+            await this.refreshRevisions(revisionId);
+            return true;
+        } catch  {
+            return false;
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async unpublishRevision(revisionId) {
+        const confirmed = await this.confirmation.confirm(UNPUBLISH_REVISION_DIALOG, {
+            revisionId
+        });
+        if (false === confirmed) return false;
+        runInAction(()=>{
+            this.loading = true;
+        });
+        try {
+            await this.unpublishEntryUseCase.execute({
+                model: this.model,
+                revisionId
+            });
+            await this.refreshRevisions(revisionId);
+            return true;
+        } catch  {
+            return false;
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async updateRevisionNote(revisionId, currentDescription) {
+        const result = await this.confirmation.confirm(EDIT_REVISION_NOTE_DIALOG, {
+            revisionDescription: currentDescription
+        });
+        if (false === result) return false;
+        runInAction(()=>{
+            this.loading = true;
+        });
+        try {
+            await this.updateRevisionDescriptionUseCase.execute({
+                model: this.model,
+                id: revisionId,
+                revisionDescription: result.revisionDescription
+            });
+            await this.refreshRevisions(revisionId);
+            return true;
+        } catch  {
+            return false;
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async deleteRevision(revisionId) {
+        const confirmed = await this.confirmation.confirm(DELETE_REVISION_DIALOG, {
+            revisionId
+        });
+        if (false === confirmed) return false;
+        runInAction(()=>{
+            this.loading = true;
+        });
+        try {
+            await this.deleteEntryRevisionUseCase.execute({
+                model: this.model,
+                revisionId
+            });
+            await this.refreshRevisions(revisionId);
+            return true;
+        } catch  {
+            return false;
+        } finally{
+            runInAction(()=>{
+                this.loading = false;
+            });
+        }
+    }
+    async refreshRevisions(revisionId) {
+        const entryId = this.entryId ?? revisionId.split("#")[0];
+        try {
+            const revisions = await this.listRevisionsUseCase.execute({
+                model: this.model,
+                entryId
+            });
+            runInAction(()=>{
+                this.revisions = revisions;
+            });
+        } catch  {}
+    }
+    dispose() {
+        this.revisions = [];
+        this.visible = false;
+        this.loading = false;
+        this.entryId = null;
+    }
+}
+const RevisionsListPresenter_RevisionsListPresenter = RevisionsListPresenter.createImplementation({
+    implementation: RevisionsListPresenterImpl,
+    dependencies: [
+        CmsModelContext,
+        ListRevisionsUseCase,
+        CreateRevisionFromUseCase,
+        DeleteEntryRevisionUseCase,
+        PublishEntryUseCase,
+        UnpublishEntryUseCase,
+        UpdateRevisionDescriptionUseCase,
+        Confirmation
+    ]
+});
+export { DELETE_REVISION_DIALOG, EDIT_REVISION_NOTE_DIALOG, PUBLISH_REVISION_DIALOG, RevisionsListPresenter_RevisionsListPresenter as RevisionsListPresenter, UNPUBLISH_REVISION_DIALOG };
+
+//# sourceMappingURL=RevisionsListPresenter.js.map

package/presentation/contentEntries/revisionsList/RevisionsListPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/revisionsList/RevisionsListPresenter.js","sources":["../../../../src/presentation/contentEntries/revisionsList/RevisionsListPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport type { CmsContentEntry, CmsContentEntryRevision } from \"~/types.js\";\nimport { Confirmation } from \"@webiny/app-admin/features/confirmation/abstractions.js\";\nimport { ListRevisionsUseCase } from \"~/features/contentEntry/listRevisions/abstractions.js\";\nimport { CreateRevisionFromUseCase } from \"~/features/contentEntry/createRevisionFrom/abstractions.js\";\nimport { DeleteEntryRevisionUseCase } from \"~/features/contentEntry/deleteEntryRevision/abstractions.js\";\nimport { PublishEntryUseCase } from \"~/features/contentEntry/publishEntry/abstractions.js\";\nimport { UnpublishEntryUseCase } from \"~/features/contentEntry/unpublishEntry/abstractions.js\";\nimport { UpdateRevisionDescriptionUseCase } from \"~/features/contentEntry/updateRevisionDescription/abstractions.js\";\nimport { CmsModelContext } from \"~/features/contentEntry/abstractions.js\";\nimport {\n    RevisionsListPresenter as Abstraction,\n    type IRevisionsListPresenter,\n    type IRevisionsListViewModel\n} from \"./abstractions.js\";\n\nexport const PUBLISH_REVISION_DIALOG = \"publish-entry\";\nexport const UNPUBLISH_REVISION_DIALOG = \"unpublish-entry\";\nexport const EDIT_REVISION_NOTE_DIALOG = \"edit-revision-note\";\nexport const DELETE_REVISION_DIALOG = \"delete-revision\";\n\nclass RevisionsListPresenterImpl implements IRevisionsListPresenter {\n    private loading = false;\n    private revisions: CmsContentEntryRevision[] = [];\n    private visible = false;\n    private entryId: string | null = null;\n\n    constructor(\n        private modelAccessor: CmsModelContext.Interface,\n        private listRevisionsUseCase: ListRevisionsUseCase.Interface,\n        private createRevisionFromUseCase: CreateRevisionFromUseCase.Interface,\n        private deleteEntryRevisionUseCase: DeleteEntryRevisionUseCase.Interface,\n        private publishEntryUseCase: PublishEntryUseCase.Interface,\n        private unpublishEntryUseCase: UnpublishEntryUseCase.Interface,\n        private updateRevisionDescriptionUseCase: UpdateRevisionDescriptionUseCase.Interface,\n        private confirmation: Confirmation.Interface\n    ) {\n        makeAutoObservable<\n            RevisionsListPresenterImpl,\n            | \"modelAccessor\"\n            | \"listRevisionsUseCase\"\n            | \"createRevisionFromUseCase\"\n            | \"deleteEntryRevisionUseCase\"\n            | \"publishEntryUseCase\"\n            | \"unpublishEntryUseCase\"\n            | \"updateRevisionDescriptionUseCase\"\n            | \"confirmation\"\n            | \"entryId\"\n        >(this, {\n            modelAccessor: false,\n            listRevisionsUseCase: false,\n            createRevisionFromUseCase: false,\n            deleteEntryRevisionUseCase: false,\n            publishEntryUseCase: false,\n            unpublishEntryUseCase: false,\n            updateRevisionDescriptionUseCase: false,\n            confirmation: false,\n            entryId: false,\n            vm: computed\n        });\n    }\n\n    private get model() {\n        return this.modelAccessor.getModel();\n    }\n\n    get vm(): IRevisionsListViewModel {\n        return {\n            loading: this.loading,\n            revisions: this.revisions,\n            visible: this.visible\n        };\n    }\n\n    async init(entryId: string): Promise<void> {\n        this.loading = true;\n        this.entryId = entryId;\n\n        try {\n            const revisions = await this.listRevisionsUseCase.execute({\n                model: this.model,\n                entryId\n            });\n\n            runInAction(() => {\n                this.revisions = revisions;\n            });\n        } catch {\n            // Silently fail — revisions are supplementary\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    show(): void {\n        this.visible = true;\n    }\n\n    hide(): void {\n        this.visible = false;\n    }\n\n    async createRevision(revisionId: string): Promise<CmsContentEntry | null> {\n        this.loading = true;\n\n        try {\n            const entry = await this.createRevisionFromUseCase.execute({\n                model: this.model,\n                revisionId\n            });\n\n            await this.refreshRevisions(revisionId);\n\n            return entry;\n        } catch {\n            return null;\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    async publishRevision(revisionId: string): Promise<boolean> {\n        const result = await this.confirmation.confirm<{ revisionDescription: string }>(\n            PUBLISH_REVISION_DIALOG,\n            { entry: { meta: { title: \"\" } } }\n        );\n\n        if (result === false) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.loading = true;\n        });\n\n        try {\n            if (result?.revisionDescription) {\n                await this.updateRevisionDescriptionUseCase.execute({\n                    model: this.model,\n                    id: revisionId,\n                    revisionDescription: result.revisionDescription\n                });\n            }\n\n            await this.publishEntryUseCase.execute({\n                model: this.model,\n                revisionId\n            });\n\n            await this.refreshRevisions(revisionId);\n\n            return true;\n        } catch {\n            return false;\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    async unpublishRevision(revisionId: string): Promise<boolean> {\n        const confirmed = await this.confirmation.confirm(UNPUBLISH_REVISION_DIALOG, {\n            revisionId\n        });\n\n        if (confirmed === false) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.loading = true;\n        });\n\n        try {\n            await this.unpublishEntryUseCase.execute({\n                model: this.model,\n                revisionId\n            });\n\n            await this.refreshRevisions(revisionId);\n\n            return true;\n        } catch {\n            return false;\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    async updateRevisionNote(revisionId: string, currentDescription: string): Promise<boolean> {\n        const result = await this.confirmation.confirm<{ revisionDescription: string }>(\n            EDIT_REVISION_NOTE_DIALOG,\n            { revisionDescription: currentDescription }\n        );\n\n        if (result === false) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.loading = true;\n        });\n\n        try {\n            await this.updateRevisionDescriptionUseCase.execute({\n                model: this.model,\n                id: revisionId,\n                revisionDescription: result.revisionDescription\n            });\n\n            await this.refreshRevisions(revisionId);\n\n            return true;\n        } catch {\n            return false;\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    async deleteRevision(revisionId: string): Promise<boolean> {\n        const confirmed = await this.confirmation.confirm(DELETE_REVISION_DIALOG, { revisionId });\n\n        if (confirmed === false) {\n            return false;\n        }\n\n        runInAction(() => {\n            this.loading = true;\n        });\n\n        try {\n            await this.deleteEntryRevisionUseCase.execute({\n                model: this.model,\n                revisionId\n            });\n\n            await this.refreshRevisions(revisionId);\n\n            return true;\n        } catch {\n            return false;\n        } finally {\n            runInAction(() => {\n                this.loading = false;\n            });\n        }\n    }\n\n    private async refreshRevisions(revisionId: string): Promise<void> {\n        const entryId = this.entryId ?? revisionId.split(\"#\")[0];\n\n        try {\n            const revisions = await this.listRevisionsUseCase.execute({\n                model: this.model,\n                entryId\n            });\n\n            runInAction(() => {\n                this.revisions = revisions;\n            });\n        } catch {\n            // Silently fail — revisions are supplementary.\n        }\n    }\n\n    dispose(): void {\n        this.revisions = [];\n        this.visible = false;\n        this.loading = false;\n        this.entryId = null;\n    }\n}\n\nexport const RevisionsListPresenter = Abstraction.createImplementation({\n    implementation: RevisionsListPresenterImpl,\n    dependencies: [\n        CmsModelContext,\n        ListRevisionsUseCase,\n        CreateRevisionFromUseCase,\n        DeleteEntryRevisionUseCase,\n        PublishEntryUseCase,\n        UnpublishEntryUseCase,\n        UpdateRevisionDescriptionUseCase,\n        Confirmation\n    ]\n});\n"],"names":["PUBLISH_REVISION_DIALOG","UNPUBLISH_REVISION_DIALOG","EDIT_REVISION_NOTE_DIALOG","DELETE_REVISION_DIALOG","RevisionsListPresenterImpl","modelAccessor","listRevisionsUseCase","createRevisionFromUseCase","deleteEntryRevisionUseCase","publishEntryUseCase","unpublishEntryUseCase","updateRevisionDescriptionUseCase","confirmation","makeAutoObservable","computed","entryId","revisions","runInAction","revisionId","entry","result","confirmed","currentDescription","RevisionsListPresenter","Abstraction","CmsModelContext","ListRevisionsUseCase","CreateRevisionFromUseCase","DeleteEntryRevisionUseCase","PublishEntryUseCase","UnpublishEntryUseCase","UpdateRevisionDescriptionUseCase","Confirmation"],"mappings":";;;;;;;;;;AAgBO,MAAMA,0BAA0B;AAChC,MAAMC,4BAA4B;AAClC,MAAMC,4BAA4B;AAClC,MAAMC,yBAAyB;AAEtC,MAAMC;IAMF,YACYC,aAAwC,EACxCC,oBAAoD,EACpDC,yBAA8D,EAC9DC,0BAAgE,EAChEC,mBAAkD,EAClDC,qBAAsD,EACtDC,gCAA4E,EAC5EC,YAAoC,CAC9C;aARUP,aAAa,GAAbA;aACAC,oBAAoB,GAApBA;aACAC,yBAAyB,GAAzBA;aACAC,0BAA0B,GAA1BA;aACAC,mBAAmB,GAAnBA;aACAC,qBAAqB,GAArBA;aACAC,gCAAgC,GAAhCA;aACAC,YAAY,GAAZA;aAbJ,OAAO,GAAG;aACV,SAAS,GAA8B,EAAE;aACzC,OAAO,GAAG;aACV,OAAO,GAAkB;QAY7BC,mBAWE,IAAI,EAAE;YACJ,eAAe;YACf,sBAAsB;YACtB,2BAA2B;YAC3B,4BAA4B;YAC5B,qBAAqB;YACrB,uBAAuB;YACvB,kCAAkC;YAClC,cAAc;YACd,SAAS;YACT,IAAIC;QACR;IACJ;IAEA,IAAY,QAAQ;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ;IACtC;IAEA,IAAI,KAA8B;QAC9B,OAAO;YACH,SAAS,IAAI,CAAC,OAAO;YACrB,WAAW,IAAI,CAAC,SAAS;YACzB,SAAS,IAAI,CAAC,OAAO;QACzB;IACJ;IAEA,MAAM,KAAKC,OAAe,EAAiB;QACvC,IAAI,CAAC,OAAO,GAAG;QACf,IAAI,CAAC,OAAO,GAAGA;QAEf,IAAI;YACA,MAAMC,YAAY,MAAM,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;gBACtD,OAAO,IAAI,CAAC,KAAK;gBACjBD;YACJ;YAEAE,YAAY;gBACR,IAAI,CAAC,SAAS,GAAGD;YACrB;QACJ,EAAE,OAAM,CAER,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,OAAa;QACT,IAAI,CAAC,OAAO,GAAG;IACnB;IAEA,OAAa;QACT,IAAI,CAAC,OAAO,GAAG;IACnB;IAEA,MAAM,eAAeC,UAAkB,EAAmC;QACtE,IAAI,CAAC,OAAO,GAAG;QAEf,IAAI;YACA,MAAMC,QAAQ,MAAM,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;gBACvD,OAAO,IAAI,CAAC,KAAK;gBACjBD;YACJ;YAEA,MAAM,IAAI,CAAC,gBAAgB,CAACA;YAE5B,OAAOC;QACX,EAAE,OAAM;YACJ,OAAO;QACX,SAAU;YACNF,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,MAAM,gBAAgBC,UAAkB,EAAoB;QACxD,MAAME,SAAS,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAC1CpB,yBACA;YAAE,OAAO;gBAAE,MAAM;oBAAE,OAAO;gBAAG;YAAE;QAAE;QAGrC,IAAIoB,AAAW,UAAXA,QACA,OAAO;QAGXH,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,IAAIG,QAAQ,qBACR,MAAM,IAAI,CAAC,gCAAgC,CAAC,OAAO,CAAC;gBAChD,OAAO,IAAI,CAAC,KAAK;gBACjB,IAAIF;gBACJ,qBAAqBE,OAAO,mBAAmB;YACnD;YAGJ,MAAM,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;gBACnC,OAAO,IAAI,CAAC,KAAK;gBACjBF;YACJ;YAEA,MAAM,IAAI,CAAC,gBAAgB,CAACA;YAE5B,OAAO;QACX,EAAE,OAAM;YACJ,OAAO;QACX,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,MAAM,kBAAkBC,UAAkB,EAAoB;QAC1D,MAAMG,YAAY,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAACpB,2BAA2B;YACzEiB;QACJ;QAEA,IAAIG,AAAc,UAAdA,WACA,OAAO;QAGXJ,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,MAAM,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC;gBACrC,OAAO,IAAI,CAAC,KAAK;gBACjBC;YACJ;YAEA,MAAM,IAAI,CAAC,gBAAgB,CAACA;YAE5B,OAAO;QACX,EAAE,OAAM;YACJ,OAAO;QACX,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,MAAM,mBAAmBC,UAAkB,EAAEI,kBAA0B,EAAoB;QACvF,MAAMF,SAAS,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAC1ClB,2BACA;YAAE,qBAAqBoB;QAAmB;QAG9C,IAAIF,AAAW,UAAXA,QACA,OAAO;QAGXH,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,MAAM,IAAI,CAAC,gCAAgC,CAAC,OAAO,CAAC;gBAChD,OAAO,IAAI,CAAC,KAAK;gBACjB,IAAIC;gBACJ,qBAAqBE,OAAO,mBAAmB;YACnD;YAEA,MAAM,IAAI,CAAC,gBAAgB,CAACF;YAE5B,OAAO;QACX,EAAE,OAAM;YACJ,OAAO;QACX,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,MAAM,eAAeC,UAAkB,EAAoB;QACvD,MAAMG,YAAY,MAAM,IAAI,CAAC,YAAY,CAAC,OAAO,CAAClB,wBAAwB;YAAEe;QAAW;QAEvF,IAAIG,AAAc,UAAdA,WACA,OAAO;QAGXJ,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,MAAM,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC;gBAC1C,OAAO,IAAI,CAAC,KAAK;gBACjBC;YACJ;YAEA,MAAM,IAAI,CAAC,gBAAgB,CAACA;YAE5B,OAAO;QACX,EAAE,OAAM;YACJ,OAAO;QACX,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;IACJ;IAEA,MAAc,iBAAiBC,UAAkB,EAAiB;QAC9D,MAAMH,UAAU,IAAI,CAAC,OAAO,IAAIG,WAAW,KAAK,CAAC,IAAI,CAAC,EAAE;QAExD,IAAI;YACA,MAAMF,YAAY,MAAM,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;gBACtD,OAAO,IAAI,CAAC,KAAK;gBACjBD;YACJ;YAEAE,YAAY;gBACR,IAAI,CAAC,SAAS,GAAGD;YACrB;QACJ,EAAE,OAAM,CAER;IACJ;IAEA,UAAgB;QACZ,IAAI,CAAC,SAAS,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,GAAG;QACf,IAAI,CAAC,OAAO,GAAG;QACf,IAAI,CAAC,OAAO,GAAG;IACnB;AACJ;AAEO,MAAMO,gDAAyBC,uBAAAA,oBAAgC,CAAC;IACnE,gBAAgBpB;IAChB,cAAc;QACVqB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACH;AACL"}

package/presentation/contentEntries/revisionsList/RevisionsListPresenter.test.d.ts

@@ -0,0 +1 @@
+export {};