@uxf/cms 13.0.3 → 14.1.0

package/forms/components/wysiwyg-input/wysiwyg-input.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WysiwygInput = WysiwygInput;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
 const file_1 = require("@uxf/core/utils/file");
@@ -47,59 +48,196 @@ const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const api_1 = require("../../../api");
 function WysiwygInput(props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _d, _e, _f;
+    const $ = (0, compiler_runtime_1.c)(65);
     const t = (0, translations_1.useUxfTranslation)();
-    const { field, fieldState } = (0, react_hook_form_1.useController)({
-        control: props.control,
-        defaultValue: props.defaultValue,
-        name: props.name,
-        rules: {
-            required: props.isRequired
-                ? props.requiredMessage || t("uxf-cms-wysiwyg-input:validation.required")
-                : undefined,
-            ...props.rules,
-        },
-        shouldUnregister: props.shouldUnregister,
-    });
-    const plugins = (0, react_1.useMemo)(() => {
-        var _a;
-        return props.plugins && props.plugins.length > 0
-            ? (0, wysiwyg_1.createPluginsWithUi)(props.plugins)
-            : (0, create_all_plugins_with_ui_1.createAllPluginsWithUi)((_a = props.allPluginsOptions) !== null && _a !== void 0 ? _a : { image: { getImageUrl: file_1.getFileUrl, uploadImage: api_1.uploadFile } });
-    }, [props.allPluginsOptions, props.plugins]);
+    let t0;
+    if ($[0] !== props.isRequired || $[1] !== props.requiredMessage || $[2] !== t) {
+        t0 = props.isRequired ? props.requiredMessage || t("uxf-cms-wysiwyg-input:validation.required") : undefined;
+        $[0] = props.isRequired;
+        $[1] = props.requiredMessage;
+        $[2] = t;
+        $[3] = t0;
+    }
+    else {
+        t0 = $[3];
+    }
+    let t1;
+    if ($[4] !== props.rules || $[5] !== t0) {
+        t1 = {
+            required: t0,
+            ...props.rules
+        };
+        $[4] = props.rules;
+        $[5] = t0;
+        $[6] = t1;
+    }
+    else {
+        t1 = $[6];
+    }
+    let t2;
+    if ($[7] !== props.control || $[8] !== props.defaultValue || $[9] !== props.name || $[10] !== props.shouldUnregister || $[11] !== t1) {
+        t2 = {
+            control: props.control,
+            defaultValue: props.defaultValue,
+            name: props.name,
+            rules: t1,
+            shouldUnregister: props.shouldUnregister
+        };
+        $[7] = props.control;
+        $[8] = props.defaultValue;
+        $[9] = props.name;
+        $[10] = props.shouldUnregister;
+        $[11] = t1;
+        $[12] = t2;
+    }
+    else {
+        t2 = $[12];
+    }
+    const { field, fieldState } = (0, react_hook_form_1.useController)(t2);
+    let t3;
+    if ($[13] !== props.allPluginsOptions || $[14] !== props.plugins) {
+        t3 = props.plugins && props.plugins.length > 0 ? (0, wysiwyg_1.createPluginsWithUi)(props.plugins) : (0, create_all_plugins_with_ui_1.createAllPluginsWithUi)((_a = props.allPluginsOptions) !== null && _a !== void 0 ? _a : {
+            image: {
+                getImageUrl: file_1.getFileUrl,
+                uploadImage: api_1.uploadFile
+            }
+        });
+        $[13] = props.allPluginsOptions;
+        $[14] = props.plugins;
+        $[15] = t3;
+    }
+    else {
+        t3 = $[15];
+    }
+    const plugins = t3;
     const generatedId = (0, react_1.useId)();
-    const id = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
+    const id = (_b = props.id) !== null && _b !== void 0 ? _b : generatedId;
     const innerRef = (0, react_1.useRef)(null);
     const editorRef = (0, react_1.useRef)(null);
     const input = (0, use_input_focus_1.useInputFocus)(innerRef, props.onBlur, props.onFocus);
-    const isInvalid = (0, is_not_nil_1.isNotNil)(fieldState.error);
-    const errorId = isInvalid ? `${props.id}--error-message` : undefined;
-    const rootClassName = (0, cx_1.cx)("uxf-text-input", ((_b = props._isFocused) !== null && _b !== void 0 ? _b : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
-    const onFocus = (0, react_1.useCallback)((e) => {
-        var _a, _b;
-        input.onFocus(e);
-        (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        // Trigger editor focus via ref
-        (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-    }, [input, props]);
-    const onBlur = (0, react_1.useCallback)((e) => {
-        var _a;
-        field.onBlur();
-        input.onBlur(e);
-        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    }, [field, input, props]);
-    return (react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, form: props.form, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name },
-        react_1.default.createElement(wysiwyg_1.WysiwygEditor, { customPluginsToolbarButtons: props.customPluginsToolbarButtons, editableProps: {
-                "aria-describedby": errorId,
-                "aria-invalid": isInvalid,
-                autoComplete: props.autoComplete,
-                disabled: props.isDisabled,
-                form: props.form,
-                onBlur,
-                onFocus,
-                onKeyDown: props.onKeyDown,
-                placeholder: props.placeholder,
-                readOnly: props.isReadOnly,
-                required: props.isRequired,
-            }, id: id, initialValue: field.value, onChange: field.onChange, plugins: plugins, ref: editorRef, ...props.editorProps })));
+    let errorId;
+    let isInvalid;
+    let t4;
+    if ($[16] !== fieldState.error || $[17] !== input || $[18] !== props._isFocused || $[19] !== props.className || $[20] !== props.id || $[21] !== props.isDisabled || $[22] !== props.isReadOnly || $[23] !== props.isRequired) {
+        isInvalid = (0, is_not_nil_1.isNotNil)(fieldState.error);
+        errorId = isInvalid ? `${props.id}--error-message` : undefined;
+        t4 = (0, cx_1.cx)("uxf-text-input", ((_d = props._isFocused) !== null && _d !== void 0 ? _d : input.focused) && classes_1.CLASSES.IS_FOCUSED, props.isDisabled && classes_1.CLASSES.IS_DISABLED, isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
+        $[16] = fieldState.error;
+        $[17] = input;
+        $[18] = props._isFocused;
+        $[19] = props.className;
+        $[20] = props.id;
+        $[21] = props.isDisabled;
+        $[22] = props.isReadOnly;
+        $[23] = props.isRequired;
+        $[24] = errorId;
+        $[25] = isInvalid;
+        $[26] = t4;
+    }
+    else {
+        errorId = $[24];
+        isInvalid = $[25];
+        t4 = $[26];
+    }
+    const rootClassName = t4;
+    let t5;
+    if ($[27] !== input || $[28] !== props) {
+        t5 = e => {
+            var _a, _b;
+            input.onFocus(e);
+            (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        };
+        $[27] = input;
+        $[28] = props;
+        $[29] = t5;
+    }
+    else {
+        t5 = $[29];
+    }
+    const onFocus = t5;
+    let t6;
+    if ($[30] !== field || $[31] !== input || $[32] !== props) {
+        t6 = e_0 => {
+            var _a;
+            field.onBlur();
+            input.onBlur(e_0);
+            (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e_0);
+        };
+        $[30] = field;
+        $[31] = input;
+        $[32] = props;
+        $[33] = t6;
+    }
+    else {
+        t6 = $[33];
+    }
+    const onBlur = t6;
+    const t7 = (_f = (_e = fieldState.error) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : props.helperText;
+    let t8;
+    if ($[34] !== errorId || $[35] !== isInvalid || $[36] !== onBlur || $[37] !== onFocus || $[38] !== props.autoComplete || $[39] !== props.form || $[40] !== props.isDisabled || $[41] !== props.isReadOnly || $[42] !== props.isRequired || $[43] !== props.onKeyDown || $[44] !== props.placeholder) {
+        t8 = {
+            "aria-describedby": errorId,
+            "aria-invalid": isInvalid,
+            autoComplete: props.autoComplete,
+            disabled: props.isDisabled,
+            form: props.form,
+            onBlur,
+            onFocus,
+            onKeyDown: props.onKeyDown,
+            placeholder: props.placeholder,
+            readOnly: props.isReadOnly,
+            required: props.isRequired
+        };
+        $[34] = errorId;
+        $[35] = isInvalid;
+        $[36] = onBlur;
+        $[37] = onFocus;
+        $[38] = props.autoComplete;
+        $[39] = props.form;
+        $[40] = props.isDisabled;
+        $[41] = props.isReadOnly;
+        $[42] = props.isRequired;
+        $[43] = props.onKeyDown;
+        $[44] = props.placeholder;
+        $[45] = t8;
+    }
+    else {
+        t8 = $[45];
+    }
+    let t9;
+    if ($[46] !== field.onChange || $[47] !== field.value || $[48] !== id || $[49] !== plugins || $[50] !== props.customPluginsToolbarButtons || $[51] !== props.editorProps || $[52] !== t8) {
+        t9 = react_1.default.createElement(wysiwyg_1.WysiwygEditor, { customPluginsToolbarButtons: props.customPluginsToolbarButtons, editableProps: t8, id: id, initialValue: field.value, onChange: field.onChange, plugins: plugins, ref: editorRef, ...props.editorProps });
+        $[46] = field.onChange;
+        $[47] = field.value;
+        $[48] = id;
+        $[49] = plugins;
+        $[50] = props.customPluginsToolbarButtons;
+        $[51] = props.editorProps;
+        $[52] = t8;
+        $[53] = t9;
+    }
+    else {
+        t9 = $[53];
+    }
+    let t10;
+    if ($[54] !== errorId || $[55] !== id || $[56] !== props.form || $[57] !== props.hiddenLabel || $[58] !== props.isRequired || $[59] !== props.label || $[60] !== props.name || $[61] !== rootClassName || $[62] !== t7 || $[63] !== t9) {
+        t10 = react_1.default.createElement(form_component_1.FormComponent, { className: rootClassName, errorId: errorId, form: props.form, helperText: t7, hiddenLabel: props.hiddenLabel, inputId: id, isRequired: props.isRequired, label: props.label, name: props.name }, t9);
+        $[54] = errorId;
+        $[55] = id;
+        $[56] = props.form;
+        $[57] = props.hiddenLabel;
+        $[58] = props.isRequired;
+        $[59] = props.label;
+        $[60] = props.name;
+        $[61] = rootClassName;
+        $[62] = t7;
+        $[63] = t9;
+        $[64] = t10;
+    }
+    else {
+        t10 = $[64];
+    }
+    return t10;
 }

package/forms/components/wysiwyg-input/wysiwyg-input.stories.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
 const button_1 = require("@uxf/ui/button");
@@ -49,27 +50,131 @@ const wysiwyg_input_1 = require("./wysiwyg-input");
  * Image upload is faked here. `WysiwygInput` otherwise defaults to the real `uploadFile` API.
  */
 function Default() {
+    const $ = (0, compiler_runtime_1.c)(21);
     const [submitted, setSubmitted] = (0, react_1.useState)(null);
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues: { content: [], perex: "", title: "" },
-    });
-    return (react_1.default.createElement("div", { className: "p-8" },
-        react_1.default.createElement(form_1.Form, { formApi: formApi, id: "article-form", onSubmit: (data) => setSubmitted(data) },
-            react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: react_1.default.createElement("div", { className: "text-right" },
-                    react_1.default.createElement(button_1.Button, { type: "submit" }, "Ulo\u017Eit")), withDividers: true },
-                react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Titulek", name: "title" }),
-                react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: {
-                        image: {
-                            getImageUrl: (file) => file.name,
-                            uploadImage: async (file) => ({
-                                extension: ".ext",
-                                id: 1,
-                                name: URL.createObjectURL(file),
-                                namespace: "wysiwyg",
-                                uuid: "this-should-be-some-random-uuid",
-                            }),
-                        },
-                    }, control: formApi.control, isRequired: true, label: "Obsah", name: "content", placeholder: "Za\u010Dni ps\u00E1t\u2026", requiredMessage: "Obsah je povinn\u00FD" }),
-                react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Perex", name: "perex" }))),
-        submitted && (react_1.default.createElement("pre", { className: "mt-8 overflow-x-auto rounded bg-gray-100 p-4 text-xs", "data-testid": "submitted-value" }, JSON.stringify(submitted, null, 2)))));
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            defaultValues: {
+                content: [],
+                perex: "",
+                title: ""
+            }
+        };
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
+    let t1;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = data => setSubmitted(data);
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(button_1.Button, { type: "submit" }, "Ulo\u017Eit"));
+        $[2] = t2;
+    }
+    else {
+        t2 = $[2];
+    }
+    let t3;
+    if ($[3] !== formApi.control) {
+        t3 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Titulek", name: "title" });
+        $[3] = formApi.control;
+        $[4] = t3;
+    }
+    else {
+        t3 = $[4];
+    }
+    let t4;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = {
+            image: {
+                getImageUrl: _temp,
+                uploadImage: _temp2
+            }
+        };
+        $[5] = t4;
+    }
+    else {
+        t4 = $[5];
+    }
+    let t5;
+    let t6;
+    if ($[6] !== formApi.control) {
+        t5 = react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: t4, control: formApi.control, isRequired: true, label: "Obsah", name: "content", placeholder: "Za\u010Dni ps\xE1t\u2026", requiredMessage: "Obsah je povinn\xFD" });
+        t6 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, label: "Perex", name: "perex" });
+        $[6] = formApi.control;
+        $[7] = t5;
+        $[8] = t6;
+    }
+    else {
+        t5 = $[7];
+        t6 = $[8];
+    }
+    let t7;
+    if ($[9] !== t3 || $[10] !== t5 || $[11] !== t6) {
+        t7 = react_1.default.createElement(widget_1.Widget, { className: "[&>*]:p-4", footer: t2, withDividers: true },
+            t3,
+            t5,
+            t6);
+        $[9] = t3;
+        $[10] = t5;
+        $[11] = t6;
+        $[12] = t7;
+    }
+    else {
+        t7 = $[12];
+    }
+    let t8;
+    if ($[13] !== formApi || $[14] !== t7) {
+        t8 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "article-form", onSubmit: t1 }, t7);
+        $[13] = formApi;
+        $[14] = t7;
+        $[15] = t8;
+    }
+    else {
+        t8 = $[15];
+    }
+    let t9;
+    if ($[16] !== submitted) {
+        t9 = submitted && react_1.default.createElement("pre", { className: "mt-8 overflow-x-auto rounded bg-gray-100 p-4 text-xs", "data-testid": "submitted-value" }, JSON.stringify(submitted, null, 2));
+        $[16] = submitted;
+        $[17] = t9;
+    }
+    else {
+        t9 = $[17];
+    }
+    let t10;
+    if ($[18] !== t8 || $[19] !== t9) {
+        t10 = react_1.default.createElement("div", { className: "p-8" },
+            t8,
+            t9);
+        $[18] = t8;
+        $[19] = t9;
+        $[20] = t10;
+    }
+    else {
+        t10 = $[20];
+    }
+    return t10;
+}
+async function _temp2(file_0) {
+    return {
+        extension: ".ext",
+        id: 1,
+        name: URL.createObjectURL(file_0),
+        namespace: "wysiwyg",
+        uuid: "this-should-be-some-random-uuid"
+    };
+}
+function _temp(file) {
+    return file.name;
 }

package/forms/forgotten-password-form/forgotten-password-form.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ForgottenPasswordForm = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
@@ -41,22 +42,125 @@ const button_1 = require("@uxf/ui/button");
 const text_link_1 = require("@uxf/ui/text-link");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const ForgottenPasswordForm = (props) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { defaultValues, onLogin, ...formProps } = props;
+const ForgottenPasswordForm = props => {
+    const $ = (0, compiler_runtime_1.c)(29);
+    let defaultValues;
+    let formProps;
+    let onLogin;
+    if ($[0] !== props) {
+        ({
+            defaultValues,
+            onLogin,
+            ...formProps
+        } = props);
+        $[0] = props;
+        $[1] = defaultValues;
+        $[2] = formProps;
+        $[3] = onLogin;
+    }
+    else {
+        defaultValues = $[1];
+        formProps = $[2];
+        onLogin = $[3];
+    }
     const t = (0, translations_1.useUxfTranslation)();
-    const formApi = (0, react_hook_form_1.useForm)({
-        defaultValues,
-    });
+    let t0;
+    if ($[4] !== defaultValues) {
+        t0 = {
+            defaultValues
+        };
+        $[4] = defaultValues;
+        $[5] = t0;
+    }
+    else {
+        t0 = $[5];
+    }
+    const formApi = (0, react_hook_form_1.useForm)(t0);
     const [formDisabled, setFormDisabled] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        setFormDisabled(false);
-    }, []);
-    return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: "forgotten-password-form", ...formProps },
-        react_1.default.createElement("div", { className: "space-y-6" },
-            react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "text" }),
-            react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, isLoading: formApi.formState.isSubmitting, type: "submit" }, t("uxf-cms-forgotten-password-form:reset-password")),
-            onLogin && (react_1.default.createElement("div", { className: "text-right" },
-                react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onLogin }, t("uxf-cms-forgotten-password-form:login")))))));
+    let t1;
+    let t2;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = () => {
+            setFormDisabled(false);
+        };
+        t2 = [];
+        $[6] = t1;
+        $[7] = t2;
+    }
+    else {
+        t1 = $[6];
+        t2 = $[7];
+    }
+    (0, react_1.useEffect)(t1, t2);
+    let t3;
+    if ($[8] !== formApi.control || $[9] !== formDisabled) {
+        t3 = react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isDisabled: formDisabled, isRequired: true, label: "E-mail", name: "username", type: "text" });
+        $[8] = formApi.control;
+        $[9] = formDisabled;
+        $[10] = t3;
+    }
+    else {
+        t3 = $[10];
+    }
+    const t4 = formDisabled || formApi.formState.isSubmitting;
+    const t5 = formApi.formState.isSubmitting;
+    let t6;
+    if ($[11] !== t) {
+        t6 = t("uxf-cms-forgotten-password-form:reset-password");
+        $[11] = t;
+        $[12] = t6;
+    }
+    else {
+        t6 = $[12];
+    }
+    let t7;
+    if ($[13] !== formApi.formState.isSubmitting || $[14] !== t4 || $[15] !== t6) {
+        t7 = react_1.default.createElement(button_1.Button, { isDisabled: t4, isFullWidth: true, isLoading: t5, type: "submit" }, t6);
+        $[13] = formApi.formState.isSubmitting;
+        $[14] = t4;
+        $[15] = t6;
+        $[16] = t7;
+    }
+    else {
+        t7 = $[16];
+    }
+    let t8;
+    if ($[17] !== formApi.formState.isSubmitting || $[18] !== onLogin || $[19] !== t) {
+        t8 = onLogin && react_1.default.createElement("div", { className: "text-right" },
+            react_1.default.createElement(text_link_1.TextLink, { className: "uxf-typo-medium2 text-primary", isDisabled: formApi.formState.isSubmitting, onClick: onLogin }, t("uxf-cms-forgotten-password-form:login")));
+        $[17] = formApi.formState.isSubmitting;
+        $[18] = onLogin;
+        $[19] = t;
+        $[20] = t8;
+    }
+    else {
+        t8 = $[20];
+    }
+    let t9;
+    if ($[21] !== t3 || $[22] !== t7 || $[23] !== t8) {
+        t9 = react_1.default.createElement("div", { className: "space-y-6" },
+            t3,
+            t7,
+            t8);
+        $[21] = t3;
+        $[22] = t7;
+        $[23] = t8;
+        $[24] = t9;
+    }
+    else {
+        t9 = $[24];
+    }
+    let t10;
+    if ($[25] !== formApi || $[26] !== formProps || $[27] !== t9) {
+        t10 = react_1.default.createElement(form_1.Form, { formApi: formApi, id: "forgotten-password-form", ...formProps }, t9);
+        $[25] = formApi;
+        $[26] = formProps;
+        $[27] = t9;
+        $[28] = t10;
+    }
+    else {
+        t10 = $[28];
+    }
+    return t10;
 };
 exports.ForgottenPasswordForm = ForgottenPasswordForm;