@uxf/cms 14.0.0 → 14.1.0

package/pages/content-builder/content/gallery.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Gallery = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const upload_file_1 = require("@uxf/core/api/upload-file");
 const dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
 const dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
@@ -12,18 +13,49 @@ const remove_confirm_handler_1 = require("../../../utils/remove-confirm-handler"
 const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const fileUploadHandler = (0, upload_file_1.createUploadHandler)("default");
-const Gallery = (props) => {
+const Gallery = props => {
+    const $ = (0, compiler_runtime_1.c)(9);
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
-    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
-        react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
-        visibility && (react_1.default.createElement("div", { className: "p-4" },
+    let t0;
+    if ($[0] !== props) {
+        t0 = react_1.default.createElement(content_header_1.ContentHeader, { ...props });
+        $[0] = props;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    let t1;
+    if ($[2] !== props.control || $[3] !== props.name || $[4] !== visibility) {
+        t1 = visibility && react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement(dropzone_input_1.DropzoneInput, { control: props.control, name: `${props.name}.images`, onUploadFile: fileUploadHandler }),
-            react_1.default.createElement(dropzone_list_1.DropzoneList, { className: "mt-4", control: props.control, name: `${props.name}.images`, onRemoveConfirm: remove_confirm_handler_1.removeConfirmHandler })))));
+            react_1.default.createElement(dropzone_list_1.DropzoneList, { className: "mt-4", control: props.control, name: `${props.name}.images`, onRemoveConfirm: remove_confirm_handler_1.removeConfirmHandler }));
+        $[2] = props.control;
+        $[3] = props.name;
+        $[4] = visibility;
+        $[5] = t1;
+    }
+    else {
+        t1 = $[5];
+    }
+    let t2;
+    if ($[6] !== t0 || $[7] !== t1) {
+        t2 = react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
+            t0,
+            t1);
+        $[6] = t0;
+        $[7] = t1;
+        $[8] = t2;
+    }
+    else {
+        t2 = $[8];
+    }
+    return t2;
 };
 exports.Gallery = Gallery;
 exports.Gallery.getConfig = () => {
     return {
         type: "gallery",
-        label: "Galerie",
+        label: "Galerie"
     };
 };

package/pages/content-builder/content/hero-section.js

@@ -4,18 +4,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroSection = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const text_input_1 = require("@uxf/form/text-input");
 const react_1 = __importDefault(require("react"));
 const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
 const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
-const HeroSection = (props) => {
+const HeroSection = props => {
+    const $ = (0, compiler_runtime_1.c)(10);
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
-        react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
-        visibility && (react_1.default.createElement("div", { className: "p-4" },
+    let t0;
+    if ($[0] !== props) {
+        t0 = react_1.default.createElement(content_header_1.ContentHeader, { ...props });
+        $[0] = props;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    let t1;
+    if ($[2] !== props.control || $[3] !== props.name || $[4] !== t || $[5] !== visibility) {
+        t1 = visibility && react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
                     react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: t("uxf-cms-pages-content-builder:content.hero-section.title"), name: `${props.name}.title` })),
@@ -24,12 +35,34 @@ const HeroSection = (props) => {
                 react_1.default.createElement("div", { className: "col-span-12" },
                     react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { control: props.control, name: `${props.name}.text` })),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "CTA url", name: `${props.name}.ctaUrl` })))))));
+                    react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "CTA url", name: `${props.name}.ctaUrl` }))));
+        $[2] = props.control;
+        $[3] = props.name;
+        $[4] = t;
+        $[5] = visibility;
+        $[6] = t1;
+    }
+    else {
+        t1 = $[6];
+    }
+    let t2;
+    if ($[7] !== t0 || $[8] !== t1) {
+        t2 = react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
+            t0,
+            t1);
+        $[7] = t0;
+        $[8] = t1;
+        $[9] = t2;
+    }
+    else {
+        t2 = $[9];
+    }
+    return t2;
 };
 exports.HeroSection = HeroSection;
 exports.HeroSection.getConfig = () => {
     return {
         type: "heroSection",
-        label: "Hero sekce",
+        label: "Hero sekce"
     };
 };

package/pages/content-builder/content/people.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.People = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const upload_file_1 = require("@uxf/core/api/upload-file");
 const translations_1 = require("@uxf/core-react/translations");
 const file_input_1 = require("@uxf/form/file-input");
@@ -15,27 +16,50 @@ const react_hook_form_1 = require("react-hook-form");
 const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const fileUploadHandler = (0, upload_file_1.createUploadHandler)("default");
-const People = (props) => {
+const People = props => {
+    const $ = (0, compiler_runtime_1.c)(16);
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
     const t = (0, translations_1.useUxfTranslation)();
-    const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: `${props.name}.people` });
-    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
-        react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
-        visibility && (react_1.default.createElement("div", { className: "p-4" },
+    const t0 = `${props.name}.people`;
+    let t1;
+    if ($[0] !== props.control || $[1] !== t0) {
+        t1 = {
+            control: props.control,
+            name: t0
+        };
+        $[0] = props.control;
+        $[1] = t0;
+        $[2] = t1;
+    }
+    else {
+        t1 = $[2];
+    }
+    const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)(t1);
+    let t2;
+    if ($[3] !== props) {
+        t2 = react_1.default.createElement(content_header_1.ContentHeader, { ...props });
+        $[3] = props;
+        $[4] = t2;
+    }
+    else {
+        t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== append || $[6] !== fields || $[7] !== props.control || $[8] !== props.name || $[9] !== remove || $[10] !== t || $[11] !== visibility) {
+        t3 = visibility && react_1.default.createElement("div", { className: "p-4" },
             fields.map((field, index) => {
                 const handleRemove = () => {
-                    // eslint-disable-next-line no-alert
                     if (confirm(t("uxf-cms-pages-content-builder:content.people.confirm-delete-person"))) {
                         remove(index);
                     }
                 };
-                return (react_1.default.createElement("div", { className: "border-primary mb-8 border-l-2 pl-8", key: field.id },
+                return react_1.default.createElement("div", { className: "border-primary mb-8 border-l-2 pl-8", key: field.id },
                     react_1.default.createElement("div", { className: "flex justify-between" },
                         react_1.default.createElement("h4", { className: "uxf-typo-h6 mb-3 pt-1" }, t("uxf-cms-pages-content-builder:content.people.person-title", {
-                            index: index + 1,
+                            index: index + 1
                         })),
-                        index > 0 ? (react_1.default.createElement("div", null,
-                            react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.people.delete-person")))) : (react_1.default.createElement("div", null))),
+                        index > 0 ? react_1.default.createElement("div", null,
+                            react_1.default.createElement(button_1.Button, { onClick: handleRemove, size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.people.delete-person"))) : react_1.default.createElement("div", null)),
                     react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                         react_1.default.createElement("div", { className: "col-span-12 sm:col-span-6" },
                             react_1.default.createElement(text_input_1.TextInput, { control: props.control, isRequired: true, label: t("uxf-cms-pages-content-builder:content.people.name"), name: `${props.name}.people.${index}.name` })),
@@ -48,14 +72,41 @@ const People = (props) => {
                         react_1.default.createElement("div", { className: "col-span-6" },
                             react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: t("uxf-cms-pages-content-builder:content.people.phone"), name: `${props.name}.people.${index}.phone`, type: "tel" })),
                         react_1.default.createElement("div", { className: "col-span-6" },
-                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "E-mail", name: `${props.name}.people.${index}.email`, type: "email" })))));
+                            react_1.default.createElement(text_input_1.TextInput, { control: props.control, label: "E-mail", name: `${props.name}.people.${index}.email`, type: "email" }))));
             }),
-            react_1.default.createElement(button_1.Button, { onClick: () => append({ name: "" }), size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.people.add-person"))))));
+            react_1.default.createElement(button_1.Button, { onClick: () => append({
+                    name: ""
+                }), size: "sm", variant: "secondary" }, t("uxf-cms-pages-content-builder:content.people.add-person")));
+        $[5] = append;
+        $[6] = fields;
+        $[7] = props.control;
+        $[8] = props.name;
+        $[9] = remove;
+        $[10] = t;
+        $[11] = visibility;
+        $[12] = t3;
+    }
+    else {
+        t3 = $[12];
+    }
+    let t4;
+    if ($[13] !== t2 || $[14] !== t3) {
+        t4 = react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
+            t2,
+            t3);
+        $[13] = t2;
+        $[14] = t3;
+        $[15] = t4;
+    }
+    else {
+        t4 = $[15];
+    }
+    return t4;
 };
 exports.People = People;
 exports.People.getConfig = () => {
     return {
         type: "people",
-        label: "Lidé",
+        label: "Lidé"
     };
 };

package/pages/content-builder/content/wysiwyg.js

@@ -4,28 +4,82 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wysiwyg = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
 const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
-const Wysiwyg = (props) => {
+const Wysiwyg = props => {
+    const $ = (0, compiler_runtime_1.c)(19);
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
-        react_1.default.createElement(content_header_1.ContentHeader, { TypeInputProps: props.TypeInputProps, control: props.control, id: props.id, index: props.index, name: props.name, onRemove: props.onRemove, title: props.title }),
-        visibility && (react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, className: "p-4", control: props.control, editorProps: props.editorProps, isRequired: true, label: t("uxf-cms-pages-content-builder:content.wysiwyg.text"), name: `${props.name}.content`, placeholder: t("uxf-cms-pages-content-builder:content.wysiwyg.placeholder"), plugins: props.plugins }))));
+    let t0;
+    if ($[0] !== props.TypeInputProps || $[1] !== props.control || $[2] !== props.id || $[3] !== props.index || $[4] !== props.name || $[5] !== props.onRemove || $[6] !== props.title) {
+        t0 = react_1.default.createElement(content_header_1.ContentHeader, { TypeInputProps: props.TypeInputProps, control: props.control, id: props.id, index: props.index, name: props.name, onRemove: props.onRemove, title: props.title });
+        $[0] = props.TypeInputProps;
+        $[1] = props.control;
+        $[2] = props.id;
+        $[3] = props.index;
+        $[4] = props.name;
+        $[5] = props.onRemove;
+        $[6] = props.title;
+        $[7] = t0;
+    }
+    else {
+        t0 = $[7];
+    }
+    let t1;
+    if ($[8] !== props.allPluginsOptions || $[9] !== props.control || $[10] !== props.editorProps || $[11] !== props.name || $[12] !== props.plugins || $[13] !== t || $[14] !== visibility) {
+        t1 = visibility && react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, className: "p-4", control: props.control, editorProps: props.editorProps, isRequired: true, label: t("uxf-cms-pages-content-builder:content.wysiwyg.text"), name: `${props.name}.content`, placeholder: t("uxf-cms-pages-content-builder:content.wysiwyg.placeholder"), plugins: props.plugins });
+        $[8] = props.allPluginsOptions;
+        $[9] = props.control;
+        $[10] = props.editorProps;
+        $[11] = props.name;
+        $[12] = props.plugins;
+        $[13] = t;
+        $[14] = visibility;
+        $[15] = t1;
+    }
+    else {
+        t1 = $[15];
+    }
+    let t2;
+    if ($[16] !== t0 || $[17] !== t1) {
+        t2 = react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
+            t0,
+            t1);
+        $[16] = t0;
+        $[17] = t1;
+        $[18] = t2;
+    }
+    else {
+        t2 = $[18];
+    }
+    return t2;
 };
 exports.Wysiwyg = Wysiwyg;
 const defaultGetConfig = () => {
     return {
         type: "wysiwyg",
-        label: "Strukturovaný text",
+        label: "Strukturovaný text"
     };
 };
 exports.Wysiwyg.create = (config = {}) => {
     const { editorProps, allPluginsOptions, plugins } = config;
-    const Component = (props) => (react_1.default.createElement(exports.Wysiwyg, { allPluginsOptions: allPluginsOptions, plugins: plugins, ...props, editorProps: editorProps }));
+    const Component = props => {
+        const $ = (0, compiler_runtime_1.c)(2);
+        let t0;
+        if ($[0] !== props) {
+            t0 = react_1.default.createElement(exports.Wysiwyg, { allPluginsOptions: allPluginsOptions, plugins: plugins, ...props, editorProps: editorProps });
+            $[0] = props;
+            $[1] = t0;
+        }
+        else {
+            t0 = $[1];
+        }
+        return t0;
+    };
     Component.getConfig = defaultGetConfig;
     return Component;
 };

package/pages/content-builder/content-builder-page.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilderPage = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const router_1 = require("@uxf/router");
 const router_2 = require("next/router");
@@ -43,74 +44,145 @@ const config_1 = require("../../config");
 const restricted_page_1 = require("../../security/restricted-page");
 const form_1 = require("./components/form");
 const mapper_1 = require("./mapper");
-const DefaultLayout = (props) => react_1.default.createElement("div", { ...props });
+const DefaultLayout = props => {
+    "use no memo";
+    return react_1.default.createElement("div", { ...props });
+};
 const defaultInitialValues = async (id) => {
     const date = new Date();
     date.setHours(0);
     date.setMinutes(0);
     date.setMilliseconds(0);
-    return id
-        ? await (0, api_1.contentGet)(null, id).then((r) => (0, mapper_1.mapResponseToFormData)(r.data))
-        : {
-            name: "",
-            type: null,
-            author: null,
-            category: null,
-            content: {
-                data: [],
-                search: "",
-            },
-            perex: "",
-            visibilityLevel: "PRIVATE",
-            seo: {
-                name: null,
-                title: "",
-                ogTitle: "",
-                ogDescription: "",
-                description: "",
-                ogImage: null,
-            },
-            image: null,
-            publishedAt: date.toISOString(),
-            active: true,
-            tags: [],
-        };
+    return id ? await (0, api_1.contentGet)(null, id).then(r => (0, mapper_1.mapResponseToFormData)(r.data)) : {
+        name: "",
+        type: null,
+        author: null,
+        category: null,
+        content: {
+            data: [],
+            search: ""
+        },
+        perex: "",
+        visibilityLevel: "PRIVATE",
+        seo: {
+            name: null,
+            title: "",
+            ogTitle: "",
+            ogDescription: "",
+            description: "",
+            ogImage: null
+        },
+        image: null,
+        publishedAt: date.toISOString(),
+        active: true,
+        tags: []
+    };
 };
 const defaultOnSubmit = async (id, values) => {
-    return id
-        ? (0, api_1.contentUpdate)(null, id, (0, mapper_1.mapFormDataToRequest)(values)).then((r) => r.data)
-        : (0, api_1.contentCreate)(null, (0, mapper_1.mapFormDataToRequest)(values)).then((r) => r.data);
+    return id ? (0, api_1.contentUpdate)(null, id, (0, mapper_1.mapFormDataToRequest)(values)).then(r => r.data) : (0, api_1.contentCreate)(null, (0, mapper_1.mapFormDataToRequest)(values)).then(r => r.data);
 };
 const defaultOnSubmitSuccess = async (id) => {
     config_1.container.get("service.notification").success(id ? "Změny uloženy" : "Článek vytvořen");
 };
-const ContentBuilderPageComponent = (props) => {
-    var _a, _b, _c;
+const ContentBuilderPageComponent = props => {
+    var _a, _b, _d;
+    const $ = (0, compiler_runtime_1.c)(13);
     const Layout = (_a = props.config.ui.Layout) !== null && _a !== void 0 ? _a : DefaultLayout;
     const onSubmit = (_b = props.config.onSubmit) !== null && _b !== void 0 ? _b : defaultOnSubmit;
-    const onSubmitSuccess = (_c = props.config.onSubmitSuccess) !== null && _c !== void 0 ? _c : defaultOnSubmitSuccess;
-    const handleSubmit = (0, react_1.useCallback)(async (values) => {
-        const preparedValues = props.config.type ? { ...values, type: props.config.type } : values;
-        const response = await onSubmit(props.id, preparedValues);
-        await onSubmitSuccess(props.id, preparedValues, response);
-    }, [onSubmit, onSubmitSuccess, props.id, props.config]);
-    return (react_1.default.createElement(Layout, null,
-        react_1.default.createElement("div", { className: "-mx-4 md:-mx-10" },
-            react_1.default.createElement(form_1.Form, { config: props.config, defaultValues: props.initialValues, id: props.id, onSubmit: handleSubmit }))));
+    const onSubmitSuccess = (_d = props.config.onSubmitSuccess) !== null && _d !== void 0 ? _d : defaultOnSubmitSuccess;
+    let t0;
+    if ($[0] !== onSubmit || $[1] !== onSubmitSuccess || $[2] !== props.config.type || $[3] !== props.id) {
+        t0 = async (values) => {
+            const preparedValues = props.config.type ? {
+                ...values,
+                type: props.config.type
+            } : values;
+            const response = await onSubmit(props.id, preparedValues);
+            await onSubmitSuccess(props.id, preparedValues, response);
+        };
+        $[0] = onSubmit;
+        $[1] = onSubmitSuccess;
+        $[2] = props.config.type;
+        $[3] = props.id;
+        $[4] = t0;
+    }
+    else {
+        t0 = $[4];
+    }
+    const handleSubmit = t0;
+    let t1;
+    if ($[5] !== handleSubmit || $[6] !== props.config || $[7] !== props.id || $[8] !== props.initialValues) {
+        t1 = react_1.default.createElement("div", { className: "-mx-4 md:-mx-10" },
+            react_1.default.createElement(form_1.Form, { config: props.config, defaultValues: props.initialValues, id: props.id, onSubmit: handleSubmit }));
+        $[5] = handleSubmit;
+        $[6] = props.config;
+        $[7] = props.id;
+        $[8] = props.initialValues;
+        $[9] = t1;
+    }
+    else {
+        t1 = $[9];
+    }
+    let t2;
+    if ($[10] !== Layout || $[11] !== t1) {
+        t2 = react_1.default.createElement(Layout, null, t1);
+        $[10] = Layout;
+        $[11] = t1;
+        $[12] = t2;
+    }
+    else {
+        t2 = $[12];
+    }
+    return t2;
 };
 ContentBuilderPageComponent.displayName = "ContentBuilderComponent";
 /** @deprecated use ContentBuilder from @uxf/cms/content-builder */
-const ContentBuilderPage = (config) => {
+const ContentBuilderPage = config => {
     const Page = () => {
         var _a;
+        const $ = (0, compiler_runtime_1.c)(8);
         const router = (0, router_2.useRouter)();
-        const id = (_a = (0, router_1.queryParamToNumber)(router.query.id)) !== null && _a !== void 0 ? _a : null;
+        let t0;
+        if ($[0] !== router.query.id) {
+            t0 = (_a = (0, router_1.queryParamToNumber)(router.query.id)) !== null && _a !== void 0 ? _a : null;
+            $[0] = router.query.id;
+            $[1] = t0;
+        }
+        else {
+            t0 = $[1];
+        }
+        const id = t0;
         const [initialValues, setInitialValues] = (0, react_1.useState)(null);
-        (0, react_1.useEffect)(() => {
-            defaultInitialValues(id).then((r) => setInitialValues(r));
-        }, [id]);
-        return ((0, is_not_nil_1.isNotNil)(initialValues) && (react_1.default.createElement(ContentBuilderPageComponent, { config: config, id: id, initialValues: initialValues, key: id })));
+        let t1;
+        let t2;
+        if ($[2] !== id) {
+            t1 = () => {
+                defaultInitialValues(id).then(r => setInitialValues(r));
+            };
+            t2 = [id];
+            $[2] = id;
+            $[3] = t1;
+            $[4] = t2;
+        }
+        else {
+            t1 = $[3];
+            t2 = $[4];
+        }
+        (0, react_1.useEffect)(t1, t2);
+        let t3;
+        if ($[5] !== id || $[6] !== initialValues) {
+            t3 = (0, is_not_nil_1.isNotNil)(initialValues) && react_1.default.createElement(ContentBuilderPageComponent, { config: config, id: id, initialValues: initialValues, key: id });
+            $[5] = id;
+            $[6] = initialValues;
+            $[7] = t3;
+        }
+        else {
+            t3 = $[7];
+        }
+        return t3;
     };
-    return (0, restricted_page_1.restrictedPage)(Page, { allowedRole: config.allowedRoles || ["ROLE_ROOT"] });
+    return (0, restricted_page_1.restrictedPage)(Page, {
+        allowedRole: config.allowedRoles || ["ROLE_ROOT"]
+    });
 };
 exports.ContentBuilderPage = ContentBuilderPage;