@vonaffenfels/contentful-teasermanager 1.1.51 → 1.1.53

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-teasermanager",
-    "version": "1.1.51",
+    "version": "1.1.53",
     "main": "dist/index.js",
     "scripts": {
         "prepublish": "yarn run build",
@@ -96,10 +96,10 @@
         "webpack-dev-server": "^4.0.0-beta.2"
     },
     "dependencies": {
-        "@vonaffenfels/slate-editor": "^1.1.51",
+        "@vonaffenfels/slate-editor": "^1.1.52",
         "webpack": "5.88.2"
     },
-    "gitHead": "b95716b54761425787bdbbd58d7324005c26902c",
+    "gitHead": "5fb290a60b6c1b427ab90c9687ee7289738d78f3",
     "publishConfig": {
         "access": "public"
     }

package/src/components/Contentful/ConfigScreen.js

@@ -1,77 +1,94 @@
-import React, {Component} from 'react';
+import React, {
+    useEffect, useState,
+} from 'react';
 import {
-    Heading, Form, TextField, Workbench, Paragraph,
+    Form, Workbench,
 } from '@contentful/forma-36-react-components';
+import {FormControl} from '@contentful/f36-components';
+import {Multiselect} from '@contentful/f36-multiselect';
 import {css} from 'emotion';
 
-export default class Config extends Component {
+const Config = ({sdk}) => {
+    const [params, setParams] = useState({usersWithAccess: []});
+    const [spaceUsers, setSpaceUsers] = useState([]);
 
-    constructor(props) {
-        super(props);
-        this.state = {parameters: {}};
+    const onConfigure = async () => {
+        const currentState = await sdk.app.getCurrentState();
 
-        // `onConfigure` allows to configure a callback to be
-        // invoked when a user attempts to install the app or update
-        // its configuration.
-        props.sdk.app.onConfigure(() => this.onConfigure());
-    }
+        return {
+            parameters: params,
+            targetState: currentState,
+        };
+    };
 
-    async componentDidMount() {
-        // Get current parameters of the app.
-        // If the app is not installed yet, `parameters` will be `null`.
-        const parameters = await this.props.sdk.app.getParameters();
+    useEffect(() => {
+        if (sdk) {
+            sdk.app.getParameters().then(params => {
+                setParams(params);
+                sdk.app.setReady();
+            });
+            sdk.space.getUsers().then(users => {
+                setSpaceUsers(users.items.map(v => v.email));
+            });
+        }
+    }, [sdk]);
 
-        this.setState(parameters ? {parameters} : this.state, () => {
-            // Once preparation has finished, call `setReady` to hide
-            // the loading screen and present the app to a user.
-            this.props.sdk.app.setReady();
-        });
-    }
+    useEffect(() => {
+        if (sdk) {
+            sdk.app.onConfigure(() => onConfigure());
+        }
+    }, [sdk, params]);
 
-    async onConfigure() {
-        // This method will be called when a user clicks on "Install"
-        // or "Save" in the configuration screen.
-        // for more details see https://www.contentful.com/developers/docs/extensibility/ui-extensions/sdk-reference/#register-an-app-configuration-hook
+    const handleSelectItem = (event) => {
+        const {
+            checked,
+            value,
+        } = event.target;
 
-        // Get current the state of EditorInterface and other entities
-        // related to this app installation
-        const currentState = await this.props.sdk.app.getCurrentState();
+        let newValue = params?.usersWithAccess || [];
+        if (checked) {
+            newValue = [...newValue, value];
+        } else {
+            newValue = newValue.filter((email) => email !== value);
+        }
 
-        return {
-            // Parameters to be persisted as the app configuration.
-            parameters: this.state.parameters,
-            // In case you don't want to submit any update to app
-            // locations, you can just pass the currentState as is
-            targetState: currentState,
-        };
-    }
-
-    onFieldChanged(value, field) {
-        this.setState({
-            parameters: {
-                ...this.state.parameters,
-                [field]: value,
-            },
+        setParams({
+            ...params,
+            usersWithAccess: newValue,
         });
-    }
+    };
+
 
-    render() {
-        return (
-            <Workbench className={css({
-                padding: '80px',
-                backgroundColor: "#FFF",
-            })}>
-                <Form>
-                    <Heading>Configuration</Heading>
-                    <TextField
-                        value={this.state.parameters.contentField}
-                        onChange={e => this.onFieldChanged(e.target.value, "contentField")}
-                        labelText="Content Field Name"
-                        required
-                    />
-                </Form>
-            </Workbench>
-        );
-    }
+    return (
+        <Workbench className={css({
+            padding: '80px',
+            backgroundColor: "#FFF",
+        })}>
+            <Form>
+                <FormControl>
+                    <FormControl.Label>Teasermanager Benutzer</FormControl.Label>
+                    <Multiselect
+                        currentSelection={params.usersWithAccess}
+                        popoverProps={{isFullWidth: true}}
+                    >
+                        {spaceUsers.map((userEmail) => {
+                            const val = userEmail.toLowerCase().replace(/\s/g, '-');
+                            return (
+                                <Multiselect.Option
+                                    key={`user-${val}}`}
+                                    itemId={val}
+                                    value={userEmail}
+                                    label={userEmail}
+                                    onSelectItem={handleSelectItem}
+                                    isChecked={params.usersWithAccess?.includes(userEmail)}
+                                />
+                            );
+                        })}
+                    </Multiselect>
+                </FormControl>
+            </Form>
+        </Workbench>
+    );
+};
 
-}
+export default Config;

package/src/components/Contentful/Dialog.js

@@ -1,48 +1,63 @@
-import React, {useEffect, useState} from 'react';
-import {NewestArticles} from "./Dialog/NewestArticles";
-
-const Dialog = ({sdk, portals, getArticleThumbnailUrl}) => {
-    const [slotState, setSlotState] = useState({});
-
-    const selectEntry = (entry) => {
-        sdk.close(entry);
-    }
-
-    const loadSlotStateForPage = async () => {
-        try {
-            const apiRoot = sdk.parameters.instance.apiRoot;
-            const portal = sdk.parameters.invocation.portal;
-            const pageId = sdk.parameters.invocation.entryId;
-            const date = sdk.parameters.invocation.date;
-            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${pageId}&date=${date.toISOString()}`;
-            const response = await fetch(teasermanagerUrl).then(res => res.json());
-
-            if (response?.message) {
-                console.error(response.message);
-            }
-
-            return response?.data || {};
-        } catch (e) {
-            console.error(e);
-        }
-    }
-
-    useEffect(() => {
-        loadSlotStateForPage().then(setSlotState);
-    }, [sdk.parameters.invocation]);
-
-    return <div style={{backgroundColor: "#FFFFFF", minHeight: "100vh"}}>
-        <NewestArticles sdk={sdk} onEntryClick={selectEntry} slotState={slotState} getArticleThumbnailUrl={getArticleThumbnailUrl} portals={portals}/>
-        {/*
-        <Tabs defaultTab="newest">
-            <Tabs.List>
-                <Tabs.Tab panelId="newest">Neuste Artikel</Tabs.Tab>
-            </Tabs.List>
-            <Tabs.Panel id="newest">
-            </Tabs.Panel>
-        </Tabs>
-        */}
-    </div>
-};
-
-export default Dialog;
+import React, {
+    useEffect, useState,
+} from 'react';
+import {NewestArticles} from "./Dialog/NewestArticles";
+import {NoAccess} from "../NoAccess";
+
+const Dialog = ({
+    sdk,
+    portals,
+    getArticleThumbnailUrl,
+}) => {
+    const [slotState, setSlotState] = useState({});
+    const enabled = sdk?.parameters?.installation?.usersWithAccess?.includes(sdk?.user?.email);
+
+    const selectEntry = (entry) => {
+        sdk.close(entry);
+    };
+
+    const loadSlotStateForPage = async () => {
+        try {
+            const apiRoot = sdk.parameters.instance.apiRoot;
+            const portal = sdk.parameters.invocation.portal;
+            const pageId = sdk.parameters.invocation.entryId;
+            const date = sdk.parameters.invocation.date;
+            const teasermanagerUrl = `${apiRoot}/api/findStateForPage?project=${portal}&page=${pageId}&date=${date.toISOString()}`;
+            const response = await fetch(teasermanagerUrl).then(res => res.json());
+
+            if (response?.message) {
+                console.error(response.message);
+            }
+
+            return response?.data || {};
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    useEffect(() => {
+        loadSlotStateForPage().then(setSlotState);
+    }, [sdk.parameters.invocation]);
+
+    if (!enabled) {
+        return <NoAccess sdk={sdk}/>;
+    }
+
+    return <div style={{
+        backgroundColor: "#FFFFFF",
+        minHeight: "100vh",
+    }}>
+        <NewestArticles sdk={sdk} onEntryClick={selectEntry} slotState={slotState} getArticleThumbnailUrl={getArticleThumbnailUrl} portals={portals}/>
+        {/*
+        <Tabs defaultTab="newest">
+            <Tabs.List>
+                <Tabs.Tab panelId="newest">Neuste Artikel</Tabs.Tab>
+            </Tabs.List>
+            <Tabs.Panel id="newest">
+            </Tabs.Panel>
+        </Tabs>
+        */}
+    </div>;
+};
+
+export default Dialog;

package/src/components/Contentful/EntryEditor.js

@@ -2,12 +2,14 @@ import React, {
     useEffect, useState,
 } from 'react';
 import {Teasermanager} from "../Teasermanager";
+import {NoAccess} from "../NoAccess";
 
 const Entry = ({sdk}) => {
     const contentField = sdk.parameters.instance.contentField;
     const [locale, setLocale] = useState(sdk.locales.default);
     const [portal, setPortal] = useState();
     const portalField = sdk?.entry?.fields?.portal;
+    const enabled = sdk?.parameters?.installation?.usersWithAccess?.includes(sdk?.user?.email);
 
     portalField?.onValueChanged(() => {
         if (portalField.getValue() !== portal) {
@@ -86,7 +88,7 @@ const Entry = ({sdk}) => {
             console.error(e);
             alert("Fehler beim speichern!");
         }
-    }
+    };
 
     const loadSlotStateForPage = async (date) => {
         try {
@@ -102,7 +104,7 @@ const Entry = ({sdk}) => {
         } catch (e) {
             console.error(e);
         }
-    }
+    };
 
     const loadTimelineStateForPage = async (fromDate, toDate) => {
         try {
@@ -118,6 +120,10 @@ const Entry = ({sdk}) => {
         } catch (e) {
             console.error(e);
         }
+    };
+
+    if (!enabled) {
+        return <NoAccess sdk={sdk}/>;
     }
 
     return <Teasermanager

package/src/components/Contentful/Page.js

@@ -1,13 +1,15 @@
 import React from 'react';
 import {Teasermanager} from "../Teasermanager";
+import {NoAccess} from "../NoAccess";
 
 const Page = ({sdk}) => {
+    const enabled = sdk?.parameters?.installation?.usersWithAccess?.includes(sdk?.user?.email);
 
-    const onSlotClick = (slotId, currentDate) => {
-        console.log("KIENZ_DEBUG: :7 / onSlotClick", {sdk});
+    if (!enabled) {
+        return <NoAccess sdk={sdk}/>;
     }
 
-    return <Teasermanager entryId={"4RvZ6fcUtBIgw2Hw5YILPs"} onSlotClick={onSlotClick} />;
+    return <Teasermanager entryId={"4RvZ6fcUtBIgw2Hw5YILPs"} />;
 };
 
 export default Page;

package/src/components/NoAccess.js

@@ -0,0 +1,13 @@
+import {
+    DisplayText, Flex, Paragraph,
+} from "@contentful/f36-components";
+
+export const NoAccess = ({sdk}) => {
+    return <Flex flexDirection="column" alignItems="center" paddingTop="spacing2Xl">
+        <DisplayText>
+            Kein Zugriff
+        </DisplayText>
+        <Paragraph>Bitte wenden Sie sich an einen Administrator wenn sie Zugriff benötigen</Paragraph>
+        <Paragraph>Angemeldeter Benutzer: {sdk?.user?.email}</Paragraph>
+    </Flex>;
+};

package/src/index.js

@@ -12,7 +12,7 @@ import Dialog from "./components/Contentful/Dialog";
 import Page from "./components/Contentful/Page";
 import {initContentfulClient} from "./lib/contentfulClient";
 
-export const BaseContentfulApp = (props) => {
+export const BaseContentfulApp = (props = {}) => {
     init((sdk) => {
         const rootContainer = document.getElementById('root');
 
@@ -43,6 +43,7 @@ export const BaseContentfulApp = (props) => {
         ];
 
         ComponentLocationSettings.forEach((componentLocationSetting) => {
+            console.log("index.js:46 / ANON", sdk.location);
             if (sdk.location.is(componentLocationSetting.location)) {
                 const root = createRoot(rootContainer); // createRoot(container!) if you use TypeScript
                 root.render(componentLocationSetting.component);

package/dist/_base_slate-editor_src_dev_testComponents_TestStory3_js.js

@@ -1,94 +0,0 @@
-"use strict";
-(this["webpackChunk_vonaffenfels_contentful_teasermanager"] = this["webpackChunk_vonaffenfels_contentful_teasermanager"] || []).push([["_base_slate-editor_src_dev_testComponents_TestStory3_js"],{
-
-/***/ "../../@base/slate-editor/src/dev/testComponents/TestStory3.js":
-/*!*********************************************************************!*\
-  !*** ../../@base/slate-editor/src/dev/testComponents/TestStory3.js ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ TestStory3)
-/* harmony export */ });
-/* harmony import */ var C_Users_fodor_Projects_contentful_apps_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js */ "../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
-/* harmony import */ var C_Users_fodor_Projects_contentful_apps_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js */ "../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "../../node_modules/react/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-
-
-var _excluded = ["title", "mvp"];
-
-var __jsx = (react__WEBPACK_IMPORTED_MODULE_2___default().createElement);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,C_Users_fodor_Projects_contentful_apps_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function TestStory3(_ref) {
-  var title = _ref.title,
-    mvp = _ref.mvp,
-    props = (0,C_Users_fodor_Projects_contentful_apps_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, _excluded);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "bg-green flex flex-col space-y-8 p-4 text-black"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("h1", null, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "grid grid-cols-4"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-1"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-2"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-3"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-4"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-5"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-6"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-7"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-8"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-9"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-10"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-11"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-12"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, obcaecati, unde! In labore nesciunt optio, possimus praesentium sunt temporibus vero."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-13"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, rem, sapiente! At consequatur cum distinctio dolorem doloribus eligendi labore necessitatibus nemo officia, perspiciatis porro quisquam quos, saepe vitae voluptas. Eligendi?"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-14"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias beatae doloribus ex, impedit labore maxime perspiciatis quas. Alias aspernatur cupiditate, error impedit ipsa libero obcaecati reprehenderit sit sunt veniam."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-15"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores at consequatur cupiditate dolore, dolorem, eligendi et eum explicabo harum illum inventore maxime molestias porro quod recusandae, reiciendis repellat repudiandae saepe sint tempora tempore temporibus veniam voluptates. Dignissimos explicabo iusto reprehenderit."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", {
-    className: "border border-black p-4",
-    "data-teasermanager-slot": "test-16"
-  }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aperiam beatae consequatur consequuntur deserunt exercitationem fugit, magni necessitatibus pariatur quae quia, quisquam saepe sunt, tenetur!")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("h2", null, "Props"), !!mvp && mvp.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("ul", null, mvp.map(function (m) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("li", {
-      key: m.feld1
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("b", null, m.feld1), ":", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", null, m.feld2));
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", null, JSON.stringify(_objectSpread(_objectSpread({}, props), {}, {
-    mvp: mvp,
-    title: title
-  }))));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiX2Jhc2Vfc2xhdGUtZWRpdG9yX3NyY19kZXZfdGVzdENvbXBvbmVudHNfVGVzdFN0b3J5M19qcy5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBZSxTQUFTQSxVQUFVQSxDQUFBQyxJQUFBLEVBSS9CO0VBQUEsSUFIQ0MsS0FBSyxHQUFBRCxJQUFBLENBQUxDLEtBQUs7SUFDTEMsR0FBRyxHQUFBRixJQUFBLENBQUhFLEdBQUc7SUFDQUMsS0FBSyxHQUFBQyxvSkFBQSxDQUFBSixJQUFBLEVBQUFLLFNBQUE7RUFFUixvQkFBT0MsMERBQUE7SUFBS0UsU0FBUyxFQUFDO0VBQWlELGdCQUNuRUYsMERBQUEsYUFBS0wsS0FBVSxDQUFDLGVBQ2hCSywwREFBQTtJQUFLRSxTQUFTLEVBQUM7RUFBa0IsZ0JBQzdCRiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyw0TUFFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyw0SkFFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyxrUEFFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyxrT0FFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyw2VUFFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyw0TUFFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyw0SkFFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyxrUEFFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVEsR0FBQyxrT0FFckUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVMsR0FBQyw2VUFFdEUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVMsR0FBQyw0TUFFdEUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVMsR0FBQyw0SkFFdEUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVMsR0FBQyxrUEFFdEUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVMsR0FBQyxrT0FFdEUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVMsR0FBQyw2VUFFdEUsQ0FBQyxlQUNORiwwREFBQTtJQUFLRSxTQUFTLEVBQUMseUJBQXlCO0lBQUMsMkJBQXdCO0VBQVMsR0FBQyw0TUFFdEUsQ0FDSixDQUFDLGVBQ05GLDBEQUFBLGFBQUksT0FBUyxDQUFDLEVBQ2IsQ0FBQyxDQUFDSixHQUFHLElBQUlBLEdBQUcsQ0FBQ08sTUFBTSxHQUFHLENBQUMsaUJBQ3BCSCwwREFBQSxhQUNLSixHQUFHLENBQUNRLEdBQUcsQ0FBQyxVQUFBQyxDQUFDO0lBQUEsb0JBQ05MLDBEQUFBO01BQUlNLEdBQUcsRUFBRUQsQ0FBQyxDQUFDRTtJQUFNLGdCQUNiUCwwREFBQSxZQUFJSyxDQUFDLENBQUNFLEtBQVMsQ0FBQyxLQUNoQixlQUFBUCwwREFBQSxlQUFPSyxDQUFDLENBQUNHLEtBQVksQ0FDckIsQ0FBQztFQUFBLENBQ1IsQ0FDRCxDQUNQLGVBQ0RSLDBEQUFBLGNBQU1TLElBQUksQ0FBQ0MsU0FBUyxDQUFBQyxhQUFBLENBQUFBLGFBQUEsS0FDYmQsS0FBSztJQUNSRCxHQUFHLEVBQUhBLEdBQUc7SUFDSEQsS0FBSyxFQUFMQTtFQUFLLEVBQ1IsQ0FBTyxDQUNQLENBQUM7QUFDViIsInNvdXJjZXMiOlsid2VicGFjazovL0B2b25hZmZlbmZlbHMvY29udGVudGZ1bC10ZWFzZXJtYW5hZ2VyLy4uLy4uL0BiYXNlL3NsYXRlLWVkaXRvci9zcmMvZGV2L3Rlc3RDb21wb25lbnRzL1Rlc3RTdG9yeTMuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gVGVzdFN0b3J5Myh7XHJcbiAgICB0aXRsZSxcclxuICAgIG12cCxcclxuICAgIC4uLnByb3BzXHJcbn0pIHtcclxuICAgIHJldHVybiA8ZGl2IGNsYXNzTmFtZT1cImJnLWdyZWVuIGZsZXggZmxleC1jb2wgc3BhY2UteS04IHAtNCB0ZXh0LWJsYWNrXCI+XHJcbiAgICAgICAgPGgxPnt0aXRsZX08L2gxPlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZ3JpZCBncmlkLWNvbHMtNFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTFcIj5cclxuICAgICAgICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBBZCBhcGVyaWFtIGJlYXRhZSBjb25zZXF1YXR1ciBjb25zZXF1dW50dXIgZGVzZXJ1bnQgZXhlcmNpdGF0aW9uZW0gZnVnaXQsIG1hZ25pIG5lY2Vzc2l0YXRpYnVzIHBhcmlhdHVyIHF1YWUgcXVpYSwgcXVpc3F1YW0gc2FlcGUgc3VudCwgdGVuZXR1ciFcclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYm9yZGVyIGJvcmRlci1ibGFjayBwLTRcIiBkYXRhLXRlYXNlcm1hbmFnZXItc2xvdD1cInRlc3QtMlwiPlxyXG4gICAgICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIE1vbGVzdGlhcywgb2JjYWVjYXRpLCB1bmRlISBJbiBsYWJvcmUgbmVzY2l1bnQgb3B0aW8sIHBvc3NpbXVzIHByYWVzZW50aXVtIHN1bnQgdGVtcG9yaWJ1cyB2ZXJvLlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJib3JkZXIgYm9yZGVyLWJsYWNrIHAtNFwiIGRhdGEtdGVhc2VybWFuYWdlci1zbG90PVwidGVzdC0zXCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gQ29tbW9kaSwgcmVtLCBzYXBpZW50ZSEgQXQgY29uc2VxdWF0dXIgY3VtIGRpc3RpbmN0aW8gZG9sb3JlbSBkb2xvcmlidXMgZWxpZ2VuZGkgbGFib3JlIG5lY2Vzc2l0YXRpYnVzIG5lbW8gb2ZmaWNpYSwgcGVyc3BpY2lhdGlzIHBvcnJvIHF1aXNxdWFtIHF1b3MsIHNhZXBlIHZpdGFlIHZvbHVwdGFzLiBFbGlnZW5kaT9cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYm9yZGVyIGJvcmRlci1ibGFjayBwLTRcIiBkYXRhLXRlYXNlcm1hbmFnZXItc2xvdD1cInRlc3QtNFwiPlxyXG4gICAgICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIEFkIGFsaWFzIGJlYXRhZSBkb2xvcmlidXMgZXgsIGltcGVkaXQgbGFib3JlIG1heGltZSBwZXJzcGljaWF0aXMgcXVhcy4gQWxpYXMgYXNwZXJuYXR1ciBjdXBpZGl0YXRlLCBlcnJvciBpbXBlZGl0IGlwc2EgbGliZXJvIG9iY2FlY2F0aSByZXByZWhlbmRlcml0IHNpdCBzdW50IHZlbmlhbS5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYm9yZGVyIGJvcmRlci1ibGFjayBwLTRcIiBkYXRhLXRlYXNlcm1hbmFnZXItc2xvdD1cInRlc3QtNVwiPlxyXG4gICAgICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIEFzcGVyaW9yZXMgYXQgY29uc2VxdWF0dXIgY3VwaWRpdGF0ZSBkb2xvcmUsIGRvbG9yZW0sIGVsaWdlbmRpIGV0IGV1bSBleHBsaWNhYm8gaGFydW0gaWxsdW0gaW52ZW50b3JlIG1heGltZSBtb2xlc3RpYXMgcG9ycm8gcXVvZCByZWN1c2FuZGFlLCByZWljaWVuZGlzIHJlcGVsbGF0IHJlcHVkaWFuZGFlIHNhZXBlIHNpbnQgdGVtcG9yYSB0ZW1wb3JlIHRlbXBvcmlidXMgdmVuaWFtIHZvbHVwdGF0ZXMuIERpZ25pc3NpbW9zIGV4cGxpY2FibyBpdXN0byByZXByZWhlbmRlcml0LlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJib3JkZXIgYm9yZGVyLWJsYWNrIHAtNFwiIGRhdGEtdGVhc2VybWFuYWdlci1zbG90PVwidGVzdC02XCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gQWQgYXBlcmlhbSBiZWF0YWUgY29uc2VxdWF0dXIgY29uc2VxdXVudHVyIGRlc2VydW50IGV4ZXJjaXRhdGlvbmVtIGZ1Z2l0LCBtYWduaSBuZWNlc3NpdGF0aWJ1cyBwYXJpYXR1ciBxdWFlIHF1aWEsIHF1aXNxdWFtIHNhZXBlIHN1bnQsIHRlbmV0dXIhXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTdcIj5cclxuICAgICAgICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBNb2xlc3RpYXMsIG9iY2FlY2F0aSwgdW5kZSEgSW4gbGFib3JlIG5lc2NpdW50IG9wdGlvLCBwb3NzaW11cyBwcmFlc2VudGl1bSBzdW50IHRlbXBvcmlidXMgdmVyby5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYm9yZGVyIGJvcmRlci1ibGFjayBwLTRcIiBkYXRhLXRlYXNlcm1hbmFnZXItc2xvdD1cInRlc3QtOFwiPlxyXG4gICAgICAgICAgICAgICAgTG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2ljaW5nIGVsaXQuIENvbW1vZGksIHJlbSwgc2FwaWVudGUhIEF0IGNvbnNlcXVhdHVyIGN1bSBkaXN0aW5jdGlvIGRvbG9yZW0gZG9sb3JpYnVzIGVsaWdlbmRpIGxhYm9yZSBuZWNlc3NpdGF0aWJ1cyBuZW1vIG9mZmljaWEsIHBlcnNwaWNpYXRpcyBwb3JybyBxdWlzcXVhbSBxdW9zLCBzYWVwZSB2aXRhZSB2b2x1cHRhcy4gRWxpZ2VuZGk/XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTlcIj5cclxuICAgICAgICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBBZCBhbGlhcyBiZWF0YWUgZG9sb3JpYnVzIGV4LCBpbXBlZGl0IGxhYm9yZSBtYXhpbWUgcGVyc3BpY2lhdGlzIHF1YXMuIEFsaWFzIGFzcGVybmF0dXIgY3VwaWRpdGF0ZSwgZXJyb3IgaW1wZWRpdCBpcHNhIGxpYmVybyBvYmNhZWNhdGkgcmVwcmVoZW5kZXJpdCBzaXQgc3VudCB2ZW5pYW0uXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTEwXCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gQXNwZXJpb3JlcyBhdCBjb25zZXF1YXR1ciBjdXBpZGl0YXRlIGRvbG9yZSwgZG9sb3JlbSwgZWxpZ2VuZGkgZXQgZXVtIGV4cGxpY2FibyBoYXJ1bSBpbGx1bSBpbnZlbnRvcmUgbWF4aW1lIG1vbGVzdGlhcyBwb3JybyBxdW9kIHJlY3VzYW5kYWUsIHJlaWNpZW5kaXMgcmVwZWxsYXQgcmVwdWRpYW5kYWUgc2FlcGUgc2ludCB0ZW1wb3JhIHRlbXBvcmUgdGVtcG9yaWJ1cyB2ZW5pYW0gdm9sdXB0YXRlcy4gRGlnbmlzc2ltb3MgZXhwbGljYWJvIGl1c3RvIHJlcHJlaGVuZGVyaXQuXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTExXCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gQWQgYXBlcmlhbSBiZWF0YWUgY29uc2VxdWF0dXIgY29uc2VxdXVudHVyIGRlc2VydW50IGV4ZXJjaXRhdGlvbmVtIGZ1Z2l0LCBtYWduaSBuZWNlc3NpdGF0aWJ1cyBwYXJpYXR1ciBxdWFlIHF1aWEsIHF1aXNxdWFtIHNhZXBlIHN1bnQsIHRlbmV0dXIhXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTEyXCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gTW9sZXN0aWFzLCBvYmNhZWNhdGksIHVuZGUhIEluIGxhYm9yZSBuZXNjaXVudCBvcHRpbywgcG9zc2ltdXMgcHJhZXNlbnRpdW0gc3VudCB0ZW1wb3JpYnVzIHZlcm8uXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTEzXCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gQ29tbW9kaSwgcmVtLCBzYXBpZW50ZSEgQXQgY29uc2VxdWF0dXIgY3VtIGRpc3RpbmN0aW8gZG9sb3JlbSBkb2xvcmlidXMgZWxpZ2VuZGkgbGFib3JlIG5lY2Vzc2l0YXRpYnVzIG5lbW8gb2ZmaWNpYSwgcGVyc3BpY2lhdGlzIHBvcnJvIHF1aXNxdWFtIHF1b3MsIHNhZXBlIHZpdGFlIHZvbHVwdGFzLiBFbGlnZW5kaT9cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYm9yZGVyIGJvcmRlci1ibGFjayBwLTRcIiBkYXRhLXRlYXNlcm1hbmFnZXItc2xvdD1cInRlc3QtMTRcIj5cclxuICAgICAgICAgICAgICAgIExvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBBZCBhbGlhcyBiZWF0YWUgZG9sb3JpYnVzIGV4LCBpbXBlZGl0IGxhYm9yZSBtYXhpbWUgcGVyc3BpY2lhdGlzIHF1YXMuIEFsaWFzIGFzcGVybmF0dXIgY3VwaWRpdGF0ZSwgZXJyb3IgaW1wZWRpdCBpcHNhIGxpYmVybyBvYmNhZWNhdGkgcmVwcmVoZW5kZXJpdCBzaXQgc3VudCB2ZW5pYW0uXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTE1XCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gQXNwZXJpb3JlcyBhdCBjb25zZXF1YXR1ciBjdXBpZGl0YXRlIGRvbG9yZSwgZG9sb3JlbSwgZWxpZ2VuZGkgZXQgZXVtIGV4cGxpY2FibyBoYXJ1bSBpbGx1bSBpbnZlbnRvcmUgbWF4aW1lIG1vbGVzdGlhcyBwb3JybyBxdW9kIHJlY3VzYW5kYWUsIHJlaWNpZW5kaXMgcmVwZWxsYXQgcmVwdWRpYW5kYWUgc2FlcGUgc2ludCB0ZW1wb3JhIHRlbXBvcmUgdGVtcG9yaWJ1cyB2ZW5pYW0gdm9sdXB0YXRlcy4gRGlnbmlzc2ltb3MgZXhwbGljYWJvIGl1c3RvIHJlcHJlaGVuZGVyaXQuXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImJvcmRlciBib3JkZXItYmxhY2sgcC00XCIgZGF0YS10ZWFzZXJtYW5hZ2VyLXNsb3Q9XCJ0ZXN0LTE2XCI+XHJcbiAgICAgICAgICAgICAgICBMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzaWNpbmcgZWxpdC4gQWQgYXBlcmlhbSBiZWF0YWUgY29uc2VxdWF0dXIgY29uc2VxdXVudHVyIGRlc2VydW50IGV4ZXJjaXRhdGlvbmVtIGZ1Z2l0LCBtYWduaSBuZWNlc3NpdGF0aWJ1cyBwYXJpYXR1ciBxdWFlIHF1aWEsIHF1aXNxdWFtIHNhZXBlIHN1bnQsIHRlbmV0dXIhXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxoMj5Qcm9wczwvaDI+XHJcbiAgICAgICAgeyEhbXZwICYmIG12cC5sZW5ndGggPiAwICYmIChcclxuICAgICAgICAgICAgPHVsPlxyXG4gICAgICAgICAgICAgICAge212cC5tYXAobSA9PiAoXHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGtleT17bS5mZWxkMX0+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxiPnttLmZlbGQxfTwvYj46XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPnttLmZlbGQyfTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgKSl9XHJcbiAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgKX1cclxuICAgICAgICA8ZGl2PntKU09OLnN0cmluZ2lmeSh7XHJcbiAgICAgICAgICAgIC4uLnByb3BzLFxyXG4gICAgICAgICAgICBtdnAsXHJcbiAgICAgICAgICAgIHRpdGxlLFxyXG4gICAgICAgIH0pfTwvZGl2PlxyXG4gICAgPC9kaXY+O1xyXG59Il0sIm5hbWVzIjpbIlRlc3RTdG9yeTMiLCJfcmVmIiwidGl0bGUiLCJtdnAiLCJwcm9wcyIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllcyIsIl9leGNsdWRlZCIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZSIsImxlbmd0aCIsIm1hcCIsIm0iLCJrZXkiLCJmZWxkMSIsImZlbGQyIiwiSlNPTiIsInN0cmluZ2lmeSIsIl9vYmplY3RTcHJlYWQiXSwic291cmNlUm9vdCI6IiJ9