@uxf/cms 6.0.0-beta.6 → 6.0.0-beta.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.6",
+  "version": "6.0.0-beta.61",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -19,103 +19,92 @@
     "url": "https://gitlab.com/uxf-npm/cms/issues"
   },
   "scripts": {
-    "lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
-    "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck",
-    "check": "npm run lint && npm run typecheck",
-    "dev": "node dev-server.js",
     "build": "./node_modules/.bin/tsc -P tsconfig.build.json",
-    "check:icons": "icons-check",
-    "gen:icons": "icons-gen"
+    "check": "concurrently \"npm run typecheck\" \"npm run lint\"",
+    "dev": "node dev-server.js",
+    "eslint:check": "./node_modules/.bin/eslint -c  .eslintrc.js \"./**/*.ts*\"",
+    "icons:check": "icons-check",
+    "icons:gen": "icons-gen",
+    "lint": "concurrently \"npm run eslint:check\" \"npm run icons:check\" \"npm run prettier:check\" \"npm run stylelint:check\" \"npm run tw-tokens:check\"",
+    "prettier:check": "prettier --check .",
+    "prettier:write": "prettier --write .",
+    "stylelint:check": "stylelint \"./**/*.(css)\"",
+    "stylelint:fix": "stylelint \"./**/*.(css)\" --fix",
+    "tw-tokens:check": "node ./node_modules/@uxf/ui/scripts/generate-tw-tokens.js --mode=\"check\" --twConfig=\"tailwind.config.js\" --outputPath=\"src/ui/tw-tokens/\"",
+    "tw-tokens:gen": "node ./node_modules/@uxf/ui/scripts/generate-tw-tokens.js --twConfig=\"tailwind.config.js\" --outputPath=\"src/ui/tw-tokens/\"",
+    "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@uxf/form": "^1.0.0-beta.96",
-    "@uxf/ui": "^1.0.0-beta.96",
+    "@floating-ui/react": "^0.24.1",
     "es6-error": "^4.1.1",
-    "path-to-regexp": "^6.1.0",
-    "react-hook-form": "^7.41.5",
+    "path-to-regexp": "^6.2.1",
+    "react-hook-form": "^7.43.9",
     "react-redux": "^7.2.5",
     "redux": "^4.1.1"
   },
   "devDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/server": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.0.1",
-    "@mui/material": "^5.0.2",
-    "@mui/styles": "^5.0.1",
-    "@mui/x-date-pickers": "^5.0.0-alpha.1",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.2",
-    "@tailwindcss/line-clamp": "^0.4.2",
+    "@next/font": "^13.4.3",
     "@types/express-http-proxy": "^1.6.2",
-    "@types/node": "^16.7.10",
+    "@types/node": "^18.11.18",
     "@types/qs": "^6.9.7",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
-    "@typescript-eslint/eslint-plugin": "^5.11.0",
-    "@uxf/core": "^4.3.0",
-    "@uxf/data-grid": "^4.0.0",
-    "@uxf/eslint-config": "^1.2.3",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
+    "@uxf/core": "^4.5.1",
+    "@uxf/data-grid": "^5.0.0-beta.20",
+    "@uxf/eslint-config": "^1.3.0",
+    "@uxf/form": "^1.0.0-beta.159",
     "@uxf/icons-generator": "^1.3.0",
-    "@uxf/router": "^3.0.0-beta.3",
-    "@uxf/wysiwyg": "^1.1.2",
-    "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
-    "autoprefixer": "^10.4.7",
-    "axios": "^0.21.1",
-    "axios-hooks": "^2.7.0",
+    "@uxf/router": "^3.0.0-beta.5",
+    "@uxf/ui": "^1.0.0-beta.159",
+    "@uxf/wysiwyg": "^2.0.0-beta.24",
+    "autoprefixer": "^10.4.14",
+    "axios": "^1.4.0",
+    "axios-hooks": "^4.0.0",
+    "concurrently": "^8.0.1",
     "coordinate-parser": "^1.0.7",
     "dayjs": "^1.11.7",
-    "eslint": "^8.8.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "express": "^4.17.1",
-    "express-http-proxy": "^1.6.2",
-    "final-form": "^4.20.2",
-    "final-form-arrays": "^3.0.2",
-    "final-form-calculate": "^1.3.2",
-    "http-proxy-middleware": "^2.0.1",
-    "next": "^12.3.4",
+    "eslint": "^8.41.0",
+    "eslint-plugin-tailwindcss": "3.12.0",
+    "express": "^4.18.2",
+    "express-http-proxy": "^1.6.3",
+    "http-proxy-middleware": "^2.0.6",
+    "next": "^13.4.3",
     "path": "^0.12.7",
-    "postcss": "^8.4.14",
-    "postcss-focus-visible": "^7.1.0",
+    "postcss": "^8.4.23",
+    "postcss-focus-visible": "^8.0.2",
     "postcss-import": "^15.1.0",
     "postcss-pxtorem": "^6.0.0",
-    "prettier": "^2.4.1",
-    "qs": "^6.10.1",
+    "postcss-syntax": "^0.36.2",
+    "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "qs": "^6.11.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-dropzone": "^14.2.2",
-    "react-final-form": "^6.5.7",
-    "react-final-form-arrays": "^3.1.3",
     "redux-devtools-extension": "^2.13.9",
-    "tailwindcss": "^3.1.5",
-    "ts-node": "^10.2.1",
-    "typescript": "^4.4.3"
+    "stylelint": "^15.6.2",
+    "stylelint-config-recommended": "^12.0.0",
+    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-tailwindcss": "^0.0.7",
+    "stylelint-use-nesting": "^4.1.0",
+    "tailwindcss": "^3.3.2",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
-    "@mui/icons-material": "^5.0.0",
-    "@mui/material": "^5.0.0",
-    "@mui/x-date-pickers": "^5.0.0-alpha.1",
-    "@uxf/core": ">= 4.3.0",
-    "@uxf/data-grid": "^4.0.0",
-    "@uxf/wysiwyg": "^1.1.2",
-    "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
-    "axios": "^0.21.0",
-    "axios-hooks": "^2.2.0",
+    "@uxf/core": ">= 4.5.1",
+    "@uxf/data-grid": "^5.0.0-beta.16",
+    "@uxf/form": "^1.0.0-beta.157",
+    "@uxf/ui": "^1.0.0-beta.157",
+    "@uxf/wysiwyg": "^2.0.0-beta.24",
+    "axios": "^1.4.0",
+    "axios-hooks": "^4.0.0",
     "dayjs": "^1.11.7",
-    "final-form": "^4.20.1",
-    "final-form-arrays": "^3.0",
-    "final-form-calculate": "^1.3.2",
     "react": ">= 18.2.0",
     "react-dom": ">= 18.2.0",
-    "react-dropzone": "^14.2.2",
-    "react-final-form": "^6.5.1",
-    "react-final-form-arrays": "^3.1.3"
+    "react-dropzone": "^14.2.3"
   },
   "volta": {
     "node": "18.5.0",
-    "yarn": "1.22.19"
+    "npm": "8.12.1"
   }
 }

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

@@ -0,0 +1,2 @@
+import { ChangePasswordPageConfig } from "./types";
+export declare const ChangePasswordPage: (config: ChangePasswordPageConfig) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

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

@@ -0,0 +1,102 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasswordPage = void 0;
+var react_1 = __importStar(require("react"));
+var config_1 = require("../../config");
+var change_password_form_1 = require("../../forms/change-password-form");
+var with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
+var INITIAL_VALUES = {
+    originalPassword: "",
+    newPassword: "",
+    newPasswordAgain: "",
+};
+var ChangePasswordPage = function (config) {
+    var Component = function () {
+        var _a, _b;
+        var onSubmit = (0, react_1.useCallback)(function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var e_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, config.onSubmit(values)];
+                    case 1:
+                        _a.sent();
+                        return [3 /*break*/, 3];
+                    case 2:
+                        e_1 = _a.sent();
+                        config_1.container.get("service.error").handleError(e_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }, []);
+        var Layout = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : react_1.default.createElement("div", null);
+        var Content = react_1.default.createElement(change_password_form_1.ChangePasswordForm, { onSubmit: onSubmit, defaultValues: INITIAL_VALUES });
+        return (0, react_1.cloneElement)(Layout, {
+            children: Content,
+        });
+    };
+    return (0, with_authenticate_1.withAuthenticate)({})(Component);
+};
+exports.ChangePasswordPage = ChangePasswordPage;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXBhc3N3b3JkLXBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvY2hhbmdlLXBhc3N3b3JkLXBhZ2UvY2hhbmdlLXBhc3N3b3JkLXBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsNkNBQXlEO0FBQ3pELHVDQUF5QztBQUV6Qyx5RUFBdUg7QUFDdkgsNEVBQTBFO0FBRTFFLElBQU0sY0FBYyxHQUEyQjtJQUMzQyxnQkFBZ0IsRUFBRSxFQUFFO0lBQ3BCLFdBQVcsRUFBRSxFQUFFO0lBQ2YsZ0JBQWdCLEVBQUUsRUFBRTtDQUN2QixDQUFDO0FBRUssSUFBTSxrQkFBa0IsR0FBRyxVQUFDLE1BQWdDO0lBQy9ELElBQU0sU0FBUyxHQUFhOztRQUN4QixJQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQW1ELFVBQU8sTUFBTTs7Ozs7O3dCQUVwRixxQkFBTSxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFBOzt3QkFBN0IsU0FBNkIsQ0FBQzs7Ozt3QkFFOUIsa0JBQVMsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLEdBQUMsQ0FBQyxDQUFDOzs7OzthQUVyRCxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRVAsSUFBTSxNQUFNLEdBQUcsTUFBQSxNQUFBLE1BQU0sQ0FBQyxFQUFFLDBDQUFFLE1BQU0sbUNBQUksMENBQU8sQ0FBQztRQUU1QyxJQUFNLE9BQU8sR0FBRyw4QkFBQyx5Q0FBa0IsSUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxjQUFjLEdBQUksQ0FBQztRQUUxRixPQUFPLElBQUEsb0JBQVksRUFBQyxNQUFNLEVBQUU7WUFDeEIsUUFBUSxFQUFFLE9BQU87U0FDcEIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDO0lBRUYsT0FBTyxJQUFBLG9DQUFnQixFQUFDLEVBQUUsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0FBQzNDLENBQUMsQ0FBQztBQXBCVyxRQUFBLGtCQUFrQixzQkFvQjdCIn0=

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

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

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

@@ -0,0 +1,19 @@
+"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("./change-password-page"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvY2hhbmdlLXBhc3N3b3JkLXBhZ2UvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHlEQUF1QztBQUN2QywwQ0FBd0IifQ==

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

@@ -0,0 +1,8 @@
+import { ReactElement } from "react";
+import { ChangePasswordFormData } from "../../forms/change-password-form";
+export interface ChangePasswordPageConfig {
+    onSubmit: (values: ChangePasswordFormData) => Promise<void>;
+    ui?: {
+        Layout?: ReactElement;
+    };
+}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvY2hhbmdlLXBhc3N3b3JkLXBhZ2UvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/pages/{ContentBuilder/components/FormContent.d.ts → content-builder/components/form-content.d.ts}

@@ -1,7 +1,9 @@
-import React from "react";
+import { FC } from "react";
 import { ContentComponent, ContentProps } from "../types";
+import { FormControl } from "@uxf/form/form/form";
 interface FormSectionProps extends Omit<ContentProps, "TypeInputProps"> {
     contentComponents: ContentComponent<any>[];
+    control: FormControl<any>;
 }
-export declare const FormContent: React.FC<FormSectionProps>;
+export declare const FormContent: FC<FormSectionProps>;
 export {};

package/pages/content-builder/components/form-content.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContent = void 0;
+var react_1 = __importDefault(require("react"));
+var react_hook_form_1 = require("react-hook-form");
+var getSection = function (sections, type) {
+    return sections.find(function (s) { return s.getConfig().type === type; });
+};
+var FormContent = function (props) {
+    var contentComponents = props.contentComponents, onRemove = props.onRemove, name = props.name, index = props.index, control = props.control;
+    var field = (0, react_hook_form_1.useController)({ control: control, name: "".concat(name, ".type") }).field;
+    var SectionContent = getSection(contentComponents, field.value);
+    if (SectionContent) {
+        return (react_1.default.createElement(SectionContent, { name: "".concat(name, ".content"), onRemove: onRemove, index: index, TypeInputProps: __assign(__assign({}, field), { options: contentComponents.map(function (s) { return ({
+                    id: s.getConfig().type,
+                    label: s.getConfig().label,
+                }); }) }), control: control }));
+    }
+    return (react_1.default.createElement("div", { className: "align-center flex justify-center p-4" },
+        react_1.default.createElement("p", { className: "ml-4 font-bold text-error" }, "Nepodporovan\u00E1 sekce")));
+};
+exports.FormContent = FormContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb21wb25lbnRzL2Zvcm0tY29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBa0M7QUFFbEMsbURBQWdEO0FBUWhELElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBaUMsRUFBRSxJQUFZO0lBQy9ELE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUEzQixDQUEyQixDQUFDLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBRUssSUFBTSxXQUFXLEdBQXlCLFVBQUMsS0FBSztJQUMzQyxJQUFBLGlCQUFpQixHQUFxQyxLQUFLLGtCQUExQyxFQUFFLFFBQVEsR0FBMkIsS0FBSyxTQUFoQyxFQUFFLElBQUksR0FBcUIsS0FBSyxLQUExQixFQUFFLEtBQUssR0FBYyxLQUFLLE1BQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRTVELElBQUEsS0FBSyxHQUFLLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQUcsSUFBSSxVQUFPLEVBQUUsQ0FBQyxNQUE5RCxDQUErRDtJQUU1RSxJQUFNLGNBQWMsR0FBRyxVQUFVLENBQUMsaUJBQWlCLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxFLElBQUksY0FBYyxFQUFFO1FBQ2hCLE9BQU8sQ0FDSCw4QkFBQyxjQUFjLElBQ1gsSUFBSSxFQUFFLFVBQUcsSUFBSSxhQUFVLEVBQ3ZCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osY0FBYyx3QkFDUCxLQUFLLEtBQ1IsT0FBTyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUM7b0JBQ25DLEVBQUUsRUFBRSxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUMsSUFBSTtvQkFDdEIsS0FBSyxFQUFFLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxLQUFLO2lCQUM3QixDQUFDLEVBSG9DLENBR3BDLENBQUMsS0FFUCxPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNMLENBQUM7S0FDTDtJQUVELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsc0NBQXNDO1FBQ2pELHFDQUFHLFNBQVMsRUFBQywyQkFBMkIsK0JBQXdCLENBQzlELENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTlCVyxRQUFBLFdBQVcsZUE4QnRCIn0=

package/pages/content-builder/components/form-root-fields.d.ts

@@ -0,0 +1,11 @@
+import { FormControl } from "@uxf/form/form/form";
+import { FC, ReactNode } from "react";
+import { ContentBuilderConfig } from "../types";
+interface Props {
+    config: ContentBuilderConfig<any>;
+    id: number | null;
+    children?: ReactNode;
+    control: FormControl<any>;
+}
+export declare const FormRootFields: FC<Props>;
+export {};

package/pages/content-builder/components/form-root-fields.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRootFields = void 0;
+var checkbox_input_1 = require("@uxf/form/checkbox-input");
+var combobox_1 = require("@uxf/form/combobox/combobox");
+var file_input_1 = require("@uxf/form/file-input");
+var multi_combobox_1 = require("@uxf/form/multi-combobox");
+var select_1 = require("@uxf/form/select");
+var text_input_1 = require("@uxf/form/text-input");
+var textarea_1 = require("@uxf/form/textarea");
+var react_1 = __importDefault(require("react"));
+var api_1 = require("../../../api");
+var date_time_picker_1 = require("../../../forms/components/date-time-picker");
+var on_upload_file_1 = require("../../../forms/utils/on-upload-file");
+var options = [
+    { id: "PRIVATE", label: "Privátní" },
+    { id: "PUBLIC_WITHOUT_SITEMAP", label: "Veřejný bez sitemapy" },
+    { id: "PUBLIC", label: "Veřejný" },
+];
+var FormRootFields = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var children = props.children, config = props.config, id = props.id, control = props.control;
+    return (react_1.default.createElement("div", { className: "pb-2 pt-4" },
+        react_1.default.createElement("div", { className: "space-y-4 px-4 pb-4" },
+            config.allowedTypes && (react_1.default.createElement("div", null,
+                react_1.default.createElement(select_1.Select, { name: "type", label: "Typ", options: config.allowedTypes, isReadOnly: !!id, isRequired: true, control: control }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Nadpis", isRequired: true, control: control })),
+            !((_a = config.hide) === null || _a === void 0 ? void 0 : _a.publishedAt) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(date_time_picker_1.DateTimePicker, { name: "publishedAt", label: "Datum publikace", isRequired: true, control: control }))),
+            !((_b = config.hide) === null || _b === void 0 ? void 0 : _b.perex) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(textarea_1.Textarea, { name: "perex", label: "Perex", rows: 3, control: control }))),
+            !((_c = config.hide) === null || _c === void 0 ? void 0 : _c.author) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(combobox_1.Combobox, { name: "author", label: "Autor", loadOptions: function (term) {
+                        return (0, api_1.autocomplete)(null, { name: "content-author" }, { term: term }).then(function (r) { return r.data; });
+                    }, control: control }))),
+            !((_d = config.hide) === null || _d === void 0 ? void 0 : _d.category) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(combobox_1.Combobox, { name: "category", label: "Kategorie", loadOptions: function (term) {
+                        return (0, api_1.autocomplete)(null, { name: "content-category" }, { term: term }).then(function (r) { return r.data; });
+                    }, control: control }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: "tags", label: "Tagy", loadOptions: function (term) {
+                        return (0, api_1.autocomplete)(null, { name: "content-tag" }, { term: term }).then(function (r) { return r.data; });
+                    }, control: control })),
+            !((_e = config.hide) === null || _e === void 0 ? void 0 : _e.image) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(file_input_1.FileInput, { id: "image", name: "image", label: "Hlavn\u00ED obr\u00E1zek", onUploadFile: on_upload_file_1.onUploadFile, control: control }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: "active", label: "Aktivn\u00ED", control: control })),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(select_1.Select, { name: "visibilityLevel", label: "Viditelnost", options: options, isRequired: true, control: control }))),
+        react_1.default.createElement("h2", { className: "uxf-typo-h5 px-4 pb-4 pt-6" }, "SEO"),
+        react_1.default.createElement("div", { className: "space-y-4 p-4" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.name", label: "Slug", helperText: "Slug = unik\u00E1tn\u00ED koncovka URL adresy", control: control })),
+            !((_g = (_f = config.hide) === null || _f === void 0 ? void 0 : _f.seo) === null || _g === void 0 ? void 0 : _g.title) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.title", label: "Nadpis", control: control }))),
+            !((_j = (_h = config.hide) === null || _h === void 0 ? void 0 : _h.seo) === null || _j === void 0 ? void 0 : _j.description) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.description", label: "Popis", control: control }))),
+            !((_l = (_k = config.hide) === null || _k === void 0 ? void 0 : _k.seo) === null || _l === void 0 ? void 0 : _l.ogTitle) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogTitle", label: "OG nadpis", helperText: "Nadpis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
+            !((_o = (_m = config.hide) === null || _m === void 0 ? void 0 : _m.seo) === null || _o === void 0 ? void 0 : _o.ogDescription) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogDescription", label: "OG popis", helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
+            !((_q = (_p = config.hide) === null || _p === void 0 ? void 0 : _p.seo) === null || _q === void 0 ? void 0 : _q.ogImage) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(file_input_1.FileInput, { id: "seo.ogImage", name: "seo.ogImage", label: "OG obr\u00E1zek", helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", onUploadFile: on_upload_file_1.onUploadFile, control: control })))),
+        children));
+};
+exports.FormRootFields = FormRootFields;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1yb290LWZpZWxkcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29tcG9uZW50cy9mb3JtLXJvb3QtZmllbGRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwyREFBeUQ7QUFDekQsd0RBQXVEO0FBQ3ZELG1EQUFpRDtBQUVqRCwyREFBeUQ7QUFDekQsMkNBQTBDO0FBQzFDLG1EQUFpRDtBQUNqRCwrQ0FBOEM7QUFDOUMsZ0RBQTZDO0FBQzdDLG9DQUFrRTtBQUNsRSwrRUFBNEU7QUFDNUUsc0VBQW1FO0FBR25FLElBQU0sT0FBTyxHQUFrRDtJQUMzRCxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtJQUNwQyxFQUFFLEVBQUUsRUFBRSx3QkFBd0IsRUFBRSxLQUFLLEVBQUUsc0JBQXNCLEVBQUU7SUFDL0QsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7Q0FDckMsQ0FBQztBQVNLLElBQU0sY0FBYyxHQUFjLFVBQUMsS0FBSzs7SUFDbkMsSUFBQSxRQUFRLEdBQTBCLEtBQUssU0FBL0IsRUFBRSxNQUFNLEdBQWtCLEtBQUssT0FBdkIsRUFBRSxFQUFFLEdBQWMsS0FBSyxHQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUVoRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLFdBQVc7UUFDdEIsdUNBQUssU0FBUyxFQUFDLHFCQUFxQjtZQUMvQixNQUFNLENBQUMsWUFBWSxJQUFJLENBQ3BCO2dCQUNJLDhCQUFDLGVBQU0sSUFDSCxJQUFJLEVBQUMsTUFBTSxFQUNYLEtBQUssRUFBQyxLQUFLLEVBQ1gsT0FBTyxFQUFFLE1BQU0sQ0FBQyxZQUFZLEVBQzVCLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUNoQixVQUFVLFFBQ1YsT0FBTyxFQUFFLE9BQU8sR0FD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

package/pages/content-builder/components/form.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { FormProps as UXFFormProps } from "@uxf/form/form";
+import { ContentBuilderConfig, RootContent } from "../types";
+export interface FormProps extends Omit<UXFFormProps<RootContent<any>>, "children"> {
+    config: ContentBuilderConfig<any>;
+    id: number | null;
+}
+export declare const Form: FC<FormProps>;

package/pages/content-builder/components/form.js

@@ -0,0 +1,44 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var react_1 = __importDefault(require("react"));
+var form_1 = require("@uxf/form/form");
+var form_root_fields_1 = require("./form-root-fields");
+var content_field_1 = require("../content-field");
+var button_1 = require("@uxf/ui/button");
+var Form = function (props) {
+    var config = props.config, id = props.id, formProps = __rest(props, ["config", "id"]);
+    return (react_1.default.createElement(form_1.Form, __assign({}, formProps), function (control, formApi) { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(form_root_fields_1.FormRootFields, { config: config, id: id, control: control },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h2", { className: "uxf-typo-h5 px-4 pb-4 pt-6" }, "Obsah"),
+                react_1.default.createElement(content_field_1.ContentField, { name: "content", contentComponents: config.contentComponents, control: control }))),
+        react_1.default.createElement(button_1.Button, { type: "submit", disabled: formApi.formState.isSubmitting }, "Ulo\u017Eit"))); }));
+};
+exports.Form = Form;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29tcG9uZW50cy9mb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLHVDQUE0RTtBQUU1RSx1REFBb0Q7QUFDcEQsa0RBQWdEO0FBQ2hELHlDQUF3QztBQU9qQyxJQUFNLElBQUksR0FBa0IsVUFBQyxLQUFLO0lBQzdCLElBQUEsTUFBTSxHQUF1QixLQUFLLE9BQTVCLEVBQUUsRUFBRSxHQUFtQixLQUFLLEdBQXhCLEVBQUssU0FBUyxVQUFLLEtBQUssRUFBcEMsZ0JBQTRCLENBQUYsQ0FBVztJQUUzQyxPQUFPLENBQ0gsOEJBQUMsV0FBTyxlQUF1QixTQUFTLEdBQ25DLFVBQUMsT0FBTyxFQUFFLE9BQU8sSUFBSyxPQUFBLENBQ25CO1FBQ0ksOEJBQUMsaUNBQWMsSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLE9BQU87WUFDcEQ7Z0JBQ0ksc0NBQUksU0FBUyxFQUFDLDRCQUE0QixZQUFXO2dCQUNyRCw4QkFBQyw0QkFBWSxJQUNULElBQUksRUFBQyxTQUFTLEVBQ2QsaUJBQWlCLEVBQUUsTUFBTSxDQUFDLGlCQUFpQixFQUMzQyxPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ087UUFDakIsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsWUFBWSxrQkFFckQsQ0FDVixDQUNOLEVBaEJzQixDQWdCdEIsQ0FDSyxDQUNiLENBQUM7QUFDTixDQUFDLENBQUM7QUF4QlcsUUFBQSxJQUFJLFFBd0JmIn0=

package/pages/{ContentBuilder/content/FeatureSection.d.ts → content-builder/content/feature-section.d.ts}

@@ -1,7 +1,7 @@
 import { WysiwygContent } from "@uxf/wysiwyg";
-import { FileResponse } from "../../../ui/FileUploadInput";
 import { Content, ContentComponent, ContentProps } from "../types";
-export declare type FeatureSectionFormData = {
+import { FileResponse } from "../../../api";
+export type FeatureSectionFormData = {
     title: string;
     subtitle?: string;
     features: Array<{
@@ -11,7 +11,7 @@ export declare type FeatureSectionFormData = {
         ctaUrl?: string;
     }>;
 };
-declare type Props = ContentProps;
-export declare type FeatureSectionContent = Content<"featureSection", FeatureSectionFormData>;
+type Props = ContentProps;
+export type FeatureSectionContent = Content<"featureSection", FeatureSectionFormData>;
 export declare const FeatureSection: ContentComponent<FeatureSectionContent, Props>;
 export {};

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

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureSection = void 0;
+var text_input_1 = require("@uxf/form/text-input");
+var react_1 = __importDefault(require("react"));
+var content_header_1 = require("../content-header");
+var file_input_1 = require("@uxf/form/file-input");
+var button_1 = require("@uxf/ui/button");
+var react_hook_form_1 = require("react-hook-form");
+var on_upload_dropzone_file_1 = require("../../../forms/utils/on-upload-dropzone-file");
+var FeatureSection = function (props) {
+    var name = props.name, control = props.control;
+    var _a = (0, react_hook_form_1.useFieldArray)({ control: control, name: "".concat(name, ".features") }), fields = _a.fields, remove = _a.remove, append = _a.append;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
+        react_1.default.createElement("div", { className: "pt-6" },
+            react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
+                react_1.default.createElement("div", { className: "col-span-12" },
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
+                react_1.default.createElement("div", { className: "col-span-12" },
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis", control: control })),
+                react_1.default.createElement("div", { className: "col-span-12" },
+                    fields.map(function (field, index) {
+                        var handleRemove = function () {
+                            // eslint-disable-next-line no-alert
+                            if (confirm("Opravdu chcete smazat feature?")) {
+                                remove(index);
+                            }
+                        };
+                        return (react_1.default.createElement("div", { key: field.id, className: "mb-8 border-l-2 border-primary pl-8" },
+                            react_1.default.createElement("div", { className: "flex justify-between" },
+                                react_1.default.createElement("h4", { className: "uxf-typo-h6" },
+                                    "Feature #",
+                                    index + 1),
+                                index > 0 ? (react_1.default.createElement("div", null,
+                                    react_1.default.createElement(button_1.Button, { size: "sm", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement("div", null))),
+                            react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].title"), label: "Nadpis", isRequired: true, control: control })),
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(file_input_1.FileInput, { id: "".concat(name, ".features[").concat(index, "].image"), name: "".concat(name, ".features[").concat(index, "].image"), label: "Obr\u00E1zek", onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile, control: control })),
+                                react_1.default.createElement("div", { className: "col-span-12" }, "TODO: @honisek - Wysiwyg je z\u00E1visl\u00FD na MUI"),
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].ctaUrl"), label: "CTA url", control: control })))));
+                    }),
+                    react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ title: "" }); } }, "P\u0159idat feature"))))));
+};
+exports.FeatureSection = FeatureSection;
+exports.FeatureSection.getConfig = function () { return ({
+    type: "featureSection",
+    label: "Feature sekce",
+}); };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb250ZW50L2ZlYXR1cmUtc2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtREFBaUQ7QUFFakQsZ0RBQTBCO0FBQzFCLG9EQUFrRDtBQUVsRCxtREFBaUQ7QUFDakQseUNBQXdDO0FBQ3hDLG1EQUFnRDtBQUVoRCx3RkFBb0Y7QUFpQjdFLElBQU0sY0FBYyxHQUFtRCxVQUFDLEtBQUs7SUFDeEUsSUFBQSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUUxQixJQUFBLEtBQTZCLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLElBQUksRUFBRSxVQUFHLElBQUksY0FBVyxFQUFFLENBQUMsRUFBL0UsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUF5RCxDQUFDO0lBRXhGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDhCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzVCLHVDQUFLLFNBQVMsRUFBQyxNQUFNO1lBQ2pCLHVDQUFLLFNBQVMsRUFBQyw4QkFBOEI7Z0JBQ3pDLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksV0FBUSxFQUFFLEtBQUssRUFBQyxRQUFRLEVBQUMsVUFBVSxRQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDOUU7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxjQUFXLEVBQUUsS0FBSyxFQUFDLFdBQVcsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3pFO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN2QixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxFQUFFLEtBQUs7d0JBQ3JCLElBQU0sWUFBWSxHQUFHOzRCQUNqQixvQ0FBb0M7NEJBQ3BDLElBQUksT0FBTyxDQUFDLGdDQUFnQyxDQUFDLEVBQUU7Z0NBQzNDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQzs2QkFDakI7d0JBQ0wsQ0FBQyxDQUFDO3dCQUNGLE9BQU8sQ0FDSCx1Q0FBSyxHQUFHLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRSxTQUFTLEVBQUMscUNBQXFDOzRCQUMvRCx1Q0FBSyxTQUFTLEVBQUMsc0JBQXNCO2dDQUNqQyxzQ0FBSSxTQUFTLEVBQUMsYUFBYTs7b0NBQVcsS0FBSyxHQUFHLENBQUMsQ0FBTTtnQ0FDcEQsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDVDtvQ0FDSSw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUUsWUFBWSxxQkFFOUIsQ0FDUCxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsMENBQU8sQ0FDVixDQUNDOzRCQUNOLHVDQUFLLFNBQVMsRUFBQyw4QkFBOEI7Z0NBQ3pDLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29DQUN4Qiw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLElBQUksdUJBQWEsS0FBSyxZQUFTLEVBQ3hDLEtBQUssRUFBQyxRQUFRLEVBQ2QsVUFBVSxRQUNWLE9BQU8sRUFBRSxPQUFPLEdBQ2xCLENBQ0E7Z0NBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0NBQ3hCLDhCQUFDLHNCQUFTLElBQ04sRUFBRSxFQUFFLFVBQUcsSUFBSSx1QkFBYSxLQUFLLFlBQVMsRUFDdEMsSUFBSSxFQUFFLFVBQUcsSUFBSSx1QkFBYSxLQUFLLFlBQVMsRUFDeEMsS0FBSyxFQUFDLGNBQVMsRUFDZixZQUFZLEVBQUUsOENBQW9CLEVBQ2xDLE9BQU8sRUFBRSxPQUFPLEdBQ2xCLENBQ0E7Z0NBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWEsMkRBR3RCO2dDQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29DQUN4Qiw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLElBQUksdUJBQWEsS0FBSyxhQUFVLEVBQ3pDLEtBQUssRUFBQyxTQUFTLEVBQ2YsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNKLENBQ0osQ0FDVCxDQUFDO29CQUNOLENBQUMsQ0FBQztvQkFDRiw4QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFyQixDQUFxQiwwQkFFdEQsQ0FDUCxDQUNKLENBQ0osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUEvRVcsUUFBQSxjQUFjLGtCQStFekI7QUFFRixzQkFBYyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUM5QixJQUFJLEVBQUUsZ0JBQWdCO0lBQ3RCLEtBQUssRUFBRSxlQUFlO0NBQ3pCLENBQUMsRUFIK0IsQ0FHL0IsQ0FBQyJ9