@webiny/app-website-builder 6.0.0 → 6.1.0-beta.1

package/modules/pages/PageEditor/PageSettings/elements/SeoNoFollow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Switch","Bind","SeoNoFollow","createElement","Column","span","name","defaultValue","label","description"],"sources":["SeoNoFollow.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Switch } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const SeoNoFollow = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.seo.noFollow\"} defaultValue={false}>\n                <Switch\n                    label={\"No Follow\"}\n                    description={\"Whether search engines should follow links on this page\"}\n                />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE,yBAA0B;IAACC,YAAY,EAAE;EAAM,gBACvDT,KAAA,CAAAK,aAAA,CAACH,MAAM;IACHQ,KAAK,EAAE,WAAY;IACnBC,WAAW,EAAE;EAA0D,CAC1E,CACC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SeoNoIndex.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SeoNoIndex.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { Grid, Switch } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const SeoNoIndex = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.noIndex",
+    defaultValue: false
+  }, /*#__PURE__*/React.createElement(Switch, {
+    label: "No Index",
+    description: "Whether this page should be indexed by search engines"
+  })));
+};
+
+//# sourceMappingURL=SeoNoIndex.js.map

package/modules/pages/PageEditor/PageSettings/elements/SeoNoIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Switch","Bind","SeoNoIndex","createElement","Column","span","name","defaultValue","label","description"],"sources":["SeoNoIndex.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Switch } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const SeoNoIndex = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.seo.noIndex\"} defaultValue={false}>\n                <Switch\n                    label={\"No Index\"}\n                    description={\"Whether this page should be indexed by search engines\"}\n                />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE,wBAAyB;IAACC,YAAY,EAAE;EAAM,gBACtDT,KAAA,CAAAK,aAAA,CAACH,MAAM;IACHQ,KAAK,EAAE,UAAW;IAClBC,WAAW,EAAE;EAAwD,CACxE,CACC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SeoTitle.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SeoTitle.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Grid, Input } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const SeoTitle = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.seo.title"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Title",
+    description: "SEO title"
+  })));
+};
+
+//# sourceMappingURL=SeoTitle.js.map

package/modules/pages/PageEditor/PageSettings/elements/SeoTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Input","Bind","SeoTitle","createElement","Column","span","name","label","description"],"sources":["SeoTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const SeoTitle = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.seo.title\"}>\n                <Input label={\"Title\"} description={\"SEO title\"} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC1B,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE;EAAuB,gBAC/BR,KAAA,CAAAK,aAAA,CAACH,KAAK;IAACO,KAAK,EAAE,OAAQ;IAACC,WAAW,EAAE;EAAY,CAAE,CAChD,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SocialDescription.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SocialDescription.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Grid, Textarea } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const SocialDescription = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.social.description"
+  }, /*#__PURE__*/React.createElement(Textarea, {
+    label: "Description",
+    description: "Description for social platforms (og:description)"
+  })));
+};
+
+//# sourceMappingURL=SocialDescription.js.map

package/modules/pages/PageEditor/PageSettings/elements/SocialDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Textarea","Bind","SocialDescription","createElement","Column","span","name","label","description"],"sources":["SocialDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Textarea } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const SocialDescription = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.social.description\"}>\n                <Textarea\n                    label={\"Description\"}\n                    description={\"Description for social platforms (og:description)\"}\n                />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,kBAAkB;AACjD,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE;EAAgC,gBACxCR,KAAA,CAAAK,aAAA,CAACH,QAAQ;IACLO,KAAK,EAAE,aAAc;IACrBC,WAAW,EAAE;EAAoD,CACpE,CACC,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SocialImage.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SocialImage.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { FileManager } from "@webiny/app-admin";
+import { Grid, FilePicker } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+import { fileManagerItemToValue } from "../../../../../shared/fileManagerItemToValue.js";
+export const SocialImage = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.social.image"
+  }, ({
+    value,
+    onChange
+  }) => /*#__PURE__*/React.createElement(FileManager, {
+    images: true,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(FilePicker, {
+      label: "Image",
+      description: "Select an image for social platforms (og:image)",
+      type: "compact",
+      value: value,
+      onSelectItem: () => showFileManager(file => {
+        onChange(fileManagerItemToValue(file));
+      }),
+      onRemoveItem: () => onChange(undefined)
+    })
+  })));
+};
+
+//# sourceMappingURL=SocialImage.js.map

package/modules/pages/PageEditor/PageSettings/elements/SocialImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FileManager","Grid","FilePicker","Bind","fileManagerItemToValue","SocialImage","createElement","Column","span","name","value","onChange","images","render","showFileManager","label","description","type","onSelectItem","file","onRemoveItem","undefined"],"sources":["SocialImage.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"@webiny/app-admin\";\nimport { Grid, FilePicker } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport { fileManagerItemToValue } from \"~/shared/fileManagerItemToValue.js\";\n\nexport const SocialImage = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.social.image\"}>\n                {({ value, onChange }) => (\n                    <FileManager\n                        images={true}\n                        render={({ showFileManager }) => (\n                            <FilePicker\n                                label={\"Image\"}\n                                description=\"Select an image for social platforms (og:image)\"\n                                type=\"compact\"\n                                value={value}\n                                onSelectItem={() =>\n                                    showFileManager(file => {\n                                        onChange(fileManagerItemToValue(file));\n                                    })\n                                }\n                                onRemoveItem={() => onChange(undefined)}\n                            />\n                        )}\n                    />\n                )}\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AACnD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,sBAAsB;AAE/B,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIN,KAAA,CAAAO,aAAA,CAACL,IAAI,CAACM,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBT,KAAA,CAAAO,aAAA,CAACH,IAAI;IAACM,IAAI,EAAE;EAA0B,GACjC,CAAC;IAAEC,KAAK;IAAEC;EAAS,CAAC,kBACjBZ,KAAA,CAAAO,aAAA,CAACN,WAAW;IACRY,MAAM,EAAE,IAAK;IACbC,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxBf,KAAA,CAAAO,aAAA,CAACJ,UAAU;MACPa,KAAK,EAAE,OAAQ;MACfC,WAAW,EAAC,iDAAiD;MAC7DC,IAAI,EAAC,SAAS;MACdP,KAAK,EAAEA,KAAM;MACbQ,YAAY,EAAEA,CAAA,KACVJ,eAAe,CAACK,IAAI,IAAI;QACpBR,QAAQ,CAACP,sBAAsB,CAACe,IAAI,CAAC,CAAC;MAC1C,CAAC,CACJ;MACDC,YAAY,EAAEA,CAAA,KAAMT,QAAQ,CAACU,SAAS;IAAE,CAC3C;EACH,CACL,CAEH,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SocialMetaTags.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SocialMetaTags.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Grid } from "@webiny/admin-ui";
+import { MetaTags } from "../../TopBar/Settings/MetaTags.js";
+export const SocialMetaTags = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(MetaTags, {
+    label: "Meta Tags",
+    description: "Add more Open Graph tags",
+    bindName: "properties.social.metaTags",
+    keyName: "property",
+    keyLabel: "Property",
+    valueName: "content",
+    valueLabel: "Content"
+  }));
+};
+
+//# sourceMappingURL=SocialMetaTags.js.map

package/modules/pages/PageEditor/PageSettings/elements/SocialMetaTags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","MetaTags","SocialMetaTags","createElement","Column","span","label","description","bindName","keyName","keyLabel","valueName","valueLabel"],"sources":["SocialMetaTags.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { MetaTags } from \"~/modules/pages/PageEditor/TopBar/Settings/MetaTags.js\";\n\nexport const SocialMetaTags = () => {\n    return (\n        <Grid.Column span={12}>\n            <MetaTags\n                label={\"Meta Tags\"}\n                description={\"Add more Open Graph tags\"}\n                bindName={\"properties.social.metaTags\"}\n                keyName={\"property\"}\n                keyLabel={\"Property\"}\n                valueName={\"content\"}\n                valueLabel={\"Content\"}\n            />\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,QAAQ;AAEjB,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAChC,oBACIH,KAAA,CAAAI,aAAA,CAACH,IAAI,CAACI,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBN,KAAA,CAAAI,aAAA,CAACF,QAAQ;IACLK,KAAK,EAAE,WAAY;IACnBC,WAAW,EAAE,0BAA2B;IACxCC,QAAQ,EAAE,4BAA6B;IACvCC,OAAO,EAAE,UAAW;IACpBC,QAAQ,EAAE,UAAW;IACrBC,SAAS,EAAE,SAAU;IACrBC,UAAU,EAAE;EAAU,CACzB,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/elements/SocialTitle.d.ts

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

package/modules/pages/PageEditor/PageSettings/elements/SocialTitle.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Grid, Input } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+export const SocialTitle = () => {
+  return /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "properties.social.title"
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: "Title",
+    description: "Title for social platforms (og:title)"
+  })));
+};
+
+//# sourceMappingURL=SocialTitle.js.map

package/modules/pages/PageEditor/PageSettings/elements/SocialTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","Input","Bind","SocialTitle","createElement","Column","span","name","label","description"],"sources":["SocialTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Input } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\n\nexport const SocialTitle = () => {\n    return (\n        <Grid.Column span={12}>\n            <Bind name={\"properties.social.title\"}>\n                <Input label={\"Title\"} description={\"Title for social platforms (og:title)\"} />\n            </Bind>\n        </Grid.Column>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAK,aAAA,CAACF,IAAI;IAACK,IAAI,EAAE;EAA0B,gBAClCR,KAAA,CAAAK,aAAA,CAACH,KAAK;IAACO,KAAK,EAAE,OAAQ;IAACC,WAAW,EAAE;EAAwC,CAAE,CAC5E,CACG,CAAC;AAEtB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/RevisionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","useCallback","Button","DropdownMenu","ReactComponent","ArrowDown","Draft","Unpublished","Published","useGetPageRevisions","useSelectFromDocument","useRouter","Routes","Item","statusIcon","draft","createElement","published","unpublished","RevisionsMenu","getLink","revisions","setRevisions","loading","getPageRevisions","id","document","status","entryId","split","then","sort","a","b","Date","savedOn","getTime","reverse","currentRevision","find","r","goToRevision","window","location","pathname","Pages","Editor","trigger","disabled","variant","text","getLabel","icon","iconPosition","map","revision","key","className","onClick","locked","Icon","label","element"],"sources":["RevisionsMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport { Button, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as Draft } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as Unpublished } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as Published } from \"@webiny/icons/remove_red_eye.svg\";\nimport { useGetPageRevisions } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Item } = DropdownMenu;\n\nconst statusIcon: Record<string, JSX.Element> = {\n    draft: <Draft />,\n    published: <Published />,\n    unpublished: <Unpublished />\n};\n\nexport const RevisionsMenu = () => {\n    const { getLink } = useRouter();\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n    const id = useSelectFromDocument(document => document.id);\n    const status = useSelectFromDocument<string, EditorPage>(document => document.status);\n\n    useEffect(() => {\n        const [entryId] = id.split(\"#\");\n        getPageRevisions({ entryId }).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    }, [id, status]);\n\n    const currentRevision = revisions.find(r => r.id === id);\n\n    const goToRevision = useCallback((id: string) => {\n        // TODO: make this work without a full app reload\n        window.location.pathname = getLink(Routes.Pages.Editor, { id });\n    }, []);\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Button\n                    disabled={loading}\n                    variant=\"ghost\"\n                    text={currentRevision ? currentRevision.getLabel() : \"Loading...\"}\n                    icon={<ArrowDown />}\n                    iconPosition={\"end\"}\n                />\n            }\n        >\n            {revisions.map(revision => (\n                <Item\n                    key={revision.id}\n                    className={\"cursor-pointer\"}\n                    onClick={() => goToRevision(revision.id)}\n                    disabled={revision.locked}\n                    icon={\n                        <Item.Icon\n                            label={revision.getLabel()}\n                            element={statusIcon[revision.status]}\n                        />\n                    }\n                    text={revision.getLabel()}\n                />\n            ))}\n        </DropdownMenu>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","useCallback","Button","DropdownMenu","ReactComponent","ArrowDown","Draft","Unpublished","Published","useGetPageRevisions","useSelectFromDocument","useRouter","Routes","Item","statusIcon","draft","createElement","published","unpublished","RevisionsMenu","getLink","revisions","setRevisions","loading","getPageRevisions","id","document","status","entryId","split","then","sort","a","b","Date","savedOn","getTime","reverse","currentRevision","find","r","goToRevision","window","location","pathname","Pages","Editor","trigger","disabled","variant","text","getLabel","icon","iconPosition","map","revision","key","className","onClick","locked","Icon","label","element"],"sources":["RevisionsMenu.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from \"react\";\nimport { Button, DropdownMenu } from \"@webiny/admin-ui\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_down.svg\";\nimport { ReactComponent as Draft } from \"@webiny/icons/draw.svg\";\nimport { ReactComponent as Unpublished } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as Published } from \"@webiny/icons/remove_red_eye.svg\";\nimport { useGetPageRevisions } from \"~/features/pages/index.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport type { PageRevision } from \"~/domain/PageRevision/index.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Item } = DropdownMenu;\n\nconst statusIcon: Record<string, React.JSX.Element> = {\n    draft: <Draft />,\n    published: <Published />,\n    unpublished: <Unpublished />\n};\n\nexport const RevisionsMenu = () => {\n    const { getLink } = useRouter();\n    const [revisions, setRevisions] = useState<PageRevision[]>([]);\n    const { loading, getPageRevisions } = useGetPageRevisions();\n    const id = useSelectFromDocument(document => document.id);\n    const status = useSelectFromDocument<string, EditorPage>(document => document.status);\n\n    useEffect(() => {\n        const [entryId] = id.split(\"#\");\n        getPageRevisions({ entryId }).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    }, [id, status]);\n\n    const currentRevision = revisions.find(r => r.id === id);\n\n    const goToRevision = useCallback((id: string) => {\n        // TODO: make this work without a full app reload\n        window.location.pathname = getLink(Routes.Pages.Editor, { id });\n    }, []);\n\n    return (\n        <DropdownMenu\n            trigger={\n                <Button\n                    disabled={loading}\n                    variant=\"ghost\"\n                    text={currentRevision ? currentRevision.getLabel() : \"Loading...\"}\n                    icon={<ArrowDown />}\n                    iconPosition={\"end\"}\n                />\n            }\n        >\n            {revisions.map(revision => (\n                <Item\n                    key={revision.id}\n                    className={\"cursor-pointer\"}\n                    onClick={() => goToRevision(revision.id)}\n                    disabled={revision.locked}\n                    icon={\n                        <Item.Icon\n                            label={revision.getLabel()}\n                            element={statusIcon[revision.status]}\n                        />\n                    }\n                    text={revision.getLabel()}\n                />\n            ))}\n        </DropdownMenu>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDialog.d.ts

@@ -0,0 +1,2 @@
+import type { PageSettingsOverlayProps } from "../../../../../modules/pages/PageEditor/TopBar/SettingsButton.js";
+export declare const PageSettingsDialog: ({ open, data, onClose, onSave }: PageSettingsOverlayProps) => null;

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDialog.js

@@ -0,0 +1,37 @@
+import React, { useEffect } from "react";
+import { useDialogs } from "@webiny/app-admin";
+import { SettingsDialogBody } from "./SettingsDialogBody.js";
+import { usePageEditorConfig } from "../../usePageEditorConfig.js";
+export const PageSettingsDialog = ({
+  open,
+  data,
+  onClose,
+  onSave
+}) => {
+  const dialogs = useDialogs();
+  const {
+    pageSettings
+  } = usePageEditorConfig();
+  const showDialog = () => {
+    dialogs.showDialog({
+      title: "Page Settings",
+      description: "Configure your page settings, SEO and Social metadata.",
+      dismissible: false,
+      acceptLabel: "Save Settings",
+      formData: data,
+      content: /*#__PURE__*/React.createElement(SettingsDialogBody, {
+        pageSettings: pageSettings
+      }),
+      onAccept: onSave,
+      onClose
+    });
+  };
+  useEffect(() => {
+    if (open) {
+      showDialog();
+    }
+  }, [open]);
+  return null;
+};
+
+//# sourceMappingURL=PageSettingsDialog.js.map

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useDialogs","SettingsDialogBody","usePageEditorConfig","PageSettingsDialog","open","data","onClose","onSave","dialogs","pageSettings","showDialog","title","description","dismissible","acceptLabel","formData","content","createElement","onAccept"],"sources":["PageSettingsDialog.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { SettingsDialogBody } from \"./SettingsDialogBody.js\";\nimport type { PageSettingsOverlayProps } from \"~/modules/pages/PageEditor/TopBar/SettingsButton.js\";\nimport { usePageEditorConfig } from \"~/modules/pages/PageEditor/usePageEditorConfig.js\";\n\nexport const PageSettingsDialog = ({ open, data, onClose, onSave }: PageSettingsOverlayProps) => {\n    const dialogs = useDialogs();\n    const { pageSettings } = usePageEditorConfig();\n\n    const showDialog = () => {\n        dialogs.showDialog({\n            title: \"Page Settings\",\n            description: \"Configure your page settings, SEO and Social metadata.\",\n            dismissible: false,\n            acceptLabel: \"Save Settings\",\n            formData: data,\n            content: <SettingsDialogBody pageSettings={pageSettings} />,\n            onAccept: onSave,\n            onClose\n        });\n    };\n\n    useEffect(() => {\n        if (open) {\n            showDialog();\n        }\n    }, [open]);\n\n    return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,kBAAkB;AAE3B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC,OAAO;EAAEC;AAAiC,CAAC,KAAK;EAC7F,MAAMC,OAAO,GAAGR,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAES;EAAa,CAAC,GAAGP,mBAAmB,CAAC,CAAC;EAE9C,MAAMQ,UAAU,GAAGA,CAAA,KAAM;IACrBF,OAAO,CAACE,UAAU,CAAC;MACfC,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,wDAAwD;MACrEC,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAE,eAAe;MAC5BC,QAAQ,EAAEV,IAAI;MACdW,OAAO,eAAElB,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB;QAACQ,YAAY,EAAEA;MAAa,CAAE,CAAC;MAC3DS,QAAQ,EAAEX,MAAM;MAChBD;IACJ,CAAC,CAAC;EACN,CAAC;EAEDP,SAAS,CAAC,MAAM;IACZ,IAAIK,IAAI,EAAE;MACNM,UAAU,CAAC,CAAC;IAChB;EACJ,CAAC,EAAE,CAACN,IAAI,CAAC,CAAC;EAEV,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDrawer.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { PageSettingsOverlayProps } from "../../../../../modules/pages/PageEditor/TopBar/SettingsButton.js";
+export declare const PageSettingsDrawer: ({ open, data, onSave, onClose }: PageSettingsOverlayProps) => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDrawer.js

@@ -0,0 +1,73 @@
+import React, { Fragment, useRef, useState } from "react";
+import { Form } from "@webiny/form";
+import { Drawer, Heading, Text, List, Grid } from "@webiny/admin-ui";
+import { usePageEditorConfig } from "../../usePageEditorConfig.js";
+export const PageSettingsDrawer = ({
+  open,
+  data,
+  onSave,
+  onClose
+}) => {
+  const formRef = useRef();
+  const {
+    pageSettings
+  } = usePageEditorConfig();
+  const groups = pageSettings.groups;
+  const [activeGroup, setActiveGroup] = useState(groups[0].name);
+  const group = groups.find(g => g.name === activeGroup);
+  let activeContent = null;
+  if (group) {
+    activeContent = group.elements.map((el, index) => /*#__PURE__*/React.createElement(Fragment, {
+      key: index
+    }, el.element));
+  }
+  return /*#__PURE__*/React.createElement(Drawer, {
+    open: open,
+    onClose: onClose,
+    modal: true,
+    width: 900,
+    bodyPadding: false,
+    title: "Page Settings",
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer.CancelButton, {
+      text: "Cancel"
+    }), /*#__PURE__*/React.createElement(Drawer.ConfirmButton, {
+      onClick: () => formRef.current?.submit(),
+      text: "Save Settings"
+    })),
+    headerSeparator: true,
+    footerSeparator: true,
+    className: "flex flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row flex-1 min-h-full shrink-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col",
+    style: {
+      width: 300
+    }
+  }, /*#__PURE__*/React.createElement(List, null, groups.map(group => /*#__PURE__*/React.createElement(List.Item, {
+    className: "fill-neutral-strong",
+    icon: group.icon,
+    key: group.name,
+    title: group.title,
+    description: group.description,
+    activated: activeGroup === group.name,
+    onClick: () => setActiveGroup(group.name)
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col flex-1 p-md border-l border-neutral-dimmed"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-md"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 4,
+    className: "text-neutral-primary"
+  }, group?.title), /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, group?.description)), /*#__PURE__*/React.createElement("div", {
+    className: "p-md"
+  }, /*#__PURE__*/React.createElement(Form, {
+    data: data,
+    ref: formRef,
+    onSubmit: onSave
+  }, () => /*#__PURE__*/React.createElement(Grid, null, activeContent))))));
+};
+
+//# sourceMappingURL=PageSettingsDrawer.js.map

package/modules/pages/PageEditor/TopBar/Settings/PageSettingsDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","useRef","useState","Form","Drawer","Heading","Text","List","Grid","usePageEditorConfig","PageSettingsDrawer","open","data","onSave","onClose","formRef","pageSettings","groups","activeGroup","setActiveGroup","name","group","find","g","activeContent","elements","map","el","index","createElement","key","element","modal","width","bodyPadding","title","actions","CancelButton","text","ConfirmButton","onClick","current","submit","headerSeparator","footerSeparator","className","style","Item","icon","description","activated","level","size","ref","onSubmit"],"sources":["PageSettingsDrawer.tsx"],"sourcesContent":["import React, { Fragment, useRef, useState } from \"react\";\nimport { Form, type FormAPI } from \"@webiny/form\";\nimport { Drawer, Heading, Text, List, Grid } from \"@webiny/admin-ui\";\nimport type { PageSettingsOverlayProps } from \"~/modules/pages/PageEditor/TopBar/SettingsButton.js\";\nimport { usePageEditorConfig } from \"~/modules/pages/PageEditor/usePageEditorConfig.js\";\n\nexport const PageSettingsDrawer = ({ open, data, onSave, onClose }: PageSettingsOverlayProps) => {\n    const formRef = useRef<FormAPI | undefined>();\n    const { pageSettings } = usePageEditorConfig();\n\n    const groups = pageSettings.groups;\n\n    const [activeGroup, setActiveGroup] = useState(groups[0].name);\n\n    const group = groups.find(g => g.name === activeGroup);\n\n    let activeContent = null;\n    if (group) {\n        activeContent = group.elements.map((el, index) => (\n            <Fragment key={index}>{el.element}</Fragment>\n        ));\n    }\n\n    return (\n        <Drawer\n            open={open}\n            onClose={onClose}\n            modal={true}\n            width={900}\n            bodyPadding={false}\n            title={\"Page Settings\"}\n            actions={\n                <>\n                    <Drawer.CancelButton text={\"Cancel\"} />\n                    <Drawer.ConfirmButton\n                        onClick={() => formRef.current?.submit()}\n                        text={\"Save Settings\"}\n                    />\n                </>\n            }\n            headerSeparator={true}\n            footerSeparator={true}\n            className={\"flex flex-col\"}\n        >\n            <div className={\"flex flex-row flex-1 min-h-full shrink-0\"}>\n                <div className={\"flex flex-col\"} style={{ width: 300 }}>\n                    <List>\n                        {groups.map(group => (\n                            <List.Item\n                                className={\"fill-neutral-strong\"}\n                                icon={group.icon}\n                                key={group.name}\n                                title={group.title}\n                                description={group.description}\n                                activated={activeGroup === group.name}\n                                onClick={() => setActiveGroup(group.name)}\n                            />\n                        ))}\n                    </List>\n                </div>\n                <div className={\"flex flex-col flex-1 p-md border-l border-neutral-dimmed\"}>\n                    <div className={\"p-md\"}>\n                        <Heading level={4} className={\"text-neutral-primary\"}>\n                            {group?.title}\n                        </Heading>\n                        <Text size={\"sm\"}>{group?.description}</Text>\n                    </div>\n                    <div className={\"p-md\"}>\n                        <Form data={data} ref={formRef} onSubmit={onSave}>\n                            {() => <Grid>{activeContent}</Grid>}\n                        </Form>\n                    </div>\n                </div>\n            </div>\n        </Drawer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.d.ts

@@ -1,2 +1,6 @@
 import React from "react";
-export declare const SettingsDialogBody: () => React.JSX.Element;
+import type { EditorPageSettings } from "../../../../../modules/pages/PageEditor/usePageEditorConfig.js";
+export interface SettingsDialogBodyProps {
+    pageSettings: EditorPageSettings;
+}
+export declare const SettingsDialogBody: ({ pageSettings }: SettingsDialogBodyProps) => React.JSX.Element;

package/modules/pages/PageEditor/TopBar/Settings/SettingsDialogBody.js

@@ -1,235 +1,21 @@
 import React from "react";
-import { FileManager } from "@webiny/app-admin";
-import { Tabs, Grid, Input, Textarea, FilePicker, Switch, CodeEditor, Text } from "@webiny/admin-ui";
-import { Bind } from "@webiny/form";
-import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
-import { ReactComponent as SeoIcon } from "@webiny/icons/search.svg";
-import { validation } from "@webiny/validation";
-import { ReactComponent as SocialIcon } from "@webiny/icons/thumb_up.svg";
-import { ReactComponent as SchemaIcon } from "@webiny/icons/schema.svg";
-import { MetaTags } from "./MetaTags.js";
-import { SimpleTags } from "./SimpleTags.js";
-import { fileManagerItemToValue } from "../../../../../shared/fileManagerItemToValue.js";
-const PATHNAME_REGEX = new RegExp(`^\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?$`);
-const validatePathname = pathname => {
-  if (!pathname) {
-    return;
-  }
-  if (PATHNAME_REGEX.test(pathname)) {
-    return;
-  }
-  throw new Error(`Enter a valid pathname, e.g.: /path/to/page?query=value`);
-};
-export const SettingsDialogBody = () => {
+import { Tabs, Grid } from "@webiny/admin-ui";
+export const SettingsDialogBody = ({
+  pageSettings
+}) => {
   return /*#__PURE__*/React.createElement(Tabs, {
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "general",
-      value: "general",
-      trigger: "General",
-      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
-      content: /*#__PURE__*/React.createElement(GeneralSettingsForm, null)
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "seo",
-      value: "seo",
-      trigger: "SEO",
-      icon: /*#__PURE__*/React.createElement(SeoIcon, null),
-      content: /*#__PURE__*/React.createElement(SeoSettingsForm, null)
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "social",
-      value: "social",
-      trigger: "Social",
-      icon: /*#__PURE__*/React.createElement(SocialIcon, null),
-      content: /*#__PURE__*/React.createElement(SocialSettingsForm, null)
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "schema",
-      value: "schema",
-      trigger: "Schema",
-      icon: /*#__PURE__*/React.createElement(SchemaIcon, null),
-      content: /*#__PURE__*/React.createElement(SchemaForm, null)
-    })]
+    tabs: pageSettings.groups.map(group => /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: group.name,
+      value: group.name,
+      trigger: group.title,
+      icon: group.icon,
+      content: /*#__PURE__*/React.createElement(Grid, {
+        className: "mt-md"
+      }, (group.elements || []).map(el => /*#__PURE__*/React.createElement(React.Fragment, {
+        key: el.name
+      }, el.element)))
+    }))
   });
 };
-const GeneralSettingsForm = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.title",
-    validators: [validation.create("required")]
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Page title"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.path",
-    validators: [validation.create("required")]
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Path"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.snippet"
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    label: "Snippet"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.image"
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(FileManager, {
-    images: true,
-    render: ({
-      showFileManager
-    }) => /*#__PURE__*/React.createElement(FilePicker, {
-      label: "Image",
-      description: "Select an image to represent this page",
-      type: "compact",
-      value: value,
-      onSelectItem: () => showFileManager(file => {
-        onChange(fileManagerItemToValue(file));
-      }),
-      onRemoveItem: () => onChange(undefined)
-    })
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(SimpleTags, {
-    bindName: "properties.tags",
-    label: "Tags",
-    description: "Add page tags. These can be used for page rendering, filtering, etc."
-  })));
-};
-const SeoSettingsForm = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.seo.title"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Title",
-    description: "SEO title"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.seo.description"
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    label: "Description",
-    description: "SEO description"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(MetaTags, {
-    label: "Meta Tags",
-    description: "Add SEO tags",
-    bindName: "properties.seo.metaTags",
-    keyName: "name",
-    keyLabel: "Name",
-    valueName: "content",
-    valueLabel: "Content"
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.seo.canonicalUrl",
-    validators: [validatePathname]
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Canonical URL",
-    description: "The canonical URL for this page"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.seo.noIndex",
-    defaultValue: false
-  }, /*#__PURE__*/React.createElement(Switch, {
-    label: "No Index",
-    description: "Whether this page should be indexed by search engines"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.seo.noFollow",
-    defaultValue: false
-  }, /*#__PURE__*/React.createElement(Switch, {
-    label: "No Follow",
-    description: "Whether search engines should follow links on this page"
-  }))));
-};
-const SocialSettingsForm = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.social.title"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Title",
-    description: "Title for social platforms (og:title)"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.social.description"
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    label: "Description",
-    description: "Description for social platforms (og:description)"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.social.image"
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(FileManager, {
-    images: true,
-    render: ({
-      showFileManager
-    }) => /*#__PURE__*/React.createElement(FilePicker, {
-      label: "Image",
-      description: "Select an image for social platforms (og:image)",
-      type: "compact",
-      value: value,
-      onSelectItem: () => showFileManager(file => {
-        onChange(fileManagerItemToValue(file));
-      }),
-      onRemoveItem: () => onChange(undefined)
-    })
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(MetaTags, {
-    label: "Meta Tags",
-    description: "Add more Open Graph tags",
-    bindName: "properties.social.metaTags",
-    keyName: "property",
-    keyLabel: "Property",
-    valueName: "content",
-    valueLabel: "Content"
-  })));
-};
-const SchemaForm = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: ""
-  }, "Enter your\xA0", /*#__PURE__*/React.createElement("a", {
-    href: "https://schema.org",
-    target: "_blank",
-    rel: "noreferrer noopener"
-  }, "schema.org"), "\xA0 markup for this page:")), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "properties.seo.structuredSchema",
-    defaultValue: ""
-  }, ({
-    value,
-    onChange
-  }) => /*#__PURE__*/React.createElement(CodeEditor, {
-    value: value,
-    height: 400,
-    onChange: onChange,
-    language: "html"
-  }))));
-};
 
 //# sourceMappingURL=SettingsDialogBody.js.map