@webiny/app-website-builder 6.3.0 → 6.4.0-beta.0

package/modules/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.js

@@ -1,52 +1,62 @@
 import { z } from "zod";
 import { PageSettingsGroup } from "../abstractions.js";
-const PATHNAME_REGEX = new RegExp(`^\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?$`);
+const PATHNAME_REGEX = new RegExp("^\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?$");
 class SeoSettingsGroupImpl {
-  name = "seo";
-  label = "SEO";
-  description = "Optimize how this page appears in search engine results.";
-  icon = {
-    type: "icon",
-    name: "fas/search"
-  };
-  buildForm(form) {
-    form.fields(fields => ({
-      title: fields.text().label("Title").description("SEO title"),
-      description: fields.text().label("Description").description("SEO description").renderer("textarea"),
-      metaTags: fields.object().label("Meta Tags").description("Add SEO tags").renderer("keyValueTags").fields(f => ({
-        name: f.text().placeholder("Name"),
-        content: f.text().placeholder("Content")
-      })).list(),
-      canonicalUrl: fields.text().label("Canonical URL").description("The canonical URL for this page").schema(z.string().optional().refine(val => !val || PATHNAME_REGEX.test(val), "Enter a valid pathname, e.g.: /path/to/page?query=value")),
-      noIndex: fields.boolean().label("No Index").description("Whether this page should be indexed by search engines").defaultValue(false).renderer("switch"),
-      noFollow: fields.boolean().label("No Follow").description("Whether search engines should follow links on this page").defaultValue(false).renderer("switch")
-    }));
-    form.layout(layout => [layout.row("title"), layout.row("description"), layout.row("metaTags"), layout.row("canonicalUrl"), layout.row("noIndex"), layout.row("noFollow")]);
-  }
-  mapToForm(doc) {
-    const seo = doc.properties?.seo ?? {};
-    return {
-      title: seo.title,
-      description: seo.description,
-      metaTags: seo.metaTags,
-      canonicalUrl: seo.canonicalUrl,
-      noIndex: seo.noIndex ?? false,
-      noFollow: seo.noFollow ?? false
-    };
-  }
-  mapFromForm(formData, doc) {
-    doc.properties.seo = doc.properties.seo ?? {};
-    doc.properties.seo.title = formData.title;
-    doc.properties.seo.description = formData.description;
-    doc.properties.seo.metaTags = formData.metaTags;
-    doc.properties.seo.canonicalUrl = formData.canonicalUrl;
-    doc.properties.seo.noIndex = formData.noIndex;
-    doc.properties.seo.noFollow = formData.noFollow;
-  }
+    buildForm(form) {
+        form.fields((fields)=>({
+                title: fields.text().label("Title").description("SEO title"),
+                description: fields.text().label("Description").description("SEO description").renderer("textarea"),
+                metaTags: fields.object().label("Meta Tags").description("Add SEO tags").renderer("keyValueTags").fields((f)=>({
+                        name: f.text().placeholder("Name"),
+                        content: f.text().placeholder("Content")
+                    })).list(),
+                canonicalUrl: fields.text().label("Canonical URL").description("The canonical URL for this page").schema(z.string().optional().refine((val)=>!val || PATHNAME_REGEX.test(val), "Enter a valid pathname, e.g.: /path/to/page?query=value")),
+                noIndex: fields.boolean().label("No Index").description("Whether this page should be indexed by search engines").defaultValue(false).renderer("switch"),
+                noFollow: fields.boolean().label("No Follow").description("Whether search engines should follow links on this page").defaultValue(false).renderer("switch")
+            }));
+        form.layout((layout)=>[
+                layout.row("title"),
+                layout.row("description"),
+                layout.row("metaTags"),
+                layout.row("canonicalUrl"),
+                layout.row("noIndex"),
+                layout.row("noFollow")
+            ]);
+    }
+    mapToForm(doc) {
+        const seo = doc.properties?.seo ?? {};
+        return {
+            title: seo.title,
+            description: seo.description,
+            metaTags: seo.metaTags,
+            canonicalUrl: seo.canonicalUrl,
+            noIndex: seo.noIndex ?? false,
+            noFollow: seo.noFollow ?? false
+        };
+    }
+    mapFromForm(formData, doc) {
+        doc.properties.seo = doc.properties.seo ?? {};
+        doc.properties.seo.title = formData.title;
+        doc.properties.seo.description = formData.description;
+        doc.properties.seo.metaTags = formData.metaTags;
+        doc.properties.seo.canonicalUrl = formData.canonicalUrl;
+        doc.properties.seo.noIndex = formData.noIndex;
+        doc.properties.seo.noFollow = formData.noFollow;
+    }
+    constructor(){
+        this.name = "seo";
+        this.label = "SEO";
+        this.description = "Optimize how this page appears in search engine results.";
+        this.icon = {
+            type: "icon",
+            name: "fas/search"
+        };
+    }
 }
-export const SeoSettingsGroup = PageSettingsGroup.createImplementation({
-  implementation: SeoSettingsGroupImpl,
-  dependencies: []
+const SeoSettingsGroup = PageSettingsGroup.createImplementation({
+    implementation: SeoSettingsGroupImpl,
+    dependencies: []
 });
+export { SeoSettingsGroup };
 
 //# sourceMappingURL=SeoSettingsGroup.js.map

package/modules/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["z","PageSettingsGroup","PATHNAME_REGEX","RegExp","SeoSettingsGroupImpl","name","label","description","icon","type","buildForm","form","fields","title","text","renderer","metaTags","object","f","placeholder","content","list","canonicalUrl","schema","string","optional","refine","val","test","noIndex","boolean","defaultValue","noFollow","layout","row","mapToForm","doc","seo","properties","mapFromForm","formData","SeoSettingsGroup","createImplementation","implementation","dependencies"],"sources":["SeoSettingsGroup.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { PageSettingsGroup } from \"../abstractions.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        keyValueTags: {\n            fieldType: \"object\";\n            settings?: { addItemLabel?: string };\n        };\n    }\n}\n\nconst PATHNAME_REGEX = new RegExp(\n    `^\\\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?$`\n);\n\nclass SeoSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"seo\";\n    label = \"SEO\";\n    description = \"Optimize how this page appears in search engine results.\";\n    icon = { type: \"icon\", name: \"fas/search\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields.text().label(\"Title\").description(\"SEO title\"),\n            description: fields\n                .text()\n                .label(\"Description\")\n                .description(\"SEO description\")\n                .renderer(\"textarea\"),\n            metaTags: fields\n                .object()\n                .label(\"Meta Tags\")\n                .description(\"Add SEO tags\")\n                .renderer(\"keyValueTags\")\n                .fields(f => ({\n                    name: f.text().placeholder(\"Name\"),\n                    content: f.text().placeholder(\"Content\")\n                }))\n                .list(),\n            canonicalUrl: fields\n                .text()\n                .label(\"Canonical URL\")\n                .description(\"The canonical URL for this page\")\n                .schema(\n                    z\n                        .string()\n                        .optional()\n                        .refine(\n                            val => !val || PATHNAME_REGEX.test(val),\n                            \"Enter a valid pathname, e.g.: /path/to/page?query=value\"\n                        )\n                ),\n            noIndex: fields\n                .boolean()\n                .label(\"No Index\")\n                .description(\"Whether this page should be indexed by search engines\")\n                .defaultValue(false)\n                .renderer(\"switch\"),\n            noFollow: fields\n                .boolean()\n                .label(\"No Follow\")\n                .description(\"Whether search engines should follow links on this page\")\n                .defaultValue(false)\n                .renderer(\"switch\")\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"description\"),\n            layout.row(\"metaTags\"),\n            layout.row(\"canonicalUrl\"),\n            layout.row(\"noIndex\"),\n            layout.row(\"noFollow\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        const seo = doc.properties?.seo ?? {};\n        return {\n            title: seo.title,\n            description: seo.description,\n            metaTags: seo.metaTags,\n            canonicalUrl: seo.canonicalUrl,\n            noIndex: seo.noIndex ?? false,\n            noFollow: seo.noFollow ?? false\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.seo = doc.properties.seo ?? {};\n        doc.properties.seo.title = formData.title;\n        doc.properties.seo.description = formData.description;\n        doc.properties.seo.metaTags = formData.metaTags;\n        doc.properties.seo.canonicalUrl = formData.canonicalUrl;\n        doc.properties.seo.noIndex = formData.noIndex;\n        doc.properties.seo.noFollow = formData.noFollow;\n    }\n}\n\nexport const SeoSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: SeoSettingsGroupImpl,\n    dependencies: []\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.js","sources":["../../../../../../src/modules/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { PageSettingsGroup } from \"../abstractions.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        keyValueTags: {\n            fieldType: \"object\";\n            settings?: { addItemLabel?: string };\n        };\n    }\n}\n\nconst PATHNAME_REGEX = new RegExp(\n    `^\\\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?$`\n);\n\nclass SeoSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"seo\";\n    label = \"SEO\";\n    description = \"Optimize how this page appears in search engine results.\";\n    icon = { type: \"icon\", name: \"fas/search\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields.text().label(\"Title\").description(\"SEO title\"),\n            description: fields\n                .text()\n                .label(\"Description\")\n                .description(\"SEO description\")\n                .renderer(\"textarea\"),\n            metaTags: fields\n                .object()\n                .label(\"Meta Tags\")\n                .description(\"Add SEO tags\")\n                .renderer(\"keyValueTags\")\n                .fields(f => ({\n                    name: f.text().placeholder(\"Name\"),\n                    content: f.text().placeholder(\"Content\")\n                }))\n                .list(),\n            canonicalUrl: fields\n                .text()\n                .label(\"Canonical URL\")\n                .description(\"The canonical URL for this page\")\n                .schema(\n                    z\n                        .string()\n                        .optional()\n                        .refine(\n                            val => !val || PATHNAME_REGEX.test(val),\n                            \"Enter a valid pathname, e.g.: /path/to/page?query=value\"\n                        )\n                ),\n            noIndex: fields\n                .boolean()\n                .label(\"No Index\")\n                .description(\"Whether this page should be indexed by search engines\")\n                .defaultValue(false)\n                .renderer(\"switch\"),\n            noFollow: fields\n                .boolean()\n                .label(\"No Follow\")\n                .description(\"Whether search engines should follow links on this page\")\n                .defaultValue(false)\n                .renderer(\"switch\")\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"description\"),\n            layout.row(\"metaTags\"),\n            layout.row(\"canonicalUrl\"),\n            layout.row(\"noIndex\"),\n            layout.row(\"noFollow\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        const seo = doc.properties?.seo ?? {};\n        return {\n            title: seo.title,\n            description: seo.description,\n            metaTags: seo.metaTags,\n            canonicalUrl: seo.canonicalUrl,\n            noIndex: seo.noIndex ?? false,\n            noFollow: seo.noFollow ?? false\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.seo = doc.properties.seo ?? {};\n        doc.properties.seo.title = formData.title;\n        doc.properties.seo.description = formData.description;\n        doc.properties.seo.metaTags = formData.metaTags;\n        doc.properties.seo.canonicalUrl = formData.canonicalUrl;\n        doc.properties.seo.noIndex = formData.noIndex;\n        doc.properties.seo.noFollow = formData.noFollow;\n    }\n}\n\nexport const SeoSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: SeoSettingsGroupImpl,\n    dependencies: []\n});\n"],"names":["PATHNAME_REGEX","RegExp","SeoSettingsGroupImpl","form","fields","f","z","val","layout","doc","seo","formData","SeoSettingsGroup","PageSettingsGroup"],"mappings":";;AAYA,MAAMA,iBAAiB,IAAIC,OACvB;AAGJ,MAAMC;IAMF,UAAUC,IAAmC,EAAQ;QACjDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,OAAOA,OAAO,IAAI,GAAG,KAAK,CAAC,SAAS,WAAW,CAAC;gBAChD,aAAaA,OACR,IAAI,GACJ,KAAK,CAAC,eACN,WAAW,CAAC,mBACZ,QAAQ,CAAC;gBACd,UAAUA,OACL,MAAM,GACN,KAAK,CAAC,aACN,WAAW,CAAC,gBACZ,QAAQ,CAAC,gBACT,MAAM,CAACC,CAAAA,IAAM;wBACV,MAAMA,EAAE,IAAI,GAAG,WAAW,CAAC;wBAC3B,SAASA,EAAE,IAAI,GAAG,WAAW,CAAC;oBAClC,IACC,IAAI;gBACT,cAAcD,OACT,IAAI,GACJ,KAAK,CAAC,iBACN,WAAW,CAAC,mCACZ,MAAM,CACHE,EAAAA,MACW,GACN,QAAQ,GACR,MAAM,CACHC,CAAAA,MAAO,CAACA,OAAOP,eAAe,IAAI,CAACO,MACnC;gBAGhB,SAASH,OACJ,OAAO,GACP,KAAK,CAAC,YACN,WAAW,CAAC,yDACZ,YAAY,CAAC,OACb,QAAQ,CAAC;gBACd,UAAUA,OACL,OAAO,GACP,KAAK,CAAC,aACN,WAAW,CAAC,2DACZ,YAAY,CAAC,OACb,QAAQ,CAAC;YAClB;QAEAD,KAAK,MAAM,CAACK,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;IAEA,UAAUC,GAAmC,EAAuB;QAChE,MAAMC,MAAMD,IAAI,UAAU,EAAE,OAAO,CAAC;QACpC,OAAO;YACH,OAAOC,IAAI,KAAK;YAChB,aAAaA,IAAI,WAAW;YAC5B,UAAUA,IAAI,QAAQ;YACtB,cAAcA,IAAI,YAAY;YAC9B,SAASA,IAAI,OAAO,IAAI;YACxB,UAAUA,IAAI,QAAQ,IAAI;QAC9B;IACJ;IAEA,YAAYC,QAA6B,EAAEF,GAAmC,EAAQ;QAClFA,IAAI,UAAU,CAAC,GAAG,GAAGA,IAAI,UAAU,CAAC,GAAG,IAAI,CAAC;QAC5CA,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,GAAGE,SAAS,KAAK;QACzCF,IAAI,UAAU,CAAC,GAAG,CAAC,WAAW,GAAGE,SAAS,WAAW;QACrDF,IAAI,UAAU,CAAC,GAAG,CAAC,QAAQ,GAAGE,SAAS,QAAQ;QAC/CF,IAAI,UAAU,CAAC,GAAG,CAAC,YAAY,GAAGE,SAAS,YAAY;QACvDF,IAAI,UAAU,CAAC,GAAG,CAAC,OAAO,GAAGE,SAAS,OAAO;QAC7CF,IAAI,UAAU,CAAC,GAAG,CAAC,QAAQ,GAAGE,SAAS,QAAQ;IACnD;;aAhFA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAa;;AA8E9C;AAEO,MAAMC,mBAAmBC,kBAAkB,oBAAoB,CAAC;IACnE,gBAAgBX;IAChB,cAAc,EAAE;AACpB"}

package/modules/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.js

@@ -1,44 +1,52 @@
 import { PageSettingsGroup } from "../abstractions.js";
 class SocialSettingsGroupImpl {
-  name = "social";
-  label = "Social";
-  description = "Control how this page is previewed when shared on social media.";
-  icon = {
-    type: "icon",
-    name: "fas/thumbs-up"
-  };
-  buildForm(form) {
-    form.fields(fields => ({
-      title: fields.text().label("Title").description("Title for social platforms (og:title)"),
-      description: fields.text().label("Description").description("Description for social platforms (og:description)").renderer("textarea"),
-      image: fields.file().label("Image").description("Select an image for social platforms (og:image)"),
-      metaTags: fields.object().label("Meta Tags").description("Add more Open Graph tags").renderer("keyValueTags").fields(f => ({
-        property: f.text().placeholder("Property"),
-        content: f.text().placeholder("Content")
-      })).list()
-    }));
-    form.layout(layout => [layout.row("title"), layout.row("description"), layout.row("image"), layout.row("metaTags")]);
-  }
-  mapToForm(doc) {
-    const social = doc.properties?.social ?? {};
-    return {
-      title: social.title,
-      description: social.description,
-      image: social.image,
-      metaTags: social.metaTags
-    };
-  }
-  mapFromForm(formData, doc) {
-    doc.properties.social = doc.properties.social ?? {};
-    doc.properties.social.title = formData.title;
-    doc.properties.social.description = formData.description;
-    doc.properties.social.image = formData.image;
-    doc.properties.social.metaTags = formData.metaTags;
-  }
+    buildForm(form) {
+        form.fields((fields)=>({
+                title: fields.text().label("Title").description("Title for social platforms (og:title)"),
+                description: fields.text().label("Description").description("Description for social platforms (og:description)").renderer("textarea"),
+                image: fields.file().label("Image").description("Select an image for social platforms (og:image)"),
+                metaTags: fields.object().label("Meta Tags").description("Add more Open Graph tags").renderer("keyValueTags").fields((f)=>({
+                        property: f.text().placeholder("Property"),
+                        content: f.text().placeholder("Content")
+                    })).list()
+            }));
+        form.layout((layout)=>[
+                layout.row("title"),
+                layout.row("description"),
+                layout.row("image"),
+                layout.row("metaTags")
+            ]);
+    }
+    mapToForm(doc) {
+        const social = doc.properties?.social ?? {};
+        return {
+            title: social.title,
+            description: social.description,
+            image: social.image,
+            metaTags: social.metaTags
+        };
+    }
+    mapFromForm(formData, doc) {
+        doc.properties.social = doc.properties.social ?? {};
+        doc.properties.social.title = formData.title;
+        doc.properties.social.description = formData.description;
+        doc.properties.social.image = formData.image;
+        doc.properties.social.metaTags = formData.metaTags;
+    }
+    constructor(){
+        this.name = "social";
+        this.label = "Social";
+        this.description = "Control how this page is previewed when shared on social media.";
+        this.icon = {
+            type: "icon",
+            name: "fas/thumbs-up"
+        };
+    }
 }
-export const SocialSettingsGroup = PageSettingsGroup.createImplementation({
-  implementation: SocialSettingsGroupImpl,
-  dependencies: []
+const SocialSettingsGroup = PageSettingsGroup.createImplementation({
+    implementation: SocialSettingsGroupImpl,
+    dependencies: []
 });
+export { SocialSettingsGroup };
 
 //# sourceMappingURL=SocialSettingsGroup.js.map

package/modules/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["PageSettingsGroup","SocialSettingsGroupImpl","name","label","description","icon","type","buildForm","form","fields","title","text","renderer","image","file","metaTags","object","f","property","placeholder","content","list","layout","row","mapToForm","doc","social","properties","mapFromForm","formData","SocialSettingsGroup","createImplementation","implementation","dependencies"],"sources":["SocialSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"../abstractions.js\";\n\nclass SocialSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"social\";\n    label = \"Social\";\n    description = \"Control how this page is previewed when shared on social media.\";\n    icon = { type: \"icon\", name: \"fas/thumbs-up\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields\n                .text()\n                .label(\"Title\")\n                .description(\"Title for social platforms (og:title)\"),\n            description: fields\n                .text()\n                .label(\"Description\")\n                .description(\"Description for social platforms (og:description)\")\n                .renderer(\"textarea\"),\n            image: fields\n                .file()\n                .label(\"Image\")\n                .description(\"Select an image for social platforms (og:image)\"),\n            metaTags: fields\n                .object()\n                .label(\"Meta Tags\")\n                .description(\"Add more Open Graph tags\")\n                .renderer(\"keyValueTags\")\n                .fields(f => ({\n                    property: f.text().placeholder(\"Property\"),\n                    content: f.text().placeholder(\"Content\")\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"description\"),\n            layout.row(\"image\"),\n            layout.row(\"metaTags\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        const social = doc.properties?.social ?? {};\n        return {\n            title: social.title,\n            description: social.description,\n            image: social.image,\n            metaTags: social.metaTags\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.social = doc.properties.social ?? {};\n        doc.properties.social.title = formData.title;\n        doc.properties.social.description = formData.description;\n        doc.properties.social.image = formData.image;\n        doc.properties.social.metaTags = formData.metaTags;\n    }\n}\n\nexport const SocialSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: SocialSettingsGroupImpl,\n    dependencies: []\n});\n"],"mappings":"AAAA,SAASA,iBAAiB;AAE1B,MAAMC,uBAAuB,CAAwC;EACjEC,IAAI,GAAG,QAAQ;EACfC,KAAK,GAAG,QAAQ;EAChBC,WAAW,GAAG,iEAAiE;EAC/EC,IAAI,GAAG;IAAEC,IAAI,EAAE,MAAM;IAAEJ,IAAI,EAAE;EAAgB,CAAC;EAE9CK,SAASA,CAACC,IAAmC,EAAQ;IACjDA,IAAI,CAACC,MAAM,CAACA,MAAM,KAAK;MACnBC,KAAK,EAAED,MAAM,CACRE,IAAI,CAAC,CAAC,CACNR,KAAK,CAAC,OAAO,CAAC,CACdC,WAAW,CAAC,uCAAuC,CAAC;MACzDA,WAAW,EAAEK,MAAM,CACdE,IAAI,CAAC,CAAC,CACNR,KAAK,CAAC,aAAa,CAAC,CACpBC,WAAW,CAAC,mDAAmD,CAAC,CAChEQ,QAAQ,CAAC,UAAU,CAAC;MACzBC,KAAK,EAAEJ,MAAM,CACRK,IAAI,CAAC,CAAC,CACNX,KAAK,CAAC,OAAO,CAAC,CACdC,WAAW,CAAC,iDAAiD,CAAC;MACnEW,QAAQ,EAAEN,MAAM,CACXO,MAAM,CAAC,CAAC,CACRb,KAAK,CAAC,WAAW,CAAC,CAClBC,WAAW,CAAC,0BAA0B,CAAC,CACvCQ,QAAQ,CAAC,cAAc,CAAC,CACxBH,MAAM,CAACQ,CAAC,KAAK;QACVC,QAAQ,EAAED,CAAC,CAACN,IAAI,CAAC,CAAC,CAACQ,WAAW,CAAC,UAAU,CAAC;QAC1CC,OAAO,EAAEH,CAAC,CAACN,IAAI,CAAC,CAAC,CAACQ,WAAW,CAAC,SAAS;MAC3C,CAAC,CAAC,CAAC,CACFE,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEHb,IAAI,CAACc,MAAM,CAACA,MAAM,IAAI,CAClBA,MAAM,CAACC,GAAG,CAAC,OAAO,CAAC,EACnBD,MAAM,CAACC,GAAG,CAAC,aAAa,CAAC,EACzBD,MAAM,CAACC,GAAG,CAAC,OAAO,CAAC,EACnBD,MAAM,CAACC,GAAG,CAAC,UAAU,CAAC,CACzB,CAAC;EACN;EAEAC,SAASA,CAACC,GAAmC,EAAuB;IAChE,MAAMC,MAAM,GAAGD,GAAG,CAACE,UAAU,EAAED,MAAM,IAAI,CAAC,CAAC;IAC3C,OAAO;MACHhB,KAAK,EAAEgB,MAAM,CAAChB,KAAK;MACnBN,WAAW,EAAEsB,MAAM,CAACtB,WAAW;MAC/BS,KAAK,EAAEa,MAAM,CAACb,KAAK;MACnBE,QAAQ,EAAEW,MAAM,CAACX;IACrB,CAAC;EACL;EAEAa,WAAWA,CAACC,QAA6B,EAAEJ,GAAmC,EAAQ;IAClFA,GAAG,CAACE,UAAU,CAACD,MAAM,GAAGD,GAAG,CAACE,UAAU,CAACD,MAAM,IAAI,CAAC,CAAC;IACnDD,GAAG,CAACE,UAAU,CAACD,MAAM,CAAChB,KAAK,GAAGmB,QAAQ,CAACnB,KAAK;IAC5Ce,GAAG,CAACE,UAAU,CAACD,MAAM,CAACtB,WAAW,GAAGyB,QAAQ,CAACzB,WAAW;IACxDqB,GAAG,CAACE,UAAU,CAACD,MAAM,CAACb,KAAK,GAAGgB,QAAQ,CAAChB,KAAK;IAC5CY,GAAG,CAACE,UAAU,CAACD,MAAM,CAACX,QAAQ,GAAGc,QAAQ,CAACd,QAAQ;EACtD;AACJ;AAEA,OAAO,MAAMe,mBAAmB,GAAG9B,iBAAiB,CAAC+B,oBAAoB,CAAC;EACtEC,cAAc,EAAE/B,uBAAuB;EACvCgC,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"modules/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.js","sources":["../../../../../../src/modules/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"../abstractions.js\";\n\nclass SocialSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"social\";\n    label = \"Social\";\n    description = \"Control how this page is previewed when shared on social media.\";\n    icon = { type: \"icon\", name: \"fas/thumbs-up\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields\n                .text()\n                .label(\"Title\")\n                .description(\"Title for social platforms (og:title)\"),\n            description: fields\n                .text()\n                .label(\"Description\")\n                .description(\"Description for social platforms (og:description)\")\n                .renderer(\"textarea\"),\n            image: fields\n                .file()\n                .label(\"Image\")\n                .description(\"Select an image for social platforms (og:image)\"),\n            metaTags: fields\n                .object()\n                .label(\"Meta Tags\")\n                .description(\"Add more Open Graph tags\")\n                .renderer(\"keyValueTags\")\n                .fields(f => ({\n                    property: f.text().placeholder(\"Property\"),\n                    content: f.text().placeholder(\"Content\")\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"description\"),\n            layout.row(\"image\"),\n            layout.row(\"metaTags\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        const social = doc.properties?.social ?? {};\n        return {\n            title: social.title,\n            description: social.description,\n            image: social.image,\n            metaTags: social.metaTags\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.social = doc.properties.social ?? {};\n        doc.properties.social.title = formData.title;\n        doc.properties.social.description = formData.description;\n        doc.properties.social.image = formData.image;\n        doc.properties.social.metaTags = formData.metaTags;\n    }\n}\n\nexport const SocialSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: SocialSettingsGroupImpl,\n    dependencies: []\n});\n"],"names":["SocialSettingsGroupImpl","form","fields","f","layout","doc","social","formData","SocialSettingsGroup","PageSettingsGroup"],"mappings":";AAEA,MAAMA;IAMF,UAAUC,IAAmC,EAAQ;QACjDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,OAAOA,OACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CAAC;gBACjB,aAAaA,OACR,IAAI,GACJ,KAAK,CAAC,eACN,WAAW,CAAC,qDACZ,QAAQ,CAAC;gBACd,OAAOA,OACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CAAC;gBACjB,UAAUA,OACL,MAAM,GACN,KAAK,CAAC,aACN,WAAW,CAAC,4BACZ,QAAQ,CAAC,gBACT,MAAM,CAACC,CAAAA,IAAM;wBACV,UAAUA,EAAE,IAAI,GAAG,WAAW,CAAC;wBAC/B,SAASA,EAAE,IAAI,GAAG,WAAW,CAAC;oBAClC,IACC,IAAI;YACb;QAEAF,KAAK,MAAM,CAACG,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;IAEA,UAAUC,GAAmC,EAAuB;QAChE,MAAMC,SAASD,IAAI,UAAU,EAAE,UAAU,CAAC;QAC1C,OAAO;YACH,OAAOC,OAAO,KAAK;YACnB,aAAaA,OAAO,WAAW;YAC/B,OAAOA,OAAO,KAAK;YACnB,UAAUA,OAAO,QAAQ;QAC7B;IACJ;IAEA,YAAYC,QAA6B,EAAEF,GAAmC,EAAQ;QAClFA,IAAI,UAAU,CAAC,MAAM,GAAGA,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;QAClDA,IAAI,UAAU,CAAC,MAAM,CAAC,KAAK,GAAGE,SAAS,KAAK;QAC5CF,IAAI,UAAU,CAAC,MAAM,CAAC,WAAW,GAAGE,SAAS,WAAW;QACxDF,IAAI,UAAU,CAAC,MAAM,CAAC,KAAK,GAAGE,SAAS,KAAK;QAC5CF,IAAI,UAAU,CAAC,MAAM,CAAC,QAAQ,GAAGE,SAAS,QAAQ;IACtD;;aAxDA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAgB;;AAsDjD;AAEO,MAAMC,sBAAsBC,kBAAkB,oBAAoB,CAAC;IACtE,gBAAgBT;IAChB,cAAc,EAAE;AACpB"}

package/modules/pages/PageEditor/PageSettings/index.js

@@ -1,5 +1 @@
-export { PageSettingsPresenter } from "./abstractions.js";
-export { PageSettingsGroup } from "./abstractions.js";
-export { PageSettingsGroupModifier } from "./abstractions.js";
-
-//# sourceMappingURL=index.js.map
+export { PageSettingsGroup, PageSettingsGroupModifier, PageSettingsPresenter } from "./abstractions.js";

package/modules/pages/PageEditor/Revisions/RevisionListDrawer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Page } from "../../../../domain/Page/Page.js";
+interface IRevisionListDrawerProps {
+    page: Pick<Page, "id">;
+}
+export declare const RevisionListDrawer: (props: IRevisionListDrawerProps) => React.JSX.Element;
+export {};

package/modules/pages/PageEditor/Revisions/RevisionListDrawer.js

@@ -0,0 +1,30 @@
+import react from "react";
+import { useHotkeys } from "@webiny/app-admin";
+import { RevisionsList } from "./RevisionsList.js";
+import { Drawer } from "@webiny/admin-ui";
+import { usePageEditorDrawer } from "./usePageEditorDrawer.js";
+const RevisionListDrawer = (props)=>{
+    const { page } = props;
+    const { isRevisionListOpen, openRevisionList } = usePageEditorDrawer();
+    useHotkeys({
+        zIndex: 55,
+        disabled: !isRevisionListOpen,
+        keys: {
+            esc: ()=>openRevisionList(false)
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Drawer, {
+        title: "Entry revisions",
+        open: isRevisionListOpen,
+        onOpenChange: (open)=>openRevisionList(open),
+        modal: true,
+        bodyPadding: false,
+        headerSeparator: true,
+        width: 1000
+    }, /*#__PURE__*/ react.createElement(RevisionsList, {
+        page: page
+    }));
+};
+export { RevisionListDrawer };
+
+//# sourceMappingURL=RevisionListDrawer.js.map

package/modules/pages/PageEditor/Revisions/RevisionListDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/Revisions/RevisionListDrawer.js","sources":["../../../../../src/modules/pages/PageEditor/Revisions/RevisionListDrawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useHotkeys } from \"@webiny/app-admin\";\nimport { RevisionsList } from \"./RevisionsList.js\";\nimport { Drawer } from \"@webiny/admin-ui\";\nimport type { Page } from \"~/domain/Page/Page.js\";\nimport { usePageEditorDrawer } from \"./usePageEditorDrawer.js\";\n\ninterface IRevisionListDrawerProps {\n    page: Pick<Page, \"id\">;\n}\n\nexport const RevisionListDrawer = (props: IRevisionListDrawerProps) => {\n    const { page } = props;\n    const { isRevisionListOpen, openRevisionList } = usePageEditorDrawer();\n\n    useHotkeys({\n        zIndex: 55,\n        disabled: !isRevisionListOpen,\n        keys: {\n            esc: () => openRevisionList(false)\n        }\n    });\n\n    return (\n        <Drawer\n            title={\"Entry revisions\"}\n            open={isRevisionListOpen}\n            onOpenChange={open => openRevisionList(open)}\n            modal\n            bodyPadding={false}\n            headerSeparator={true}\n            width={1000}\n        >\n            <RevisionsList page={page} />\n        </Drawer>\n    );\n};\n"],"names":["RevisionListDrawer","props","page","isRevisionListOpen","openRevisionList","usePageEditorDrawer","useHotkeys","Drawer","open","RevisionsList"],"mappings":";;;;;AAWO,MAAMA,qBAAqB,CAACC;IAC/B,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAM,EAAEE,kBAAkB,EAAEC,gBAAgB,EAAE,GAAGC;IAEjDC,WAAW;QACP,QAAQ;QACR,UAAU,CAACH;QACX,MAAM;YACF,KAAK,IAAMC,iBAAiB;QAChC;IACJ;IAEA,OAAO,WAAP,GACI,oBAACG,QAAMA;QACH,OAAO;QACP,MAAMJ;QACN,cAAcK,CAAAA,OAAQJ,iBAAiBI;QACvC;QACA,aAAa;QACb,iBAAiB;QACjB,OAAO;qBAEP,oBAACC,eAAaA;QAAC,MAAMP;;AAGjC"}

package/modules/pages/PageEditor/Revisions/RevisionListItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { PageRevision } from "../../../../domain/PageRevision/index.js";
+interface RevisionListItemProps {
+    revision: PageRevision;
+}
+declare const RevisionListItem: ({ revision }: RevisionListItemProps) => React.JSX.Element;
+export default RevisionListItem;

package/modules/pages/PageEditor/Revisions/RevisionListItem.js

@@ -0,0 +1,139 @@
+import react from "react";
+import { DropdownMenu, Icon, IconButton, List, Text, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as lock_svg_ReactComponent } from "@webiny/icons/lock.svg";
+import { ReactComponent as beenhere_svg_ReactComponent } from "@webiny/icons/beenhere.svg";
+import { ReactComponent as gesture_svg_ReactComponent } from "@webiny/icons/gesture.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as edit_svg_ReactComponent } from "@webiny/icons/edit.svg";
+import { ReactComponent as visibility_svg_ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { useRevision } from "./useRevision.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { HasPermission } from "../../../../presentation/security/HasPermission.js";
+const DateDisplay = ({ date })=>{
+    const formatted = react.useMemo(()=>{
+        const d = new globalThis.Date(date);
+        if (isNaN(d.getTime())) return "";
+        return new Intl.DateTimeFormat(navigator.language, {
+            day: "numeric",
+            month: "long",
+            year: "numeric"
+        }).format(d);
+    }, [
+        date
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, formatted);
+};
+const t = i18n.ns("app-website-builder/modules/Pages/PageEditor/Revisions");
+const getIcon = (revision)=>{
+    switch(true){
+        case revision.locked && "published" !== revision.status:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Locked revision",
+                    icon: /*#__PURE__*/ react.createElement(lock_svg_ReactComponent, null),
+                    "data-testid": "page.revision.status.locked"
+                }),
+                text: "This revision is locked (it has already been published)"
+            };
+        case "published" === revision.status:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Published revision",
+                    icon: /*#__PURE__*/ react.createElement(beenhere_svg_ReactComponent, null),
+                    color: "accent",
+                    "data-testid": "page.revision.status.published"
+                }),
+                text: "This revision is currently published!"
+            };
+        default:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Draft revision",
+                    icon: /*#__PURE__*/ react.createElement(gesture_svg_ReactComponent, null),
+                    "data-testid": "page.revision.status.draft"
+                }),
+                text: "This is a draft"
+            };
+    }
+};
+const RevisionListItem = ({ revision })=>{
+    const { createRevision, editRevision, deleteRevision, unpublishRevision, publishRevision } = useRevision({
+        revision
+    });
+    const { icon, text: tooltipText } = getIcon(revision);
+    return /*#__PURE__*/ react.createElement(List.Item, {
+        icon: /*#__PURE__*/ react.createElement(Tooltip, {
+            content: tooltipText,
+            trigger: icon
+        }),
+        title: revision.title || t`N/A`,
+        description: /*#__PURE__*/ react.createElement(react.Fragment, null, revision.revisionDescription ? /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "md",
+            className: "mb-2"
+        }, revision.revisionDescription) : null, /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "sm"
+        }, t`Last modified by {author} on {time} (#{version})`({
+            author: revision.createdBy?.displayName,
+            time: /*#__PURE__*/ react.createElement(DateDisplay, {
+                date: revision.savedOn
+            }),
+            version: revision.version
+        }))),
+        about: revision.revisionDescription,
+        actions: /*#__PURE__*/ react.createElement(DropdownMenu, {
+            trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                variant: "ghost",
+                size: "sm",
+                iconSize: "lg",
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            }),
+            "data-testid": "page.revisions.more-options"
+        }, /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(HasPermission, {
+            entity: "page",
+            action: "edit"
+        }, /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>createRevision(),
+            "data-testid": "page.revisioncreate-revision",
+            icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
+            text: t`New revision from current`
+        }), revision.locked ? null : /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>{
+                editRevision();
+            },
+            icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+            text: t`Edit revision`
+        })), /*#__PURE__*/ react.createElement(HasPermission, {
+            entity: "page",
+            action: "publish"
+        }, "published" !== revision.status ? /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>publishRevision(),
+            icon: /*#__PURE__*/ react.createElement(visibility_svg_ReactComponent, null),
+            text: t`Publish revision`
+        }) : null), /*#__PURE__*/ react.createElement(HasPermission, {
+            entity: "page",
+            action: "unpublish"
+        }, "published" === revision.status ? /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>unpublishRevision(),
+            "data-testid": "page.revisionunpublish",
+            icon: /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null),
+            text: t`Unpublish revision`
+        }) : null), /*#__PURE__*/ react.createElement(HasPermission, {
+            entity: "page",
+            action: "delete"
+        }, revision.locked ? null : /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>deleteRevision(),
+            icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+            text: t`Delete revision`,
+            className: "text-destructive-primary! [&_svg]:fill-destructive"
+        })))))
+    });
+};
+const Revisions_RevisionListItem = RevisionListItem;
+export default Revisions_RevisionListItem;
+
+//# sourceMappingURL=RevisionListItem.js.map

package/modules/pages/PageEditor/Revisions/RevisionListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/Revisions/RevisionListItem.js","sources":["../../../../../src/modules/pages/PageEditor/Revisions/RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nconst DateDisplay = ({ date }: { date: string }) => {\n    const formatted = React.useMemo(() => {\n        const d = new globalThis.Date(date);\n        if (isNaN(d.getTime())) {\n            return \"\";\n        }\n        return new Intl.DateTimeFormat(navigator.language, {\n            day: \"numeric\",\n            month: \"long\",\n            year: \"numeric\"\n        }).format(d);\n    }, [date]);\n    return <>{formatted}</>;\n};\nimport { DropdownMenu, Icon, IconButton, List, Text, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as BeenHereIcon } from \"@webiny/icons/beenhere.svg\";\nimport { ReactComponent as GestureIcon } from \"@webiny/icons/gesture.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { useRevision } from \"./useRevision.js\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { HasPermission } from \"~/presentation/security/HasPermission.js\";\n\nconst t = i18n.ns(\"app-website-builder/modules/Pages/PageEditor/Revisions\");\n\nconst getIcon = (revision: PageRevision) => {\n    switch (true) {\n        case revision.locked && revision.status !== \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label={\"Locked revision\"}\n                        icon={<LockIcon />}\n                        data-testid={\"page.revision.status.locked\"}\n                    />\n                ),\n                text: \"This revision is locked (it has already been published)\"\n            };\n        case revision.status === \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label=\"Published revision\"\n                        icon={<BeenHereIcon />}\n                        color={\"accent\"}\n                        data-testid={\"page.revision.status.published\"}\n                    />\n                ),\n                text: \"This revision is currently published!\"\n            };\n        default:\n            return {\n                icon: (\n                    <Icon\n                        label={\"Draft revision\"}\n                        icon={<GestureIcon />}\n                        data-testid={\"page.revision.status.draft\"}\n                    />\n                ),\n                text: \"This is a draft\"\n            };\n    }\n};\n\ninterface RevisionListItemProps {\n    revision: PageRevision;\n}\n\nconst RevisionListItem = ({ revision }: RevisionListItemProps) => {\n    const { createRevision, editRevision, deleteRevision, unpublishRevision, publishRevision } =\n        useRevision({\n            revision\n        });\n\n    const { icon, text: tooltipText } = getIcon(revision);\n\n    return (\n        <List.Item\n            icon={<Tooltip content={tooltipText} trigger={icon} />}\n            title={revision.title || t`N/A`}\n            description={\n                <>\n                    {revision.revisionDescription ? (\n                        <Text as={\"div\"} size={\"md\"} className={\"mb-2\"}>\n                            {revision.revisionDescription}\n                        </Text>\n                    ) : null}\n                    <Text as={\"div\"} size={\"sm\"}>\n                        {t`Last modified by {author} on {time} (#{version})`({\n                            // Added this because revisionCreatedBy can be returned as null from GraphQL.\n                            author: revision.createdBy?.displayName,\n                            time: <DateDisplay date={revision.savedOn} />,\n                            version: revision.version\n                        })}\n                    </Text>\n                </>\n            }\n            about={revision.revisionDescription}\n            actions={\n                <DropdownMenu\n                    trigger={\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            iconSize={\"lg\"}\n                            icon={<MoreVerticalIcon />}\n                        />\n                    }\n                    data-testid={\"page.revisions.more-options\"}\n                >\n                    <>\n                        <HasPermission entity={\"page\"} action={\"edit\"}>\n                            <DropdownMenu.Item\n                                onClick={() => createRevision()}\n                                data-testid={\"page.revisioncreate-revision\"}\n                                icon={<AddIcon />}\n                                text={t`New revision from current`}\n                            />\n                            {!revision.locked ? (\n                                <DropdownMenu.Item\n                                    onClick={() => {\n                                        editRevision();\n                                    }}\n                                    icon={<EditIcon />}\n                                    text={t`Edit revision`}\n                                />\n                            ) : null}\n                        </HasPermission>\n\n                        <HasPermission entity={\"page\"} action={\"publish\"}>\n                            {revision.status !== \"published\" ? (\n                                <DropdownMenu.Item\n                                    onClick={() => publishRevision()}\n                                    icon={<PublishIcon />}\n                                    text={t`Publish revision`}\n                                />\n                            ) : null}\n                        </HasPermission>\n\n                        <HasPermission entity={\"page\"} action={\"unpublish\"}>\n                            {revision.status === \"published\" ? (\n                                <DropdownMenu.Item\n                                    onClick={() => unpublishRevision()}\n                                    data-testid={\"page.revisionunpublish\"}\n                                    icon={<UnpublishIcon />}\n                                    text={t`Unpublish revision`}\n                                />\n                            ) : null}\n                        </HasPermission>\n\n                        <HasPermission entity={\"page\"} action={\"delete\"}>\n                            {!revision.locked ? (\n                                <>\n                                    <DropdownMenu.Separator />\n                                    <DropdownMenu.Item\n                                        onClick={() => deleteRevision()}\n                                        icon={<DeleteIcon />}\n                                        text={t`Delete revision`}\n                                        className={\n                                            \"text-destructive-primary! [&_svg]:fill-destructive\"\n                                        }\n                                    />\n                                </>\n                            ) : null}\n                        </HasPermission>\n                    </>\n                </DropdownMenu>\n            }\n        />\n    );\n};\n\nexport default RevisionListItem;\n"],"names":["DateDisplay","date","formatted","React","d","globalThis","isNaN","Intl","navigator","t","i18n","getIcon","revision","Icon","LockIcon","BeenHereIcon","GestureIcon","RevisionListItem","createRevision","editRevision","deleteRevision","unpublishRevision","publishRevision","useRevision","icon","tooltipText","List","Tooltip","Text","DropdownMenu","IconButton","MoreVerticalIcon","HasPermission","AddIcon","EditIcon","PublishIcon","UnpublishIcon","DeleteIcon"],"mappings":"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"}

package/modules/pages/PageEditor/Revisions/RevisionsList.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { Page } from "../../../../domain/Page/index.js";
+interface IRevisionsListProps {
+    page: Pick<Page, "id">;
+}
+export declare const RevisionsList: (props: IRevisionsListProps) => React.JSX.Element;
+export {};

package/modules/pages/PageEditor/Revisions/RevisionsList.js

@@ -0,0 +1,33 @@
+import react, { useEffect, useState } from "react";
+import { List, OverlayLoader } from "@webiny/admin-ui";
+import RevisionListItem from "./RevisionListItem.js";
+import { useGetPageRevisions } from "../../../../presentation/pages/hooks/useGetPageRevisions.js";
+import { parseIdentifier } from "@webiny/utils/parseIdentifier.js";
+const RevisionsList = (props)=>{
+    const { page } = props;
+    const [revisions, setRevisions] = useState([]);
+    const { loading, getPageRevisions } = useGetPageRevisions();
+    useEffect(()=>{
+        const { id: entryId } = parseIdentifier(page.id);
+        getPageRevisions({
+            entryId
+        }).then((revisions)=>{
+            setRevisions(revisions.sort((a, b)=>new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime()).reverse());
+        });
+    }, [
+        page.id
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), revisions?.length ? /*#__PURE__*/ react.createElement(List, {
+        "data-testid": "cms.content-form.revisions"
+    }, revisions.map((revision)=>/*#__PURE__*/ react.createElement(RevisionListItem, {
+            revision: revision,
+            key: revision.id
+        }))) : /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, "No revisions to show."));
+};
+export { RevisionsList };
+
+//# sourceMappingURL=RevisionsList.js.map

package/modules/pages/PageEditor/Revisions/RevisionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/Revisions/RevisionsList.js","sources":["../../../../../src/modules/pages/PageEditor/Revisions/RevisionsList.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { List, OverlayLoader } from \"@webiny/admin-ui\";\nimport RevisionListItem from \"./RevisionListItem.js\";\nimport type { Page } from \"~/domain/Page/index.js\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport { useGetPageRevisions } from \"~/presentation/pages/hooks/useGetPageRevisions.js\";\nimport { parseIdentifier } from \"@webiny/utils/parseIdentifier.js\";\n\ninterface IRevisionsListProps {\n    page: Pick<Page, \"id\">;\n}\n\nexport const RevisionsList = (props: IRevisionsListProps) => {\n    const { page } = props;\n\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n\n    useEffect(() => {\n        const { id: entryId } = parseIdentifier(page.id);\n        getPageRevisions({\n            entryId\n        }).then(revisions => {\n            setRevisions(\n                revisions\n                    .sort((a, b) => {\n                        return new Date(a.savedOn).getTime() - new Date(b.savedOn).getTime();\n                    })\n                    .reverse()\n            );\n        });\n    }, [page.id]);\n\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader />}\n            {revisions?.length ? (\n                <List data-testid={\"cms.content-form.revisions\"}>\n                    {revisions.map(revision => (\n                        <RevisionListItem revision={revision} key={revision.id} />\n                    ))}\n                </List>\n            ) : (\n                <div className={\"p-lg\"}>No revisions to show.</div>\n            )}\n        </div>\n    );\n};\n"],"names":["RevisionsList","props","page","revisions","setRevisions","useState","loading","getPageRevisions","useGetPageRevisions","useEffect","entryId","parseIdentifier","a","b","Date","OverlayLoader","List","revision","RevisionListItem"],"mappings":";;;;;AAYO,MAAMA,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAM,CAACE,WAAWC,aAAa,GAAGC,SAAyB,EAAE;IAC7D,MAAM,EAAEC,OAAO,EAAEC,gBAAgB,EAAE,GAAGC;IAEtCC,UAAU;QACN,MAAM,EAAE,IAAIC,OAAO,EAAE,GAAGC,gBAAgBT,KAAK,EAAE;QAC/CK,iBAAiB;YACbG;QACJ,GAAG,IAAI,CAACP,CAAAA;YACJC,aACID,UACK,IAAI,CAAC,CAACS,GAAGC,IACC,IAAIC,KAAKF,EAAE,OAAO,EAAE,OAAO,KAAK,IAAIE,KAAKD,EAAE,OAAO,EAAE,OAAO,IAErE,OAAO;QAEpB;IACJ,GAAG;QAACX,KAAK,EAAE;KAAC;IAEZ,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXI,WAAW,WAAXA,GAAW,oBAACS,eAAaA,OACzBZ,WAAW,SAAS,WAAT,GACR,oBAACa,MAAIA;QAAC,eAAa;OACdb,UAAU,GAAG,CAACc,CAAAA,WAAAA,WAAAA,GACX,oBAACC,kBAAgBA;YAAC,UAAUD;YAAU,KAAKA,SAAS,EAAE;6BAI9D,oBAAC;QAAI,WAAW;OAAQ;AAIxC"}

package/modules/pages/PageEditor/Revisions/usePageEditorDrawer.d.ts

@@ -0,0 +1,11 @@
+export interface PageEditorDrawerContext {
+    isRevisionListOpen: boolean;
+    openRevisionList: (open: boolean) => void;
+}
+export declare const usePageEditorDrawer: () => PageEditorDrawerContext;
+export declare const PageEditorDrawerProvider: {
+    ({ children, ...props }: PageEditorDrawerContext & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};

package/modules/pages/PageEditor/Revisions/usePageEditorDrawer.js

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

package/modules/pages/PageEditor/Revisions/usePageEditorDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modules/pages/PageEditor/Revisions/usePageEditorDrawer.js","sources":["../../../../../src/modules/pages/PageEditor/Revisions/usePageEditorDrawer.ts"],"sourcesContent":["import { createGenericContext } from \"@webiny/app\";\n\nexport interface PageEditorDrawerContext {\n    isRevisionListOpen: boolean;\n    openRevisionList: (open: boolean) => void;\n}\n\nconst { Provider, useHook } =\n    createGenericContext<PageEditorDrawerContext>(\"PageEditorDrawerContext\");\n\nexport const usePageEditorDrawer = useHook;\nexport const PageEditorDrawerProvider = Provider;\n"],"names":["Provider","useHook","createGenericContext","usePageEditorDrawer","PageEditorDrawerProvider"],"mappings":";AAOA,MAAM,EAAEA,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GACvBC,qBAA8C;AAE3C,MAAMC,sBAAsBF;AAC5B,MAAMG,2BAA2BJ"}

package/modules/pages/PageEditor/Revisions/useRevision.d.ts

@@ -0,0 +1,11 @@
+import type { PageRevision } from "../../../../domain/PageRevision/index.js";
+export interface UseRevisionProps {
+    revision: PageRevision;
+}
+export declare const useRevision: (props: UseRevisionProps) => {
+    createRevision: () => void;
+    editRevision: () => void;
+    deleteRevision: () => void;
+    publishRevision: () => void;
+    unpublishRevision: () => void;
+};