@uxf/cms 13.0.3 → 14.1.0

package/pages/invite-user-page/invite-user-page.js

@@ -35,6 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InviteUserPage = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = __importStar(require("react"));
 const invite_user_form_1 = require("../../forms/invite-user-form");
 const restricted_page_1 = require("../../security/restricted-page");
@@ -43,25 +44,47 @@ const INITIAL_VALUES = {
     surname: "",
     email: "",
     sendInvitation: false,
-    roles: [],
+    roles: []
 };
-const InviteUserPage = (config) => {
+const InviteUserPage = config => {
     const Component = () => {
         var _a, _b;
-        const onSubmit = (0, react_1.useCallback)(async (values) => {
-            try {
-                await config.onSubmit(values);
-            }
-            catch (e) {
-                config.handleError(e);
-            }
-        }, []);
-        const Layout = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : react_1.default.createElement("div", null);
-        const Content = (react_1.default.createElement(invite_user_form_1.InviteUserForm, { defaultValues: INITIAL_VALUES, onLoadRoles: config.onLoadRoles, onSubmit: onSubmit }));
-        return (0, react_1.cloneElement)(Layout, {
-            children: Content,
-        });
+        const $ = (0, compiler_runtime_1.c)(2);
+        const onSubmit = _temp;
+        let t0;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+            t0 = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : react_1.default.createElement("div", null);
+            $[0] = t0;
+        }
+        else {
+            t0 = $[0];
+        }
+        const Layout = t0;
+        let t1;
+        if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+            const Content = react_1.default.createElement(invite_user_form_1.InviteUserForm, { defaultValues: INITIAL_VALUES, onLoadRoles: config.onLoadRoles, onSubmit: onSubmit });
+            t1 = (0, react_1.cloneElement)(Layout, {
+                children: Content
+            });
+            $[1] = t1;
+        }
+        else {
+            t1 = $[1];
+        }
+        return t1;
     };
-    return (0, restricted_page_1.restrictedPage)(Component, { allowedRole: config.allowedRoles || ["ROLE_ROOT"] });
+    return (0, restricted_page_1.restrictedPage)(Component, {
+        allowedRole: config.allowedRoles || ["ROLE_ROOT"]
+    });
 };
 exports.InviteUserPage = InviteUserPage;
+async function _temp(values) {
+    ;
+    try {
+        await config.onSubmit(values);
+    }
+    catch (t0) {
+        const e = t0;
+        config.handleError(e);
+    }
+}

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

@@ -1,65 +1,54 @@
 "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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 compiler_runtime_1 = require("react/compiler-runtime");
 const router_1 = __importDefault(require("next/router"));
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(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: "",
+    password: ""
 };
-const LoginPage = (config) => {
-    const Component = (props) => {
+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 })));
+        const $ = (0, compiler_runtime_1.c)(4);
+        let t0;
+        if ($[0] !== props.redirectUrl) {
+            t0 = async (values) => {
+                ;
+                try {
+                    const response = await (0, api_1.login)(null, values).then(_temp);
+                    await config.onLoginDone(response, props.redirectUrl);
+                }
+                catch (t1) {
+                    const e = t1;
+                    config.handleError(e);
+                }
+            };
+            $[0] = props.redirectUrl;
+            $[1] = t0;
+        }
+        else {
+            t0 = $[1];
+        }
+        const onLogin = t0;
+        let t1;
+        if ($[2] !== onLogin) {
+            t1 = 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 }));
+            $[2] = onLogin;
+            $[3] = t1;
+        }
+        else {
+            t1 = $[3];
+        }
+        return t1;
     };
     Component.getInitialProps = async (ctx) => {
         const query = ctx.query;
@@ -68,7 +57,9 @@ const LoginPage = (config) => {
                 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.writeHead(302, {
+                            Location: config.loggedUserRedirectUrl
+                        });
                         ctx.res.end();
                     }
                 }
@@ -82,9 +73,12 @@ const LoginPage = (config) => {
             }
         }
         return {
-            redirectUrl: query.redirect,
+            redirectUrl: query.redirect
         };
     };
     return Component;
 };
 exports.LoginPage = LoginPage;
+function _temp(r) {
+    return r.data;
+}

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

@@ -1,62 +1,54 @@
 "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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.RenewPasswordPage = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const router_1 = require("@uxf/router");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(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: "",
+    passwordAgain: ""
 };
-const RenewPasswordPage = (config) => {
-    const Component = (props) => {
+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 })));
+        const $ = (0, compiler_runtime_1.c)(4);
+        let t0;
+        if ($[0] !== props.token) {
+            t0 = async (values) => {
+                await config.onSubmit(props.token, values);
+            };
+            $[0] = props.token;
+            $[1] = t0;
+        }
+        else {
+            t0 = $[1];
+        }
+        const onSubmit = t0;
+        let t1;
+        if ($[2] !== onSubmit) {
+            t1 = 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 }));
+            $[2] = onSubmit;
+            $[3] = t1;
+        }
+        else {
+            t1 = $[3];
+        }
+        return t1;
     };
     Component.getInitialProps = async (ctx) => {
         const token = (0, router_1.queryParamToStringStrict)(ctx.query.token);
         if (config.checkToken) {
             await config.checkToken(ctx, token);
         }
-        return { token };
+        return {
+            token
+        };
     };
     return Component;
 };

package/pages/translations.d.ts

@@ -5,6 +5,9 @@ declare const _default: {
                 "confirm-delete-section": {
                     cs: string;
                 };
+                "delete-section": {
+                    cs: string;
+                };
             };
             header: {
                 save: {

package/pages/translations.js

@@ -7,6 +7,9 @@ exports.default = {
                 "confirm-delete-section": {
                     cs: "Opravdu chcete smazat tuto sekci?",
                 },
+                "delete-section": {
+                    cs: "Smazat sekci",
+                },
             },
             header: {
                 save: {

package/security/restricted-page.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorContent = ErrorContent;
 exports.restrictedPage = restrictedPage;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const translations_1 = require("@uxf/core-react/translations");
 const button_1 = require("@uxf/ui/button");
@@ -12,29 +13,106 @@ const loader_1 = require("@uxf/ui/loader");
 const react_1 = __importDefault(require("react"));
 const swr_1 = require("../api/swr");
 function ErrorContent(props) {
+    const $ = (0, compiler_runtime_1.c)(17);
     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"))));
+        let t0;
+        if ($[0] !== t) {
+            t0 = t("uxf-cms-restricted-page:login-required");
+            $[0] = t;
+            $[1] = t0;
+        }
+        else {
+            t0 = $[1];
+        }
+        let t1;
+        if ($[2] !== t0) {
+            t1 = react_1.default.createElement("div", null, t0);
+            $[2] = t0;
+            $[3] = t1;
+        }
+        else {
+            t1 = $[3];
+        }
+        let t2;
+        if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+            t2 = new URLSearchParams({
+                redirect: window.location.href
+            });
+            $[4] = t2;
+        }
+        else {
+            t2 = $[4];
+        }
+        const t3 = `/admin/login?${t2}`;
+        let t4;
+        if ($[5] !== t) {
+            t4 = t("uxf-cms-restricted-page:login");
+            $[5] = t;
+            $[6] = t4;
+        }
+        else {
+            t4 = $[6];
+        }
+        let t5;
+        if ($[7] !== t3 || $[8] !== t4) {
+            t5 = react_1.default.createElement(button_1.Button, { href: t3 }, t4);
+            $[7] = t3;
+            $[8] = t4;
+            $[9] = t5;
+        }
+        else {
+            t5 = $[9];
+        }
+        let t6;
+        if ($[10] !== t1 || $[11] !== t5) {
+            t6 = react_1.default.createElement(react_1.default.Fragment, null,
+                t1,
+                t5);
+            $[10] = t1;
+            $[11] = t5;
+            $[12] = t6;
+        }
+        else {
+            t6 = $[12];
+        }
+        return t6;
+    }
+    let t0;
+    if ($[13] !== t) {
+        t0 = t("uxf-cms-restricted-page:unknown-error");
+        $[13] = t;
+        $[14] = t0;
+    }
+    else {
+        t0 = $[14];
+    }
+    let t1;
+    if ($[15] !== t0) {
+        t1 = react_1.default.createElement("div", null, t0);
+        $[15] = t0;
+        $[16] = t1;
+    }
+    else {
+        t1 = $[16];
     }
-    return react_1.default.createElement("div", null, t("uxf-cms-restricted-page:unknown-error"));
+    return t1;
 }
 function restrictedPage(Component, config) {
     return function Page(props) {
         const meQuery = (0, swr_1.useCmsMeQuery)();
         const t = (0, translations_1.useUxfTranslation)();
         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)));
+            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 })));
+            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")));
+        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/use-logged-user.js

@@ -4,14 +4,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLoggedUser = useLoggedUser;
+const compiler_runtime_1 = require("react/compiler-runtime");
 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 };
+    const $ = (0, compiler_runtime_1.c)(5);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            keepPreviousData: true,
+            revalidateIfStale: false,
+            revalidateOnFocus: false,
+            revalidateOnReconnect: false
+        };
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const { data, error, isLoading } = (0, swr_1.default)("/api/cms/user", t0);
+    const t1 = data === null || data === void 0 ? void 0 : data.user;
+    let t2;
+    if ($[1] !== error || $[2] !== isLoading || $[3] !== t1) {
+        t2 = {
+            data: t1,
+            error,
+            isLoading
+        };
+        $[1] = error;
+        $[2] = isLoading;
+        $[3] = t1;
+        $[4] = t2;
+    }
+    else {
+        t2 = $[4];
+    }
+    return t2;
 }

package/translations/cs.json

@@ -69,7 +69,8 @@
   "uxf-cms-pages-content-builder": {
     "components": {
       "content-header": {
-        "confirm-delete-section": "Opravdu chcete smazat tuto sekci?"
+        "confirm-delete-section": "Opravdu chcete smazat tuto sekci?",
+        "delete-section": "Smazat sekci"
       },
       "header": {
         "save": "Uložit"

package/translations/translations.d.ts

@@ -31,6 +31,9 @@ declare const _default: {
                 "confirm-delete-section": {
                     cs: string;
                 };
+                "delete-section": {
+                    cs: string;
+                };
             };
             header: {
                 save: {

package/ui/avatar/avatar.js

@@ -15,13 +15,14 @@ const AVATAR_SIZES = {
 };
 function Avatar(props) {
     var _a, _b, _c;
+    const { ref } = props;
     const size = (_a = props.size) !== null && _a !== void 0 ? _a : "default";
     const avatarClassName = (0, cx_1.cx)("cms-avatar", `cms-avatar--size-${size}`, `cms-avatar--variant-${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`, props.className);
     const restProps = (0, omit_1.omit)(props, ["ref", "alt", "className", "size", "src", "letters", "variant"]);
     if (props.src) {
-        return (react_1.default.createElement("span", { className: avatarClassName, ref: props.ref, ...restProps },
+        return (react_1.default.createElement("span", { className: avatarClassName, ref: ref, ...restProps },
             react_1.default.createElement(raster_image_1.RasterImage, { alt: (_c = props.alt) !== null && _c !== void 0 ? _c : "", className: "cms-avatar__image", height: AVATAR_SIZES[size], loading: "lazy", mode: "cover", src: props.src, width: AVATAR_SIZES[size] })));
     }
-    return (react_1.default.createElement("div", { className: avatarClassName, ref: props.ref, ...restProps }, props.letters));
+    return (react_1.default.createElement("div", { className: avatarClassName, ref: ref, ...restProps }, props.letters));
 }
 Avatar.displayName = "CmsAvatar";

package/ui/copy-to-clipboard/copy-to-clipboard.js

@@ -1,39 +1,10 @@
 "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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.CopyToClipboard = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
 const noop_1 = require("@uxf/core/utils/noop");
 const translations_1 = require("@uxf/core-react/translations");
@@ -41,17 +12,59 @@ const button_1 = require("@uxf/ui/button");
 const flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
 const icon_1 = require("@uxf/ui/icon");
 const text_input_1 = require("@uxf/ui/text-input");
-const react_1 = __importStar(require("react"));
-const CopyToClipboard = (props) => {
+const react_1 = __importDefault(require("react"));
+const CopyToClipboard = props => {
+    const $ = (0, compiler_runtime_1.c)(13);
     const t = (0, translations_1.useUxfTranslation)();
-    const onCopy = (0, react_1.useCallback)(async () => {
-        const isCopied = await (0, copy_to_clipboard_1.copyToClipboard)(props.value);
-        (0, flash_messages_service_1.flashMessage)({
-            variant: isCopied ? "success" : "error",
-            message: isCopied ? t("uxf-cms-copy-to-clipboard:text-copied") : t("uxf-cms-copy-to-clipboard:copy-failed"),
-        });
-    }, [props.value, t]);
-    return (react_1.default.createElement(text_input_1.TextInput, { isDisabled: props.disabled, label: props.label, name: props.name, onChange: noop_1.noop, rightAddon: react_1.default.createElement(button_1.Button, { className: "size-full rounded-l-none border-none", isDisabled: props.value === "", onClick: onCopy, variant: "secondary" },
-            react_1.default.createElement(icon_1.Icon, { className: "w-4", name: "copy" })), value: props.value }));
+    let t0;
+    if ($[0] !== props.value || $[1] !== t) {
+        t0 = async () => {
+            const isCopied = await (0, copy_to_clipboard_1.copyToClipboard)(props.value);
+            (0, flash_messages_service_1.flashMessage)({
+                variant: isCopied ? "success" : "error",
+                message: isCopied ? t("uxf-cms-copy-to-clipboard:text-copied") : t("uxf-cms-copy-to-clipboard:copy-failed")
+            });
+        };
+        $[0] = props.value;
+        $[1] = t;
+        $[2] = t0;
+    }
+    else {
+        t0 = $[2];
+    }
+    const onCopy = t0;
+    const t1 = props.value === "";
+    let t2;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = react_1.default.createElement(icon_1.Icon, { className: "w-4", name: "copy" });
+        $[3] = t2;
+    }
+    else {
+        t2 = $[3];
+    }
+    let t3;
+    if ($[4] !== onCopy || $[5] !== t1) {
+        t3 = react_1.default.createElement(button_1.Button, { className: "size-full rounded-l-none border-none", isDisabled: t1, onClick: onCopy, variant: "secondary" }, t2);
+        $[4] = onCopy;
+        $[5] = t1;
+        $[6] = t3;
+    }
+    else {
+        t3 = $[6];
+    }
+    let t4;
+    if ($[7] !== props.disabled || $[8] !== props.label || $[9] !== props.name || $[10] !== props.value || $[11] !== t3) {
+        t4 = react_1.default.createElement(text_input_1.TextInput, { isDisabled: props.disabled, label: props.label, name: props.name, onChange: noop_1.noop, rightAddon: t3, value: props.value });
+        $[7] = props.disabled;
+        $[8] = props.label;
+        $[9] = props.name;
+        $[10] = props.value;
+        $[11] = t3;
+        $[12] = t4;
+    }
+    else {
+        t4 = $[12];
+    }
+    return t4;
 };
 exports.CopyToClipboard = CopyToClipboard;