utopia-ui 3.0.33 → 3.0.34

package/dist/Components/Profile/Subcomponents/GalleryView.d.ts

@@ -0,0 +1,4 @@
+import type { Item } from '#types/Item';
+export declare const GalleryView: ({ item }: {
+    item: Item;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -8,6 +8,8 @@ export { TitleCard, CardPage, MapOverlayPage, OverlayItemsIndexPage, MoonCalenda
 export { TextInput, TextAreaInput, SelectBox } from './Components/Input';
 declare global {
     interface Window {
-        my_modal_3: any;
+        my_modal_3: {
+            showModal(): void;
+        };
     }
 }

package/dist/index.js

@@ -3362,9 +3362,9 @@ function ItemFormPopup(props) {
     var user = useAuth().user;
     var handleSubmit = function (evt) { return __awaiter(_this, void 0, void 0, function () {
         var formItem, success, error_1, item, uuid, success, _a, _b, error_2;
-        var _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
+        var _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
                 case 0:
                     formItem = {};
                     Array.from(evt.target).forEach(function (input) {
@@ -3386,16 +3386,16 @@ function ItemFormPopup(props) {
                         }));
                     if (!props.item) return [3 /*break*/, 5];
                     success = false;
-                    _g.label = 1;
+                    _h.label = 1;
                 case 1:
-                    _g.trys.push([1, 3, , 4]);
+                    _h.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, ((_d = props.layer.api) === null || _d === void 0 ? void 0 : _d.updateItem(__assign(__assign({}, formItem), { id: props.item.id })))];
                 case 2:
-                    _g.sent();
+                    _h.sent();
                     success = true;
                     return [3 /*break*/, 4];
                 case 3:
-                    error_1 = _g.sent();
+                    error_1 = _h.sent();
                     toast.error(error_1.toString());
                     return [3 /*break*/, 4];
                 case 4:
@@ -3412,28 +3412,28 @@ function ItemFormPopup(props) {
                     item = items.find(function (i) { var _a, _b; return ((_a = i.user_created) === null || _a === void 0 ? void 0 : _a.id) === (user === null || user === void 0 ? void 0 : user.id) && ((_b = i.layer) === null || _b === void 0 ? void 0 : _b.itemType.name) === props.layer.itemType.name; });
                     uuid = crypto.randomUUID();
                     success = false;
-                    _g.label = 6;
+                    _h.label = 6;
                 case 6:
-                    _g.trys.push([6, 11, , 12]);
+                    _h.trys.push([6, 11, , 12]);
                     _a = props.layer.onlyOnePerOwner &&
                         item;
                     if (!_a) return [3 /*break*/, 8];
                     return [4 /*yield*/, ((_e = props.layer.api) === null || _e === void 0 ? void 0 : _e.updateItem(__assign(__assign({}, formItem), { id: item.id })))];
                 case 7:
-                    _a = (_g.sent());
-                    _g.label = 8;
+                    _a = (_h.sent());
+                    _h.label = 8;
                 case 8:
                     _b = (!props.layer.onlyOnePerOwner || !item);
                     if (!_b) return [3 /*break*/, 10];
                     return [4 /*yield*/, ((_f = props.layer.api) === null || _f === void 0 ? void 0 : _f.createItem(__assign(__assign({}, formItem), { id: uuid, name: formItem.name ? formItem.name : user === null || user === void 0 ? void 0 : user.first_name })))];
                 case 9:
-                    _b = (_g.sent());
-                    _g.label = 10;
+                    _b = (_h.sent());
+                    _h.label = 10;
                 case 10:
                     success = true;
                     return [3 /*break*/, 12];
                 case 11:
-                    error_2 = _g.sent();
+                    error_2 = _h.sent();
                     toast.error(error_2.toString());
                     return [3 /*break*/, 12];
                 case 12:
@@ -3441,14 +3441,14 @@ function ItemFormPopup(props) {
                         if (props.layer.onlyOnePerOwner && item)
                             updateItem(__assign(__assign({}, item), formItem));
                         if (!props.layer.onlyOnePerOwner || !item) {
-                            addItem(__assign(__assign({}, formItem), { name: formItem.name ? formItem.name : user === null || user === void 0 ? void 0 : user.first_name, user_created: user, type: props.layer.itemType, id: uuid, layer: props.layer, public_edit: !user }));
+                            addItem(__assign(__assign({}, formItem), { name: (_g = (formItem.name ? formItem.name : user === null || user === void 0 ? void 0 : user.first_name)) !== null && _g !== void 0 ? _g : '', user_created: user !== null && user !== void 0 ? user : undefined, type: props.layer.itemType, id: uuid, layer: props.layer, public_edit: !user }));
                         }
                         toast.success('New item created');
                         resetFilterTags();
                     }
                     setSpinner(false);
                     map.closePopup();
-                    _g.label = 13;
+                    _h.label = 13;
                 case 13:
                     props.setItemFormPopup(null);
                     return [2 /*return*/];
@@ -4076,52 +4076,61 @@ var PopupButton = function (_a) {
 };
 
 function NavBar(_a) {
+    var _this = this;
     var appName = _a.appName, userType = _a.userType;
     var _b = useAuth(), isAuthenticated = _b.isAuthenticated, user = _b.user, logout = _b.logout;
     var _c = useState({}), userProfile = _c[0], setUserProfile = _c[1];
     var items = useItems();
     useEffect(function () {
+        var _a;
         var profile = user &&
             items.find(function (i) { var _a, _b; return ((_a = i.user_created) === null || _a === void 0 ? void 0 : _a.id) === user.id && ((_b = i.layer) === null || _b === void 0 ? void 0 : _b.itemType.name) === userType; });
         profile
             ? setUserProfile(profile)
-            : setUserProfile({ id: crypto.randomUUID(), name: user === null || user === void 0 ? void 0 : user.first_name, text: '' });
+            : setUserProfile({ id: crypto.randomUUID(), name: (_a = user === null || user === void 0 ? void 0 : user.first_name) !== null && _a !== void 0 ? _a : '', text: '' });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [user, items]);
-    useEffect(function () { }, [userProfile]);
+    // useEffect(() => {}, [userProfile])
     var nameRef = useRef(null);
     var _d = useState(0), nameWidth = _d[0], setNameWidth = _d[1];
     var location = useLocation();
     var _e = useState(false), showNav = _e[0], setShowNav = _e[1];
     useEffect(function () {
-        showNav && nameRef && setNameWidth(nameRef.current.scrollWidth);
+        showNav && nameRef.current && setNameWidth(nameRef.current.scrollWidth);
     }, [nameRef, appName, showNav]);
     useEffect(function () {
         var params = new URLSearchParams(location.search);
         var embedded = params.get('embedded');
         embedded !== 'true' && setShowNav(true);
     }, [location]);
-    var onLogout = function () {
-        toast.promise(logout(), {
-            success: {
-                render: function () {
-                    return 'Bye bye';
-                },
-                // other options
-                icon: '👋',
-            },
-            error: {
-                render: function (_a) {
-                    var data = _a.data;
-                    return "".concat(data);
-                },
-            },
-            pending: 'logging out ..',
+    var onLogout = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, toast.promise(logout(), {
+                        success: {
+                            render: function () {
+                                return 'Bye bye';
+                            },
+                            // other options
+                            icon: '👋',
+                        },
+                        error: {
+                            render: function (_a) {
+                                var data = _a.data;
+                                return JSON.stringify(data);
+                            },
+                        },
+                        pending: 'logging out ..',
+                    })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
         });
-    };
+    }); };
     if (showNav) {
-        return (jsx(Fragment, { children: jsxs("div", __assign({ className: 'tw-navbar tw-bg-base-100 tw-z-[10000] tw-shadow-xl tw-relative' }, { children: [jsx("button", __assign({ className: 'tw-btn tw-btn-square tw-btn-ghost', "data-te-sidenav-toggle-ref": true, "data-te-target": '#sidenav', "aria-controls": '#sidenav', "aria-haspopup": 'true' }, { children: jsx("svg", __assign({ xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', className: 'tw-inline-block tw-w-5 tw-h-5 tw-stroke-current' }, { children: jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2', d: 'M4 6h16M4 12h16M4 18h16' }) })) })), jsx("div", __assign({ className: 'tw-flex-1 tw-mr-2' }, { children: jsxs("div", __assign({ className: 'tw-flex-1 tw-truncate tw-grid tw-grid-flow-col', style: { maxWidth: nameWidth + 60 } }, { children: [jsx(Link, __assign({ className: 'tw-btn tw-btn-ghost tw-px-2 tw-normal-case tw-text-xl tw-flex-1 tw-truncate', to: '/' }, { children: jsx("h1", __assign({ ref: nameRef, className: 'tw-truncate' }, { children: appName })) })), jsx("button", __assign({ className: 'tw-btn tw-px-2  tw-btn-ghost', onClick: function () { return window.my_modal_3.showModal(); } }, { children: jsx(QuestionMarkIcon, { className: 'tw-h-5 tw-w-5' }) }))] })) })), isAuthenticated ? (jsxs("div", __assign({ className: 'tw-flex-none' }, { children: [jsxs(Link, __assign({ to: "".concat(userProfile.id && '/item/' + userProfile.id), className: 'tw-flex tw-items-center' }, { children: [(userProfile === null || userProfile === void 0 ? void 0 : userProfile.image) && (jsx("div", __assign({ className: 'tw-avatar' }, { children: jsx("div", __assign({ className: 'tw-w-10 tw-rounded-full' }, { children: jsx("img", { src: 'https://api.utopia-lab.org/assets/' + userProfile.image }) })) }))), jsx("div", __assign({ className: 'tw-ml-2 tw-mr-2' }, { children: userProfile.name || (user === null || user === void 0 ? void 0 : user.first_name) }))] })), jsxs("div", __assign({ className: 'tw-dropdown tw-dropdown-end' }, { children: [jsx("label", __assign({ tabIndex: 0, className: 'tw-btn tw-btn-ghost tw-btn-square' }, { children: jsx("svg", __assign({ xmlns: 'http://www.w3.org/2000/svg', className: 'tw-h-5 tw-w-5', viewBox: '0 0 20 20', fill: 'currentColor' }, { children: jsx("path", { d: 'M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z' }) })) })), jsxs("ul", __assign({ tabIndex: 0, className: 'tw-menu tw-menu-compact tw-dropdown-content tw-mt-3 tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-w-52 !tw-z-[10000]' }, { children: [jsx("li", { children: jsx(Link, __assign({ to: "".concat(userProfile.id && '/edit-item/' + userProfile.id) }, { children: "Profile" })) }), jsx("li", { children: jsx(Link, __assign({ to: '/user-settings' }, { children: "Settings" })) }), jsx("li", { children: jsx("a", __assign({ onClick: function () {
-                                                        onLogout();
+        return (jsx(Fragment, { children: jsxs("div", __assign({ className: 'tw-navbar tw-bg-base-100 tw-z-[10000] tw-shadow-xl tw-relative' }, { children: [jsx("button", __assign({ className: 'tw-btn tw-btn-square tw-btn-ghost', "data-te-sidenav-toggle-ref": true, "data-te-target": '#sidenav', "aria-controls": '#sidenav', "aria-haspopup": 'true' }, { children: jsx("svg", __assign({ xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', className: 'tw-inline-block tw-w-5 tw-h-5 tw-stroke-current' }, { children: jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2', d: 'M4 6h16M4 12h16M4 18h16' }) })) })), jsx("div", __assign({ className: 'tw-flex-1 tw-mr-2' }, { children: jsxs("div", __assign({ className: 'tw-flex-1 tw-truncate tw-grid tw-grid-flow-col', style: { maxWidth: nameWidth + 60 } }, { children: [jsx(Link, __assign({ className: 'tw-btn tw-btn-ghost tw-px-2 tw-normal-case tw-text-xl tw-flex-1 tw-truncate', to: '/' }, { children: jsx("h1", __assign({ ref: nameRef, className: 'tw-truncate' }, { children: appName })) })), jsx("button", __assign({ className: 'tw-btn tw-px-2  tw-btn-ghost', onClick: function () { return window.my_modal_3.showModal(); } }, { children: jsx(QuestionMarkIcon, { className: 'tw-h-5 tw-w-5' }) }))] })) })), isAuthenticated ? (jsxs("div", __assign({ className: 'tw-flex-none' }, { children: [jsxs(Link, __assign({ to: "".concat(userProfile.id && '/item/' + userProfile.id), className: 'tw-flex tw-items-center' }, { children: [userProfile.image && (jsx("div", __assign({ className: 'tw-avatar' }, { children: jsx("div", __assign({ className: 'tw-w-10 tw-rounded-full' }, { children: jsx("img", { src: 'https://api.utopia-lab.org/assets/' + userProfile.image }) })) }))), jsx("div", __assign({ className: 'tw-ml-2 tw-mr-2' }, { children: userProfile.name || (user === null || user === void 0 ? void 0 : user.first_name) }))] })), jsxs("div", __assign({ className: 'tw-dropdown tw-dropdown-end' }, { children: [jsx("label", __assign({ tabIndex: 0, className: 'tw-btn tw-btn-ghost tw-btn-square' }, { children: jsx("svg", __assign({ xmlns: 'http://www.w3.org/2000/svg', className: 'tw-h-5 tw-w-5', viewBox: '0 0 20 20', fill: 'currentColor' }, { children: jsx("path", { d: 'M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z' }) })) })), jsxs("ul", __assign({ tabIndex: 0, className: 'tw-menu tw-menu-compact tw-dropdown-content tw-mt-3 tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-w-52 !tw-z-[10000]' }, { children: [jsx("li", { children: jsx(Link, __assign({ to: "".concat(userProfile.id && '/edit-item/' + userProfile.id) }, { children: "Profile" })) }), jsx("li", { children: jsx(Link, __assign({ to: '/user-settings' }, { children: "Settings" })) }), jsx("li", { children: jsx("a", __assign({ onClick: function () {
+                                                        void onLogout();
                                                     } }, { children: "Logout" })) })] }))] }))] }))) : (jsxs("div", { children: [jsxs("div", __assign({ className: 'tw-hidden md:tw-flex' }, { children: [jsx(Link, __assign({ to: '/login' }, { children: jsx("div", __assign({ className: 'tw-btn tw-btn-ghost tw-mr-2' }, { children: "Login" })) })), jsx(Link, __assign({ to: '/signup' }, { children: jsx("div", __assign({ className: 'tw-btn tw-btn-ghost tw-mr-2' }, { children: "Sign Up" })) }))] })), jsxs("div", __assign({ className: 'tw-dropdown tw-dropdown-end' }, { children: [jsx("label", __assign({ tabIndex: 1, className: 'tw-btn tw-btn-ghost md:tw-hidden' }, { children: jsx("svg", __assign({ xmlns: 'http://www.w3.org/2000/svg', className: 'tw-h-5 tw-w-5', viewBox: '0 0 20 20', fill: 'currentColor' }, { children: jsx("path", { d: 'M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z' }) })) })), jsxs("ul", __assign({ tabIndex: 1, className: 'tw-menu tw-dropdown-content tw-mt-3 tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-w-52 !tw-z-[10000]' }, { children: [jsx("li", { children: jsx(Link, __assign({ to: '/login' }, { children: "Login" })) }), jsx("li", { children: jsx(Link, __assign({ to: '/signup' }, { children: "Sign Up" })) })] }))] }))] }))] })) }));
     }
     else
@@ -4439,7 +4448,7 @@ var OverlayItemsIndexPage = function (_a) {
                     if (success) {
                         toast.success('New item created');
                     }
-                    addItem(__assign(__assign({}, formItem), { user_created: user, id: uuid, layer: layer, public_edit: !user }));
+                    addItem(__assign(__assign({}, formItem), { user_created: user !== null && user !== void 0 ? user : undefined, id: uuid, layer: layer, public_edit: !user }));
                     setLoading(false);
                     setAddItemPopupType('');
                     return [2 /*return*/];
@@ -4622,7 +4631,7 @@ var AttestationForm = function (_a) {
         var to;
         return __generator(this, function (_a) {
             to = [];
-            users === null || users === void 0 ? void 0 : users.map(function (u) { return to.push({ directus_users_id: u.user_created.id }); });
+            users === null || users === void 0 ? void 0 : users.map(function (u) { var _a; return to.push({ directus_users_id: (_a = u.user_created) === null || _a === void 0 ? void 0 : _a.id }); });
             (api === null || api === void 0 ? void 0 : api.createItem) &&
                 toast
                     .promise(api.createItem({
@@ -4645,9 +4654,9 @@ var AttestationForm = function (_a) {
                     var _a;
                     return navigate('/item/' +
                         ((_a = items.find(function (i) {
-                            var _a;
-                            return i.user_created.id === to[0].directus_users_id &&
-                                ((_a = i.layer) === null || _a === void 0 ? void 0 : _a.itemType.name) === 'player';
+                            var _a, _b;
+                            return ((_a = i.user_created) === null || _a === void 0 ? void 0 : _a.id) === to[0].directus_users_id &&
+                                ((_b = i.layer) === null || _b === void 0 ? void 0 : _b.itemType.name) === 'player';
                         })) === null || _a === void 0 ? void 0 : _a.id) +
                         '?tab=2');
                 });
@@ -5110,8 +5119,9 @@ var FlexView = function (_a) {
 };
 
 var OnepagerView = function (_a) {
+    var _b;
     var item = _a.item;
-    return (jsxs("div", __assign({ className: 'tw-h-full tw-overflow-y-auto fade' }, { children: [jsx(GroupSubHeaderView, { item: item, shareBaseUrl: "https://www.wuerdekompass.org/aktivitaeten/gruppensuche/#/gruppe/".concat(item.slug) }), item.user_created.first_name && jsx(ContactInfoView, { heading: 'Du hast Fragen?', item: item }), jsx("div", __assign({ className: 'tw-my-10 tw-mt-2 tw-px-6 tw-text-sm ' }, { children: jsx(TextView, { rawText: item.text || 'Keine Beschreibung vorhanden' }) })), item.next_appointment && (jsxs("div", __assign({ className: 'tw-my-10 tw-px-6' }, { children: [jsx("h2", __assign({ className: 'tw-text-lg tw-font-semibold' }, { children: "N\u00E4chste Termine" })), jsx("div", __assign({ className: 'tw-mt-2 tw-text-sm' }, { children: jsx(TextView, { rawText: item.next_appointment }) }))] }))), ";"] })));
+    return (jsxs("div", __assign({ className: 'tw-h-full tw-overflow-y-auto fade' }, { children: [jsx(GroupSubHeaderView, { item: item, shareBaseUrl: "https://www.wuerdekompass.org/aktivitaeten/gruppensuche/#/gruppe/".concat(item.slug) }), ((_b = item.user_created) === null || _b === void 0 ? void 0 : _b.first_name) && jsx(ContactInfoView, { heading: 'Du hast Fragen?', item: item }), jsx("div", __assign({ className: 'tw-my-10 tw-mt-2 tw-px-6 tw-text-sm ' }, { children: jsx(TextView, { rawText: item.text || 'Keine Beschreibung vorhanden' }) })), item.next_appointment && (jsxs("div", __assign({ className: 'tw-my-10 tw-px-6' }, { children: [jsx("h2", __assign({ className: 'tw-text-lg tw-font-semibold' }, { children: "N\u00E4chste Termine" })), jsx("div", __assign({ className: 'tw-mt-2 tw-text-sm' }, { children: jsx(TextView, { rawText: item.next_appointment }) }))] }))), ";"] })));
 };
 
 var SimpleView = function (_a) {
@@ -5211,7 +5221,7 @@ var TabsView = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [location.search]);
     return (jsxs("div", __assign({ role: 'tablist', className: 'tw-tabs tw-tabs-lifted tw-mt-2 tw-mb-2 tw-px-6' }, { children: [jsx("input", { type: 'radio', name: 'my_tabs_2', role: 'tab', className: 'tw-tab tw-font-bold !tw-ps-2 !tw-pe-2 [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]', "aria-label": "".concat(((_b = item.layer) === null || _b === void 0 ? void 0 : _b.itemType.icon_as_labels) && activeTab !== 1 ? '📝' : '📝\u00A0Info'), checked: activeTab === 1 && true, onChange: function () { return updateActiveTab(1); } }), jsxs("div", __assign({ role: 'tabpanel', className: 'tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-4 tw-mb-4 tw-overflow-x-hidden' }, { children: [((_c = item.layer) === null || _c === void 0 ? void 0 : _c.itemType.show_start_end) && (jsx("div", __assign({ className: 'tw-max-w-xs' }, { children: jsx(StartEndView, { item: item }) }))), jsx(TextView, { item: item }), jsx("div", { className: 'tw-h-4' }), jsx(TextView, { item: item, itemTextField: 'contact' })] })), ((_d = item.layer) === null || _d === void 0 ? void 0 : _d.itemType.questlog) && (jsxs(Fragment, { children: [jsx("input", { type: 'radio', name: 'my_tabs_2', role: 'tab', className: 'tw-tab tw-font-bold !tw-ps-2 !tw-pe-2 [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]', "aria-label": "".concat(item.layer.itemType.icon_as_labels && activeTab !== 2 ? '❤️' : '❤️\u00A0Credibility'), checked: activeTab === 2 && true, onChange: function () { return updateActiveTab(2); } }), jsx("div", __assign({ role: 'tabpanel', className: 'tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-4 tw-mb-4 tw-overflow-x-hidden' }, { children: jsx("table", __assign({ className: 'sm:tw-table-sm md:tw-table-md' }, { children: jsx("tbody", { children: attestations
-                                    .filter(function (a) { return a.to.some(function (t) { return t.directus_users_id === item.user_created.id; }); })
+                                    .filter(function (a) { return a.to.some(function (t) { var _a; return t.directus_users_id === ((_a = item.user_created) === null || _a === void 0 ? void 0 : _a.id); }); })
                                     .sort(function (a, b) {
                                     return new Date(b.date_created).getTime() - new Date(a.date_created).getTime();
                                 })
@@ -5889,6 +5899,7 @@ function ProfileForm() {
         item && hasUserPermission('items', 'update', item) && setUpdatePermission(true);
     }, [hasUserPermission, item]);
     useEffect(function () {
+        var _a;
         var itemId = location.pathname.split('/')[2];
         var item = items.find(function (i) { return i.id === itemId; });
         item && setItem(item);
@@ -5896,7 +5907,7 @@ function ProfileForm() {
             var layer = layers.find(function (l) { return l.itemType.name === appState.userType; });
             setItem({
                 id: crypto.randomUUID(),
-                name: user ? user.first_name : '',
+                name: (_a = user === null || user === void 0 ? void 0 : user.first_name) !== null && _a !== void 0 ? _a : '',
                 text: '',
                 layer: layer,
                 new: true,