@uxf/cms 11.74.0 → 11.74.1

package/pages/login-page/login-page.js

@@ -0,0 +1,80 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginPage = void 0;
+const router_1 = __importDefault(require("next/router"));
+const react_1 = __importStar(require("react"));
+const api_1 = require("../../api");
+const login_form_1 = require("../../forms/login-form");
+const login_layout_1 = require("../../lib/login-layout");
+const INITIAL_VALUES = {
+    username: "",
+    password: "",
+};
+const LoginPage = (config) => {
+    const Component = (props) => {
+        var _a, _b;
+        const onLogin = (0, react_1.useCallback)(async (values) => {
+            try {
+                const response = await (0, api_1.login)(null, values).then((r) => r.data);
+                await config.onLoginDone(response, props.redirectUrl);
+            }
+            catch (e) {
+                config.handleError(e);
+            }
+        }, [props.redirectUrl]);
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, hideTitle: (_b = config.ui) === null || _b === void 0 ? void 0 : _b.hideTitle, pageTitle: config.pageTitle, subTitle: config.subTitle, title: config.title },
+            react_1.default.createElement(login_form_1.LoginForm, { defaultValues: INITIAL_VALUES, onForgottenPassword: config.onForgottenPassword, onSubmit: onLogin })));
+    };
+    Component.getInitialProps = async (ctx) => {
+        const query = ctx.query;
+        if (config.loggedUserRedirectUrl) {
+            try {
+                await (0, api_1.getLoggedUser)(ctx);
+                if (typeof window === "undefined") {
+                    if (ctx.res && !ctx.res.headersSent) {
+                        ctx.res.writeHead(302, { Location: config.loggedUserRedirectUrl });
+                        ctx.res.end();
+                    }
+                }
+                else {
+                    await router_1.default.push(config.loggedUserRedirectUrl);
+                }
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            }
+            catch (e) {
+                // do nothing
+            }
+        }
+        return {
+            redirectUrl: query.redirect,
+        };
+    };
+    return Component;
+};
+exports.LoginPage = LoginPage;

package/pages/login-page/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+import { LoginResponse } from "../../api";
+export interface InitialProps {
+    redirectUrl?: string;
+}
+export interface LoginPageConfig {
+    pageTitle?: string;
+    title: ReactNode;
+    subTitle?: ReactNode;
+    onForgottenPassword?: () => void;
+    onLoginDone: (loginResponse: LoginResponse, redirectUrl?: string) => Promise<void>;
+    loggedUserRedirectUrl?: string;
+    ui?: {
+        hideTitle?: boolean;
+        Logo?: ReactNode;
+    };
+    handleError: (e: unknown) => void;
+}
+export interface LoginPageQueryParams {
+    redirect?: string;
+}

package/pages/login-page/types.js

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

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

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

package/pages/renew-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("./renew-password-page"), exports);
+__exportStar(require("./types"), exports);

package/pages/renew-password-page/renew-password-page.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { RenewPasswordPageConfig } from "./types";
+interface PageProps {
+    token: string;
+}
+export declare const RenewPasswordPage: (config: RenewPasswordPageConfig) => React.FunctionComponent<PageProps> & {
+    getInitialProps?(context: import("next").NextPageContext): PageProps | Promise<PageProps>;
+};
+export {};

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

@@ -0,0 +1,53 @@
+"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.RenewPasswordPage = void 0;
+const router_1 = require("@uxf/router");
+const react_1 = __importStar(require("react"));
+const renew_password_form_1 = require("../../forms/renew-password-form");
+const login_layout_1 = require("../../lib/login-layout");
+const INITIAL_VALUES = {
+    password: "",
+    passwordAgain: "",
+};
+const RenewPasswordPage = (config) => {
+    const Component = (props) => {
+        var _a;
+        const onSubmit = (0, react_1.useCallback)(async (values) => {
+            await config.onSubmit(props.token, values);
+        }, [props.token]);
+        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(renew_password_form_1.RenewPasswordForm, { defaultValues: INITIAL_VALUES, onSubmit: onSubmit, passwordRules: config.passwordRules })));
+    };
+    Component.getInitialProps = async (ctx) => {
+        const token = (0, router_1.queryParamToStringStrict)(ctx.query.token);
+        if (config.checkToken) {
+            await config.checkToken(ctx, token);
+        }
+        return { token };
+    };
+    return Component;
+};
+exports.RenewPasswordPage = RenewPasswordPage;

package/pages/renew-password-page/types.d.ts

@@ -0,0 +1,14 @@
+import { NextPageContext } from "next";
+import { ReactNode } from "react";
+import { SubmitErrorHandler, UseControllerProps } from "react-hook-form";
+import { RenewPasswordFormData } from "../../forms/renew-password-form";
+export interface RenewPasswordPageConfig {
+    pageTitle?: string;
+    title: ReactNode;
+    checkToken?: (ctx: NextPageContext, token: string) => Promise<void>;
+    onSubmit: (token: string, values: RenewPasswordFormData) => SubmitErrorHandler<RenewPasswordFormData> | Promise<SubmitErrorHandler<RenewPasswordFormData> | undefined | void> | undefined | void;
+    ui?: {
+        Logo?: ReactNode;
+    };
+    passwordRules?: UseControllerProps<RenewPasswordFormData>["rules"];
+}

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

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

package/pages/translations.d.ts

@@ -0,0 +1,93 @@
+declare const _default: {
+    "uxf-cms-pages-content-builder": {
+        components: {
+            "content-header": {
+                "confirm-delete-section": {
+                    cs: string;
+                };
+            };
+            header: {
+                save: {
+                    cs: string;
+                };
+            };
+        };
+        content: {
+            "hero-section": {
+                title: {
+                    cs: string;
+                };
+                subtitle: {
+                    cs: string;
+                };
+            };
+            "feature-section": {
+                title: {
+                    cs: string;
+                };
+                subtitle: {
+                    cs: string;
+                };
+                "add-feature": {
+                    cs: string;
+                };
+                "confirm-delete-feature": {
+                    cs: string;
+                };
+                "feature-title": {
+                    cs: string;
+                };
+                "delete-feature": {
+                    cs: string;
+                };
+                "feature-name": {
+                    cs: string;
+                };
+                image: {
+                    cs: string;
+                };
+            };
+            people: {
+                "confirm-delete-person": {
+                    cs: string;
+                };
+                "person-title": {
+                    cs: string;
+                };
+                "delete-person": {
+                    cs: string;
+                };
+                name: {
+                    cs: string;
+                };
+                image: {
+                    cs: string;
+                };
+                description: {
+                    cs: string;
+                };
+                text: {
+                    cs: string;
+                };
+                phone: {
+                    cs: string;
+                };
+                "add-person": {
+                    cs: string;
+                };
+            };
+            wysiwyg: {
+                text: {
+                    cs: string;
+                };
+                placeholder: {
+                    cs: string;
+                };
+            };
+        };
+        "confirm-delete-section": {
+            cs: string;
+        };
+    };
+};
+export default _default;

package/pages/translations.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-cms-pages-content-builder": {
+        components: {
+            "content-header": {
+                "confirm-delete-section": {
+                    cs: "Opravdu chcete smazat tuto sekci?",
+                },
+            },
+            header: {
+                save: {
+                    cs: "Uložit",
+                },
+            },
+        },
+        content: {
+            "hero-section": {
+                title: {
+                    cs: "Nadpis",
+                },
+                subtitle: {
+                    cs: "Podnadpis",
+                },
+            },
+            "feature-section": {
+                title: {
+                    cs: "Název sekce",
+                },
+                subtitle: {
+                    cs: "Popis sekce",
+                },
+                "add-feature": {
+                    cs: "Přidat funkci",
+                },
+                "confirm-delete-feature": {
+                    cs: "Opravdu chcete smazat tuto funkci?",
+                },
+                "feature-title": {
+                    cs: "Funkce {{index}}",
+                },
+                "delete-feature": {
+                    cs: "Smazat funkci",
+                },
+                "feature-name": {
+                    cs: "Název funkce",
+                },
+                image: {
+                    cs: "Obrázek",
+                },
+            },
+            people: {
+                "confirm-delete-person": {
+                    cs: "Opravdu chcete smazat tuto osobu?",
+                },
+                "person-title": {
+                    cs: "Osoba {{index}}",
+                },
+                "delete-person": {
+                    cs: "Smazat osobu",
+                },
+                name: {
+                    cs: "Jméno",
+                },
+                image: {
+                    cs: "Obrázek",
+                },
+                description: {
+                    cs: "Popis",
+                },
+                text: {
+                    cs: "Text",
+                },
+                phone: {
+                    cs: "Telefon",
+                },
+                "add-person": {
+                    cs: "Přidat osobu",
+                },
+            },
+            wysiwyg: {
+                text: {
+                    cs: "Text",
+                },
+                placeholder: {
+                    cs: "Zadejte text...",
+                },
+            },
+        },
+        "confirm-delete-section": {
+            cs: "Opravdu chcete smazat sekci?",
+        },
+    },
+};

package/security/restricted-page.d.ts

@@ -0,0 +1,10 @@
+import { useUxfTranslation } from "@uxf/core-react/translations";
+import React, { ReactNode } from "react";
+interface Config {
+    allowedRole: string[];
+}
+export declare function ErrorContent(props: {
+    error: any;
+}): React.JSX.Element;
+export declare function restrictedPage(Component: () => ReactNode, config: Config, t: ReturnType<typeof useUxfTranslation>): (props: any) => React.JSX.Element;
+export {};

package/security/restricted-page.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorContent = ErrorContent;
+exports.restrictedPage = restrictedPage;
+const translations_1 = require("@uxf/core-react/translations");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const button_1 = require("@uxf/ui/button");
+const loader_1 = require("@uxf/ui/loader");
+const react_1 = __importDefault(require("react"));
+const swr_1 = require("../api/swr");
+function ErrorContent(props) {
+    const t = (0, translations_1.useUxfTranslation)();
+    if (props.error.code === "UNAUTHORIZED") {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", null, t("uxf-cms-restricted-page:login-required")),
+            react_1.default.createElement(button_1.Button, { href: `/admin/login?redirect=${window.location.href}` }, t("uxf-cms-restricted-page:login"))));
+    }
+    return react_1.default.createElement("div", null, t("uxf-cms-restricted-page:unknown-error"));
+}
+function restrictedPage(Component, config, t) {
+    return function Page(props) {
+        const meQuery = (0, swr_1.useCmsMeQuery)();
+        if (meQuery.isLoading || typeof window === "undefined") {
+            return (react_1.default.createElement("div", { className: "flex min-h-screen w-full items-center justify-center" },
+                react_1.default.createElement(loader_1.Loader, null)));
+        }
+        if ((0, is_not_nil_1.isNotNil)(meQuery.error)) {
+            return (react_1.default.createElement("div", { className: "flex min-h-screen w-full flex-col items-center justify-center gap-4" },
+                react_1.default.createElement(ErrorContent, { error: meQuery.error })));
+        }
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (!config.allowedRole.some((role) => { var _a, _b; return (_b = (_a = meQuery.data) === null || _a === void 0 ? void 0 : _a.roles) === null || _b === void 0 ? void 0 : _b.includes(role); })) {
+            return (react_1.default.createElement("div", { className: "flex min-h-screen w-full items-center justify-center" }, t("uxf-cms-restricted-page:forbidden")));
+        }
+        return react_1.default.createElement(Component, { ...props });
+    };
+}

package/security/translations.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    "uxf-cms-restricted-page": {
+        login: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "login-required": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "unknown-error": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        forbidden: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/security/translations.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-cms-restricted-page": {
+        login: {
+            cs: "Přihlásit",
+            en: "Login",
+            sk: "Prihlásiť",
+            de: "Anmelden",
+        },
+        "login-required": {
+            cs: "Musíte se přihlásit",
+            en: "You must log in",
+            sk: "Musíte sa prihlásiť",
+            de: "Sie müssen sich anmelden",
+        },
+        "unknown-error": {
+            cs: "Vyskytla se chyba",
+            en: "An error occurred",
+            sk: "Vyskytla sa chyba",
+            de: "Ein Fehler ist aufgetreten",
+        },
+        forbidden: {
+            cs: "Pro tuto stránku nemáte oprávnění.",
+            en: "You don't have permission for this page.",
+            sk: "Pre túto stránku nemáte oprávnenie.",
+            de: "Sie haben keine Berechtigung für diese Seite.",
+        },
+    },
+};

package/security/use-logged-user.d.ts

@@ -0,0 +1,5 @@
+export declare function useLoggedUser(): {
+    data: import("../api").default | undefined;
+    error: any;
+    isLoading: boolean;
+};

package/security/use-logged-user.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoggedUser = useLoggedUser;
+const swr_1 = __importDefault(require("swr"));
+function useLoggedUser() {
+    const { data, error, isLoading } = (0, swr_1.default)("/api/cms/user", {
+        keepPreviousData: true,
+        // immutable
+        revalidateIfStale: false,
+        revalidateOnFocus: false,
+        revalidateOnReconnect: false,
+    });
+    return { data: data === null || data === void 0 ? void 0 : data.user, error, isLoading };
+}

package/ui/avatar/avatar.d.ts

@@ -0,0 +1,11 @@
+import { ImageSource } from "@uxf/core/utils/resizer";
+import React, { HTMLAttributes } from "react";
+import { AvatarSize, AvatarVariant } from "./theme";
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, "src"> {
+    alt?: string;
+    size?: AvatarSize;
+    src?: ImageSource | null;
+    letters?: string;
+    variant?: AvatarVariant;
+}
+export declare const Avatar: React.MemoExoticComponent<React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>>;

package/ui/avatar/avatar.js

@@ -0,0 +1,47 @@
+"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.Avatar = void 0;
+const cx_1 = require("@uxf/core/utils/cx");
+const raster_image_1 = require("@uxf/ui/raster-image");
+const react_1 = __importStar(require("react"));
+const AVATAR_SIZES = {
+    sm: 40,
+    default: 88,
+    lg: 120,
+};
+const Component = (props, ref) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { alt, className, size = "default", src, letters, variant = "default", ...restProps } = props;
+    const avatarClassName = (0, cx_1.cx)("cms-avatar", `cms-avatar--size-${size}`, `cms-avatar--variant-${variant}`, className);
+    const imgAlt = alt !== null && alt !== void 0 ? alt : "";
+    if (src) {
+        return (react_1.default.createElement("span", { className: avatarClassName, ref: ref, ...restProps },
+            react_1.default.createElement(raster_image_1.RasterImage, { alt: imgAlt, className: "cms-avatar__image", height: AVATAR_SIZES[size], loading: "lazy", mode: "cover", src: src, width: AVATAR_SIZES[size] })));
+    }
+    return (react_1.default.createElement("div", { className: avatarClassName, ...restProps }, letters));
+};
+exports.Avatar = (0, react_1.memo)((0, react_1.forwardRef)(Component));
+exports.Avatar.displayName = "CmsAvatar";

package/ui/avatar/get-avatar-user-letters.d.ts

@@ -0,0 +1 @@
+export declare function getAvatarUserLetters(name: string): string;

package/ui/avatar/get-avatar-user-letters.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAvatarUserLetters = getAvatarUserLetters;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+function getAvatarUserLetters(name) {
+    let letters = name
+        .split(" ")
+        .slice(0, 2)
+        .filter((i) => i);
+    const firstLetter = letters.at(0);
+    if ((0, is_not_nil_1.isNotNil)(firstLetter)) {
+        letters = firstLetter.slice(0, 2);
+    }
+    else {
+        letters = letters.map((i) => i.slice(0, 1)).join("");
+    }
+    return letters.toUpperCase();
+}

package/ui/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from "./avatar";
+export type { AvatarProps } from "./avatar";
+export type { AvatarSize, AvatarVariant } from "./theme";

package/ui/avatar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+var avatar_1 = require("./avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });

package/ui/avatar/theme.d.ts

@@ -0,0 +1,11 @@
+export interface AvatarVariants {
+    default: true;
+    rounded: true;
+}
+export type AvatarVariant = keyof AvatarVariants;
+export interface AvatarSizes {
+    sm: true;
+    default: true;
+    lg: true;
+}
+export type AvatarSize = keyof AvatarSizes;

package/ui/avatar/theme.js

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

package/ui/copy-to-clipboard/copy-to-clipboard.d.ts

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