@uxf/cms 6.0.0-beta.9 → 10.0.0-beta.6

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

@@ -0,0 +1,106 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilderPage = void 0;
+const react_1 = __importStar(require("react"));
+const form_1 = require("./components/form");
+const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
+const api_1 = require("../../api");
+const router_1 = require("@uxf/router");
+const mapper_1 = require("./mapper");
+const config_1 = require("../../config");
+const DefaultLayout = (props) => react_1.default.createElement("div", { ...props });
+const defaultInitialValues = async (ctx) => {
+    const contentId = ctx.query.id ? (0, router_1.queryParamToNumber)(ctx.query.id) : null;
+    const date = new Date();
+    date.setHours(0);
+    date.setMinutes(0);
+    date.setMilliseconds(0);
+    return contentId
+        ? await (0, api_1.contentGet)(ctx, contentId).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);
+};
+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 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, id: props.id, onSubmit: handleSubmit, defaultValues: props.initialValues }))));
+};
+ContentBuilderPageComponent.displayName = "ContentBuilderComponent";
+const ContentBuilderPage = (config) => {
+    const Page = (props) => {
+        return react_1.default.createElement(ContentBuilderPageComponent, { config: config, initialValues: props.initialValues, id: props.id });
+    };
+    Page.getInitialProps = async (ctx) => {
+        var _a, _b;
+        const contentId = (_a = (0, router_1.queryParamToNumber)(ctx.query.id)) !== null && _a !== void 0 ? _a : null; // TODO @vejvis - nekompatibilní s initial values
+        const initialValues = (_b = config.initialValues) !== null && _b !== void 0 ? _b : defaultInitialValues;
+        return {
+            id: contentId,
+            initialValues: typeof initialValues === "function" ? await initialValues(ctx) : initialValues,
+        };
+    };
+    return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Page);
+};
+exports.ContentBuilderPage = ContentBuilderPage;

package/pages/content-builder/content-field.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { ContentComponent } from "./types";
+import { Control } from "react-hook-form";
+interface ContentFieldProps {
+    contentComponents: ContentComponent<any>[];
+    name: string;
+    control: Control<any>;
+}
+export declare const ContentField: FC<ContentFieldProps>;
+export {};

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

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentField = void 0;
+const form_content_1 = require("./components/form-content");
+const react_1 = __importDefault(require("react"));
+const button_1 = require("@uxf/ui/button");
+const react_hook_form_1 = require("react-hook-form");
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
+const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const use_sortable_1 = require("./hooks/use-sortable");
+const details_visibility_context_1 = require("./context/details-visibility-context");
+const icon_1 = require("@uxf/ui/icon");
+const ContentField = (props) => {
+    const { fields, remove, insert, move } = (0, react_hook_form_1.useFieldArray)({
+        name: `${props.name}.data`,
+        control: props.control,
+    });
+    const createSection = (component, index) => {
+        insert(index + 1, { type: component.getConfig().type, content: null });
+        (0, modal_service_1.closeModal)();
+    };
+    const { memoizedSensors, activeItem, itemsIds, dropAnimationConfig, onDragStart, onDragEnd, onDragCancel } = (0, use_sortable_1.useSortable)({
+        fields,
+        handleDragEnd: move,
+    });
+    const activeItemIndex = fields.findIndex((f) => f.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
+    const setVisibilityForAll = (0, details_visibility_context_1.useDetailsVisibilityControls)();
+    return (react_1.default.createElement("div", { className: "grow px-4 pb-8 xl:overflow-y-auto" },
+        react_1.default.createElement("div", { className: "mb-4 mt-6 flex flex-wrap items-center justify-between gap-4" },
+            react_1.default.createElement("h2", { className: "uxf-typo-h5" }, "Obsah"),
+            fields.length > 1 && (react_1.default.createElement("div", { className: "flex justify-end space-x-4" },
+                react_1.default.createElement(button_1.Button, { variant: "white", size: "xs", onClick: () => setVisibilityForAll(true) },
+                    react_1.default.createElement(icon_1.Icon, { name: "arrow-down-from-line", className: "mr-1" }),
+                    "otev\u0159\u00EDt v\u0161e"),
+                react_1.default.createElement(button_1.Button, { variant: "white", size: "xs", onClick: () => setVisibilityForAll(false) },
+                    react_1.default.createElement(icon_1.Icon, { name: "arrow-up-to-line", className: "mr-1" }),
+                    "zav\u0159\u00EDt v\u0161e")))),
+        react_1.default.createElement(core_1.DndContext, { sensors: memoizedSensors, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel },
+            react_1.default.createElement(sortable_1.SortableContext, { items: itemsIds, strategy: sortable_1.verticalListSortingStrategy },
+                react_1.default.createElement("div", { className: "space-y-4 pl-8" }, fields.map((field, index) => {
+                    var _a;
+                    return (react_1.default.createElement("div", { key: field.id },
+                        react_1.default.createElement(form_content_1.FormContent, { title: (_a = props.contentComponents
+                                .find((c) => c.getConfig().type === field.type)) === null || _a === void 0 ? void 0 : _a.getConfig().label, id: field.id, name: `${props.name}.data[${index}]`, contentComponents: props.contentComponents, index: index, onRemove: () => remove(index), control: props.control, createSection: createSection })));
+                }))),
+            react_1.default.createElement(core_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, { ...activeItem, name: `${props.name}.data[${activeItemIndex}]`, contentComponents: props.contentComponents, index: activeItemIndex, control: props.control, createSection: createSection, showAddButton: false })) : null)),
+        fields.length < 1 && (react_1.default.createElement("div", null,
+            react_1.default.createElement(button_1.Button, { className: "h-20 border-2 border-dashed border-gray-600", size: "lg", variant: "text", isFullWidth: true, onClick: () => (0, modal_service_1.openModal)({
+                    children: (react_1.default.createElement("div", { className: "px-4 py-6" },
+                        react_1.default.createElement("h2", { className: "uxf-typo-h5 mb-4" }, "P\u0159idat sekci"),
+                        react_1.default.createElement("div", { className: "space-y-4" }, props.contentComponents.map((component) => (react_1.default.createElement(button_1.Button, { key: component.getConfig().type, isFullWidth: true, variant: "white", onClick: () => createSection(component, 0) }, component.getConfig().label)))))),
+                    width: "sm",
+                }) },
+                react_1.default.createElement(icon_1.Icon, { name: "plus", className: "mr-3", size: 16 }),
+                "P\u0159idat sekci")))));
+};
+exports.ContentField = ContentField;

package/pages/content-builder/content-header.d.ts

@@ -0,0 +1,3 @@
+import { ContentProps } from "./types";
+import { FC } from "react";
+export declare const ContentHeader: FC<ContentProps>;

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

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentHeader = void 0;
+const react_1 = __importStar(require("react"));
+const button_1 = require("@uxf/ui/button");
+const icon_1 = require("@uxf/ui/icon");
+const datetime_picker_input_1 = require("@uxf/ui/datetime-picker-input");
+const useClickableProps_1 = require("@uxf/core/hooks/useClickableProps");
+const details_visibility_context_1 = require("./context/details-visibility-context");
+const paper_1 = require("@uxf/ui/paper/paper");
+const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const ContentHeader = (props) => {
+    const [validityFrom, setValidityFrom] = (0, react_1.useState)(null);
+    const [validityTo, setValidityTo] = (0, react_1.useState)(null);
+    const [visibility, toggleVisibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);
+    const removeHandler = (0, react_1.useCallback)((event) => {
+        event.stopPropagation();
+        // eslint-disable-next-line no-alert
+        if (confirm("Opravdu chcete smazat sekci?")) {
+            props.onRemove();
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [props.onRemove]);
+    const clickableProps = (0, useClickableProps_1.useClickableProps)({
+        className: "flex w-full cursor-pointer flex-row items-center justify-between p-4",
+        onClick: toggleVisibility,
+    });
+    const setVisibilityHandler = (event) => {
+        event.stopPropagation();
+        (0, modal_service_1.openModal)({
+            children: (react_1.default.createElement(paper_1.Paper, { className: "space-y-4 p-4 dark:bg-gray-950" },
+                react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityFrom", label: "Platnost od", value: validityFrom, onChange: (value) => setValidityFrom(value) }),
+                react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityTo", label: "Platnost do", value: validityTo, onChange: (value) => setValidityTo(value) }))),
+            width: "sm",
+        });
+    };
+    return (react_1.default.createElement("div", { ...clickableProps },
+        react_1.default.createElement("h3", { className: "uxf-typo-h6" }, props.title),
+        react_1.default.createElement("div", { className: "flex items-center space-x-4" },
+            react_1.default.createElement("div", { className: "flex space-x-2" },
+                react_1.default.createElement(button_1.Button, { size: "sm", variant: "white", isIconButton: true, onClick: (event) => setVisibilityHandler(event) },
+                    react_1.default.createElement(icon_1.Icon, { name: "calendar" })),
+                react_1.default.createElement(button_1.Button, { size: "sm", onClick: (event) => removeHandler(event), variant: "white", isIconButton: true },
+                    react_1.default.createElement(icon_1.Icon, { name: "delete" }))),
+            react_1.default.createElement(icon_1.Icon, { name: `${visibility ? "chevronUp" : "chevronDown"}`, size: 16 }))));
+};
+exports.ContentHeader = ContentHeader;

package/pages/content-builder/context/details-visibility-context.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from "react";
+export declare const useDetailsVisibilityForSection: (sectionId: string) => readonly [boolean, () => void];
+export declare const useDetailsVisibilityControls: () => (visible: boolean) => void;
+export declare const DetailsVisibilityProvider: FC<PropsWithChildren>;

package/pages/content-builder/context/details-visibility-context.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsVisibilityProvider = exports.useDetailsVisibilityControls = exports.useDetailsVisibilityForSection = void 0;
+const react_1 = __importStar(require("react"));
+const detailsVisibilityContext = (0, react_1.createContext)([[], () => void null, true, () => void null]);
+const useDetailsVisibility = () => (0, react_1.useContext)(detailsVisibilityContext);
+const useDetailsVisibilityForSection = (sectionId) => {
+    var _a;
+    const [detailsVisibility, setDetailsVisibility, defaultVisibility] = useDetailsVisibility();
+    const nullableVisibility = (_a = detailsVisibility.find((item) => item.id === sectionId)) === null || _a === void 0 ? void 0 : _a.visible;
+    const visibility = typeof nullableVisibility === "boolean" ? nullableVisibility : defaultVisibility;
+    const toggleVisibility = (0, react_1.useCallback)(() => {
+        setDetailsVisibility((prev) => [
+            ...prev.filter((i) => i.id !== sectionId),
+            { id: sectionId, visible: !visibility },
+        ]);
+    }, [visibility, sectionId, setDetailsVisibility]);
+    return [visibility, toggleVisibility];
+};
+exports.useDetailsVisibilityForSection = useDetailsVisibilityForSection;
+const useDetailsVisibilityControls = () => {
+    const [, setDetailsVisibility, , setDefaultVisibility] = useDetailsVisibility();
+    return (0, react_1.useCallback)((visible) => {
+        setDefaultVisibility(visible);
+        setDetailsVisibility((prev) => prev.map((i) => ({ ...i, visible })));
+    }, [setDefaultVisibility, setDetailsVisibility]);
+};
+exports.useDetailsVisibilityControls = useDetailsVisibilityControls;
+const DetailsVisibilityProvider = (props) => {
+    const [defaultVisibility, setDefaultVisibility] = (0, react_1.useState)(true);
+    const [detailsVisibility, setDetailsVisibility] = (0, react_1.useState)([]);
+    return (react_1.default.createElement(detailsVisibilityContext.Provider, { value: [detailsVisibility, setDetailsVisibility, defaultVisibility, setDefaultVisibility] }, props.children));
+};
+exports.DetailsVisibilityProvider = DetailsVisibilityProvider;

package/pages/content-builder/hooks/use-sortable.d.ts

@@ -0,0 +1,15 @@
+import { DragEndEvent, DragStartEvent } from "@dnd-kit/core";
+type Props = {
+    fields: any[];
+    handleDragEnd: (activeIndex: number, overIndex: number) => void;
+};
+export declare const useSortable: ({ fields, handleDragEnd }: Props) => {
+    memoizedSensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+    dropAnimationConfig: import("@dnd-kit/core/dist/components/DragOverlay/hooks/useDropAnimation").DropAnimationOptions;
+    itemsIds: any[];
+    activeItem: any;
+    onDragStart: ({ active }: DragStartEvent) => void;
+    onDragEnd: ({ active, over }: DragEndEvent) => void;
+    onDragCancel: () => void;
+};
+export {};

package/pages/content-builder/hooks/use-sortable.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSortable = void 0;
+const react_1 = require("react");
+const core_1 = require("@dnd-kit/core");
+const sortable_1 = require("@dnd-kit/sortable");
+const useSortable = ({ fields, handleDragEnd }) => {
+    const [sortableItems, setSortableItems] = (0, react_1.useState)(fields);
+    const [activeElement, setActiveElement] = (0, react_1.useState)(null);
+    const activeItem = (0, react_1.useMemo)(() => sortableItems.find((item) => item.id === (activeElement === null || activeElement === void 0 ? void 0 : activeElement.id)), [activeElement, sortableItems]);
+    const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.PointerSensor), (0, core_1.useSensor)(core_1.KeyboardSensor, {
+        coordinateGetter: sortable_1.sortableKeyboardCoordinates,
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const memoizedSensors = (0, react_1.useMemo)(() => sensors, []);
+    const idsStringified = JSON.stringify(sortableItems.map((i) => i.id));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const itemsIds = (0, react_1.useMemo)(() => sortableItems.map((i) => i.id), [idsStringified]);
+    (0, react_1.useEffect)(() => {
+        setSortableItems(fields);
+    }, [fields]);
+    const dropAnimationConfig = {
+        sideEffects: (0, core_1.defaultDropAnimationSideEffects)({
+            styles: {
+                active: {
+                    opacity: "0.4",
+                },
+            },
+        }),
+    };
+    const onDragStart = (0, react_1.useCallback)(({ active }) => {
+        setActiveElement(active);
+    }, [setActiveElement]);
+    const onDragEnd = (0, react_1.useCallback)(({ active, over }) => {
+        if (over && active.id !== over.id) {
+            const activeIndex = sortableItems.findIndex(({ id }) => id === active.id);
+            const overIndex = sortableItems.findIndex(({ id }) => id === over.id);
+            const resorted = (0, sortable_1.arrayMove)(sortableItems, activeIndex, overIndex);
+            handleDragEnd(activeIndex, overIndex);
+            setSortableItems(resorted);
+        }
+        setActiveElement(null);
+    }, [setActiveElement, setSortableItems, handleDragEnd, sortableItems]);
+    const onDragCancel = (0, react_1.useCallback)(() => {
+        setActiveElement(null);
+    }, [setActiveElement]);
+    return {
+        memoizedSensors,
+        dropAnimationConfig,
+        itemsIds,
+        activeItem,
+        onDragStart,
+        onDragEnd,
+        onDragCancel,
+    };
+};
+exports.useSortable = useSortable;

package/pages/content-builder/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./types";
+export * from "./content-builder-page";
+export * from "./content-header";
+export * from "./content-field";
+export * from "./mapper";

package/{forms/ChangePasswordForm → pages/content-builder}/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,6 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ChangePasswordForm"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvQ2hhbmdlUGFzc3dvcmRGb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLHVEQUFxQztBQUNyQywwQ0FBd0IifQ==
+__exportStar(require("./content-builder-page"), exports);
+__exportStar(require("./content-header"), exports);
+__exportStar(require("./content-field"), exports);
+__exportStar(require("./mapper"), exports);

package/pages/content-builder/mapper.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapFormDataToRequest = exports.mapResponseToFormData = void 0;
+function mapResponseToFormData(response) {
+    var _a, _b;
+    return {
+        type: response.type || null,
+        name: response.name,
+        perex: response.perex,
+        seo: {
+            name: response.seo.name,
+            title: response.seo.title,
+            description: response.seo.description,
+            ogTitle: response.seo.ogTitle,
+            ogDescription: response.seo.ogDescription,
+            ogImage: response.seo.ogImage,
+        },
+        visibilityLevel: response.visibilityLevel,
+        image: response.image,
+        content: response.content,
+        author: response.author
+            ? {
+                id: response.author.id,
+                label: `${response.author.firstName} ${response.author.surname}`,
+            }
+            : null,
+        category: response.category
+            ? {
+                id: response.category.id,
+                label: `${response.category.name}`,
+            }
+            : null,
+        publishedAt: (_a = response.publishedAt) !== null && _a !== void 0 ? _a : new Date().toISOString(),
+        active: !response.hidden,
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        tags: (_b = response.tags) !== null && _b !== void 0 ? _b : [],
+    };
+}
+exports.mapResponseToFormData = mapResponseToFormData;
+function mapFormDataToRequest(values) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    return {
+        name: values.name,
+        perex: values.perex,
+        type: (_a = values.type) !== null && _a !== void 0 ? _a : "",
+        seo: {
+            name: (_b = values.seo.name) !== null && _b !== void 0 ? _b : "",
+            title: values.seo.title,
+            description: values.seo.description,
+            ogTitle: values.seo.ogTitle,
+            ogDescription: values.seo.ogDescription,
+            ogImage: (_d = (_c = values.seo.ogImage) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null,
+        },
+        hidden: !values.active,
+        category: (_f = (_e = values.category) === null || _e === void 0 ? void 0 : _e.id) !== null && _f !== void 0 ? _f : null,
+        author: (_h = (_g = values.author) === null || _g === void 0 ? void 0 : _g.id) !== null && _h !== void 0 ? _h : null,
+        publishedAt: values.publishedAt,
+        visibilityLevel: values.visibilityLevel,
+        image: (_k = (_j = values.image) === null || _j === void 0 ? void 0 : _j.id) !== null && _k !== void 0 ? _k : null,
+        tags: (_m = (_l = values.tags) === null || _l === void 0 ? void 0 : _l.map((t) => t.id)) !== null && _m !== void 0 ? _m : [],
+        content: {
+            data: values.content,
+            search: "", // TODO
+        },
+    };
+}
+exports.mapFormDataToRequest = mapFormDataToRequest;

package/pages/{ContentBuilder → content-builder}/types.d.ts

@@ -1,26 +1,28 @@
-import { MenuItemProps } from "@mui/material/MenuItem";
 import { NextPageContext } from "next";
-import React, { ReactNode } from "react";
-import { FieldInputProps } from "react-final-form";
-import { ContentResponse, ContentTagResponse } from "../../api";
-import { FileResponse } from "../../ui/FileUploadInput";
-export declare type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
+import { FC, ReactNode } from "react";
+import { ContentResponse, ContentTagResponse, FileResponse } from "../../api";
+import { Control, ControllerRenderProps } from "react-hook-form";
+import { SelectProps } from "@uxf/form/select";
+export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
 export interface ContentProps {
+    title: ReactNode;
+    id: string;
     name: string;
     index: number;
     onRemove: () => void;
-    TypeInputProps: FieldInputProps<string> & {
-        options: MenuItemProps[];
+    TypeInputProps: ControllerRenderProps & {
+        options: SelectProps<any>["options"];
     };
+    control: Control<any>;
 }
-export declare type ContentGetConfig<T extends Content<string, any>> = () => {
+export type ContentGetConfig<T extends Content<string, any>> = () => {
     type: T["type"];
     label: ReactNode;
 };
-export declare type ContentComponent<T extends Content<string, any>, Props extends ContentProps = ContentProps> = React.FC<Props> & {
+export type ContentComponent<T extends Content<string, any>, Props extends ContentProps = ContentProps> = FC<Props> & {
     getConfig: ContentGetConfig<T>;
 };
-export declare type ContentPageType = "BLOG" | "LANDING_PAGE" | "QUESTION" | "TERM";
+export type ContentPageType = "BLOG" | "LANDING_PAGE" | "QUESTION" | "TERM";
 export interface ContentBuilderConfig<Contents extends Content<string, any>> {
     type?: ContentPageType;
     allowedTypes?: Array<{
@@ -33,7 +35,7 @@ export interface ContentBuilderConfig<Contents extends Content<string, any>> {
     initialValues?: RootContent<Contents> | ((ctx: NextPageContext) => Promise<RootContent<Contents>>);
     allowedRoles?: string[];
     ui: {
-        Layout?: React.FC<{
+        Layout?: FC<{
             children?: ReactNode;
         }>;
     };
@@ -52,11 +54,11 @@ export interface ContentBuilderConfig<Contents extends Content<string, any>> {
         };
     };
 }
-export interface Content<Type extends string, Content> {
+export interface Content<Type extends string, ContentType> {
     type: Type;
-    content: Content;
+    content: ContentType;
 }
-export declare type RootContent<T> = {
+export type RootContent<T> = {
     type: string | null;
     active: boolean;
     visibilityLevel: VisibilityLevel;

package/pages/content-builder/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/pages/forgotten-password-page/forgotten-password-page.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForgottenPasswordPage = void 0;
+const react_1 = __importStar(require("react"));
+const config_1 = require("../../config");
+const forgotten_password_form_1 = require("../../forms/forgotten-password-form");
+const login_layout_1 = require("../../lib/login-layout");
+const INITIAL_VALUES = {
+    username: "",
+};
+const ForgottenPasswordPage = (config) => {
+    const Component = () => {
+        var _a;
+        const onSubmit = (0, react_1.useCallback)(async (values) => {
+            try {
+                await config.onSubmit(values.username);
+            }
+            catch (e) {
+                config_1.container.get("service.error").handleError(e);
+            }
+        }, []);
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, pageTitle: config.pageTitle, title: config.title },
+            react_1.default.createElement(forgotten_password_form_1.ForgottenPasswordForm, { onSubmit: onSubmit, defaultValues: INITIAL_VALUES, onLogin: config.onLogin })));
+    };
+    return Component;
+};
+exports.ForgottenPasswordPage = ForgottenPasswordPage;

package/pages/forgotten-password-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./forgotten-password-page";
+export * from "./types";

package/pages/forgotten-password-page/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./forgotten-password-page"), exports);
+__exportStar(require("./types"), exports);

package/pages/forgotten-password-page/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/pages/form-page/base-field.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { FieldProps } from "./types";
+export declare const BaseField: FC<FieldProps>;