utopia-ui 3.0.62 → 3.0.64

package/dist/index.cjs

@@ -1170,183 +1170,6 @@ function FilterControl() {
                     }, children: jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: 2.3, stroke: 'currentColor', className: 'size-6', children: jsxRuntime.jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z' }) }) })] })) }));
 }
 
-/**
- * @category Templates
- */
-function MapOverlayPage({ children, className, backdrop, card = true, }) {
-    const closeScreen = () => {
-        navigate(`/${window.location.search ? window.location.search : ''}`);
-    };
-    const navigate = reactRouterDom.useNavigate();
-    const overlayRef = react.createRef();
-    const backdropRef = react.createRef();
-    react.useEffect(() => {
-        if (overlayRef.current !== null) {
-            leaflet.DomEvent.disableClickPropagation(overlayRef.current);
-            leaflet.DomEvent.disableScrollPropagation(overlayRef.current);
-        }
-        if (backdropRef.current !== null && backdrop) {
-            leaflet.DomEvent.disableClickPropagation(backdropRef.current);
-            leaflet.DomEvent.disableScrollPropagation(backdropRef.current);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [overlayRef, backdropRef]);
-    return (jsxRuntime.jsx("div", { className: `tw-absolute tw-h-full tw-w-full tw-m-auto ${backdrop && 'tw-z-[2000]'}`, children: jsxRuntime.jsx("div", { ref: backdropRef, className: `${backdrop && 'tw-backdrop-brightness-75'} tw-h-full tw-w-full tw-grid tw-place-items-center tw-m-auto`, children: jsxRuntime.jsxs("div", { ref: overlayRef, className: `${card && 'tw-card tw-card-body'} tw-shadow-xl tw-bg-base-100 tw-p-6 ${className && className} ${!backdrop && 'tw-z-[2000]'} tw-absolute tw-top-0 tw-bottom-0 tw-right-0 tw-left-0 tw-m-auto`, children: [children, jsxRuntime.jsx("button", { className: 'tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2', onClick: () => closeScreen(), children: "\u2715" })] }) }) }));
-}
-
-/**
- * @category Auth
- */
-function LoginPage() {
-    const [email, setEmail] = react.useState('');
-    const [password, setPassword] = react.useState('');
-    const { login, loading } = useAuth();
-    const navigate = reactRouterDom.useNavigate();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onLogin = async () => {
-        await reactToastify.toast.promise(login({ email, password }), {
-            success: {
-                render({ data }) {
-                    navigate('/');
-                    return `Hi ${data?.first_name}`;
-                },
-                // other options
-                icon: '✌️',
-            },
-            error: {
-                render({ data }) {
-                    return `${data}`;
-                },
-                autoClose: 10000,
-            },
-            pending: 'logging in ...',
-        });
-    };
-    react.useEffect(() => {
-        const keyDownHandler = (event) => {
-            if (event.key === 'Enter') {
-                event.preventDefault();
-                onLogin();
-            }
-        };
-        document.addEventListener('keydown', keyDownHandler);
-        return () => {
-            document.removeEventListener('keydown', keyDownHandler);
-        };
-    }, [onLogin]);
-    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Login" }), jsxRuntime.jsx("input", { type: 'email', placeholder: 'E-Mail', value: email, onChange: (e) => setEmail(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("input", { type: 'password', placeholder: 'Password', onChange: (e) => setPassword(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-text-right tw-text-primary', children: jsxRuntime.jsx(reactRouterDom.Link, { to: '/reset-password', children: jsxRuntime.jsx("span", { className: 'tw-text-sm  tw-inline-block  hover:tw-text-primary hover:tw-underline hover:tw-cursor-pointer tw-transition tw-duration-200', children: "Forgot Password?" }) }) }), jsxRuntime.jsx("div", { className: 'tw-card-actions', children: jsxRuntime.jsx("button", { className: loading
-                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
-                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onLogin(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Login' }) })] }));
-}
-
-/**
- * @category Auth
- */
-function SignupPage() {
-    const [email, setEmail] = react.useState('');
-    const [userName, setUserName] = react.useState('');
-    const [password, setPassword] = react.useState('');
-    const { register, loading } = useAuth();
-    const navigate = reactRouterDom.useNavigate();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onRegister = async () => {
-        await reactToastify.toast.promise(register({ email, password }, userName), {
-            success: {
-                render({ data }) {
-                    navigate('/');
-                    return `Hi ${data?.first_name}`;
-                },
-                // other options
-                icon: '✌️',
-            },
-            error: {
-                render({ data }) {
-                    return `${data}`;
-                },
-                autoClose: 10000,
-            },
-            pending: 'creating new user ...',
-        });
-    };
-    react.useEffect(() => {
-        const keyDownHandler = (event) => {
-            if (event.key === 'Enter') {
-                event.preventDefault();
-                onRegister();
-            }
-        };
-        document.addEventListener('keydown', keyDownHandler);
-        return () => {
-            document.removeEventListener('keydown', keyDownHandler);
-        };
-    }, [onRegister]);
-    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs  tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Sign Up" }), jsxRuntime.jsx("input", { type: 'text', placeholder: 'Name', value: userName, onChange: (e) => setUserName(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("input", { type: 'email', placeholder: 'E-Mail', value: email, onChange: (e) => setEmail(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("input", { type: 'password', placeholder: 'Password', onChange: (e) => setPassword(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-card-actions tw-mt-4', children: jsxRuntime.jsx("button", { className: loading
-                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
-                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onRegister(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Sign Up' }) })] }));
-}
-
-/**
- * @category Auth
- */
-// eslint-disable-next-line react/prop-types
-function RequestPasswordPage({ resetUrl }) {
-    const [email, setEmail] = react.useState('');
-    const { requestPasswordReset, loading } = useAuth();
-    const navigate = reactRouterDom.useNavigate();
-    const onReset = async () => {
-        await reactToastify.toast.promise(requestPasswordReset(email, resetUrl), {
-            success: {
-                render() {
-                    navigate('/');
-                    return 'Check your mailbox';
-                },
-                // other options
-                icon: '📬',
-            },
-            error: {
-                render({ data }) {
-                    return `${data}`;
-                },
-            },
-            pending: 'sending email ...',
-        });
-    };
-    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs  tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Reset Password" }), jsxRuntime.jsx("input", { type: 'email', placeholder: 'E-Mail', value: email, onChange: (e) => setEmail(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-card-actions tw-mt-4', children: jsxRuntime.jsx("button", { className: loading
-                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
-                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onReset(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Send' }) })] }));
-}
-
-/**
- * @category Auth
- */
-function SetNewPasswordPage() {
-    const [password, setPassword] = react.useState('');
-    const { passwordReset, loading } = useAuth();
-    const navigate = reactRouterDom.useNavigate();
-    const onReset = async () => {
-        const token = window.location.search.split('token=')[1];
-        // eslint-disable-next-line no-console
-        console.log(token);
-        await reactToastify.toast.promise(passwordReset(token, password), {
-            success: {
-                render() {
-                    navigate('/');
-                    return 'New password set';
-                },
-            },
-            error: {
-                render({ data }) {
-                    return `${data}`;
-                },
-            },
-            pending: 'setting password ...',
-        });
-    };
-    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs  tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Set new Password" }), jsxRuntime.jsx("input", { type: 'password', placeholder: 'Password', onChange: (e) => setPassword(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-card-actions tw-mt-4', children: jsxRuntime.jsx("button", { className: loading
-                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
-                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onReset(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Set' }) })] }));
-}
-
 const GratitudeControl = () => {
     const navigate = reactRouterDom.useNavigate();
     const { isAuthenticated } = useAuth();
@@ -3072,14 +2895,14 @@ function ItemFormPopup(props) {
             map.closePopup();
         }
         else {
-            const item = items.find((i) => i.user_created?.id === user?.id && i.layer?.itemType.name === props.layer.itemType.name);
+            const item = items.find((i) => i.user_created?.id === user?.id && i.layer?.id === props.layer.id);
             const uuid = crypto.randomUUID();
             let success = false;
             try {
-                props.layer.onlyOnePerOwner &&
+                props.layer.userProfileLayer &&
                     item &&
                     (await props.layer.api?.updateItem({ ...formItem, id: item.id }));
-                (!props.layer.onlyOnePerOwner || !item) &&
+                (!props.layer.userProfileLayer || !item) &&
                     (await props.layer.api?.createItem({
                         ...formItem,
                         id: uuid,
@@ -3092,14 +2915,13 @@ function ItemFormPopup(props) {
                 reactToastify.toast.error(error.toString());
             }
             if (success) {
-                if (props.layer.onlyOnePerOwner && item)
+                if (props.layer.userProfileLayer && item)
                     updateItem({ ...item, ...formItem });
-                if (!props.layer.onlyOnePerOwner || !item) {
+                if (!props.layer.userProfileLayer || !item) {
                     addItem({
                         ...formItem,
                         name: (formItem.name ? formItem.name : user?.first_name) ?? '',
                         user_created: user ?? undefined,
-                        type: props.layer.itemType,
                         id: uuid,
                         layer: props.layer,
                         public_edit: !user,
@@ -3256,9 +3078,9 @@ const ItemViewPopup = react.forwardRef((props, ref) => {
         setLoading(true);
         let success = false;
         try {
-            !props.item.layer?.onlyOnePerOwner &&
+            !props.item.layer?.userProfileLayer &&
                 (await props.item.layer?.api?.deleteItem(props.item.id));
-            props.item.layer?.onlyOnePerOwner &&
+            props.item.layer?.userProfileLayer &&
                 (await props.item.layer.api?.updateItem({ id: props.item.id, position: null }));
             success = true;
             // eslint-disable-next-line no-catch-all/no-catch-all
@@ -3268,8 +3090,8 @@ const ItemViewPopup = react.forwardRef((props, ref) => {
             reactToastify.toast.error(error.toString());
         }
         if (success) {
-            !props.item.layer?.onlyOnePerOwner && removeItem(props.item);
-            props.item.layer?.onlyOnePerOwner && updadateItem({ ...props.item, position: undefined });
+            !props.item.layer?.userProfileLayer && removeItem(props.item);
+            props.item.layer?.userProfileLayer && updadateItem({ ...props.item, position: undefined });
             reactToastify.toast.success('Item deleted');
         }
         setLoading(false);
@@ -3290,7 +3112,7 @@ const ItemViewPopup = react.forwardRef((props, ref) => {
 /**
  * @category Map
  */
-const Layer = ({ data, children, name = 'places', menuIcon = 'MapPinIcon', menuText = 'add new place', menuColor = '#2E7D32', markerIcon = 'point', markerShape = 'circle', markerDefaultColor = '#777', markerDefaultColor2 = 'RGBA(35, 31, 32, 0.2)', api, itemType, onlyOnePerOwner = false, customEditLink, customEditParameter, 
+const Layer = ({ data, children, name = 'places', menuIcon = 'MapPinIcon', menuText = 'add new place', menuColor = '#2E7D32', markerIcon = 'point', markerShape = 'circle', markerDefaultColor = '#777', markerDefaultColor2 = 'RGBA(35, 31, 32, 0.2)', api, itemType, userProfileLayer = false, customEditLink, customEditParameter, 
 // eslint-disable-next-line camelcase
 public_edit_items, listed = true, setItemFormPopup, itemFormPopup, clusterRef, }) => {
     const filterTags = useFilterTags();
@@ -3327,7 +3149,7 @@ public_edit_items, listed = true, setItemFormPopup, itemFormPopup, clusterRef, }
                 markerDefaultColor2,
                 api,
                 itemType,
-                onlyOnePerOwner,
+                userProfileLayer,
                 // Can we just use editCallback for all cases?
                 customEditLink,
                 customEditParameter,
@@ -3353,7 +3175,7 @@ public_edit_items, listed = true, setItemFormPopup, itemFormPopup, clusterRef, }
                 markerDefaultColor2,
                 api,
                 itemType,
-                onlyOnePerOwner,
+                userProfileLayer,
                 customEditLink,
                 customEditParameter,
                 // eslint-disable-next-line camelcase
@@ -3589,17 +3411,15 @@ const StartEndView = ({ item }) => {
     return (jsxRuntime.jsxs("div", { className: 'tw-flex tw-flex-row tw-mb-4 tw-mt-1', children: [jsxRuntime.jsxs("div", { className: 'tw-basis-2/5 tw-flex tw-flex-row', children: [jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', className: 'tw-h-4 tw-w-4 tw-mr-2', fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2, children: jsxRuntime.jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' }) }), jsxRuntime.jsx("time", { className: 'tw-align-middle', dateTime: item && item.start ? item.start.substring(0, 10) : '', children: item && item.start ? new Date(item.start).toLocaleDateString() : '' })] }), jsxRuntime.jsx("div", { className: 'tw-basis-1/5 tw-place-content-center', children: jsxRuntime.jsx("span", { children: "-" }) }), jsxRuntime.jsxs("div", { className: 'tw-basis-2/5 tw-flex tw-flex-row', children: [jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', className: 'tw-h-4 tw-w-4 tw-mr-2', fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', strokeWidth: 2, children: jsxRuntime.jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' }) }), jsxRuntime.jsx("time", { className: 'tw-align-middle', dateTime: item && item.end ? item.end.substring(0, 10) : '', children: item && item.end ? new Date(item.end).toLocaleDateString() : '' })] })] }));
 };
 
-function NavBar({ appName, userType }) {
+function NavBar({ appName }) {
     const { isAuthenticated, user, logout } = useAuth();
     const [userProfile, setUserProfile] = react.useState({});
     const items = useItems();
     react.useEffect(() => {
-        const profile = user &&
-            items.find((i) => i.user_created?.id === user.id && i.layer?.itemType.name === userType);
+        const profile = user && items.find((i) => i.user_created?.id === user.id && i.layer?.userProfileLayer);
         profile
             ? setUserProfile(profile)
             : setUserProfile({ id: crypto.randomUUID(), name: user?.first_name ?? '', text: '' });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [user, items]);
     // useEffect(() => {}, [userProfile])
     const nameRef = react.useRef(null);
@@ -3640,23 +3460,20 @@ function NavBar({ appName, userType }) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, {});
 }
 
-const SetAppState = ({ assetsApi, userType, }) => {
+const SetAppState = ({ assetsApi }) => {
     const setAppState = useSetAppState();
     react.useEffect(() => {
         setAppState({ assetsApi });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [assetsApi]);
-    react.useEffect(() => {
-        setAppState({ userType });
-    }, [setAppState, userType]);
     return jsxRuntime.jsx(jsxRuntime.Fragment, {});
 };
 
 /**
  * @category AppShell
  */
-function AppShell({ appName, children, assetsApi, userType, }) {
-    return (jsxRuntime.jsx(ContextWrapper, { children: jsxRuntime.jsxs("div", { className: 'tw-flex tw-flex-col tw-h-full', children: [jsxRuntime.jsx(SetAppState, { assetsApi: assetsApi, userType: userType }), jsxRuntime.jsx(NavBar, { userType: userType, appName: appName }), jsxRuntime.jsx("div", { id: 'app-content', className: 'tw-flex-grow', children: children })] }) }));
+function AppShell({ appName, children, assetsApi, }) {
+    return (jsxRuntime.jsx(ContextWrapper, { children: jsxRuntime.jsxs("div", { className: 'tw-flex tw-flex-col tw-h-full', children: [jsxRuntime.jsx(SetAppState, { assetsApi: assetsApi }), jsxRuntime.jsx(NavBar, { appName: appName }), jsxRuntime.jsx("div", { id: 'app-content', className: 'tw-flex-grow', children: children })] }) }));
 }
 
 function SidebarSubmenu({ submenu, name, icon, }) {
@@ -3754,6 +3571,183 @@ const Sitemap = ({ url }) => {
     return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h1", { children: "Sitemap" }), jsxRuntime.jsx("textarea", { value: sitemap, readOnly: true, rows: items.length + 4, cols: 80 })] }));
 };
 
+/**
+ * @category Templates
+ */
+function MapOverlayPage({ children, className, backdrop, card = true, }) {
+    const closeScreen = () => {
+        navigate(`/${window.location.search ? window.location.search : ''}`);
+    };
+    const navigate = reactRouterDom.useNavigate();
+    const overlayRef = react.createRef();
+    const backdropRef = react.createRef();
+    react.useEffect(() => {
+        if (overlayRef.current !== null) {
+            leaflet.DomEvent.disableClickPropagation(overlayRef.current);
+            leaflet.DomEvent.disableScrollPropagation(overlayRef.current);
+        }
+        if (backdropRef.current !== null && backdrop) {
+            leaflet.DomEvent.disableClickPropagation(backdropRef.current);
+            leaflet.DomEvent.disableScrollPropagation(backdropRef.current);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [overlayRef, backdropRef]);
+    return (jsxRuntime.jsx("div", { className: `tw-absolute tw-h-full tw-w-full tw-m-auto ${backdrop && 'tw-z-[2000]'}`, children: jsxRuntime.jsx("div", { ref: backdropRef, className: `${backdrop && 'tw-backdrop-brightness-75'} tw-h-full tw-w-full tw-grid tw-place-items-center tw-m-auto`, children: jsxRuntime.jsxs("div", { ref: overlayRef, className: `${card && 'tw-card tw-card-body'} tw-shadow-xl tw-bg-base-100 tw-p-6 ${className && className} ${!backdrop && 'tw-z-[2000]'} tw-absolute tw-top-0 tw-bottom-0 tw-right-0 tw-left-0 tw-m-auto`, children: [children, jsxRuntime.jsx("button", { className: 'tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-2 tw-top-2', onClick: () => closeScreen(), children: "\u2715" })] }) }) }));
+}
+
+/**
+ * @category Auth
+ */
+function LoginPage() {
+    const [email, setEmail] = react.useState('');
+    const [password, setPassword] = react.useState('');
+    const { login, loading } = useAuth();
+    const navigate = reactRouterDom.useNavigate();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const onLogin = async () => {
+        await reactToastify.toast.promise(login({ email, password }), {
+            success: {
+                render({ data }) {
+                    navigate('/');
+                    return `Hi ${data?.first_name}`;
+                },
+                // other options
+                icon: '✌️',
+            },
+            error: {
+                render({ data }) {
+                    return `${data}`;
+                },
+                autoClose: 10000,
+            },
+            pending: 'logging in ...',
+        });
+    };
+    react.useEffect(() => {
+        const keyDownHandler = (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                onLogin();
+            }
+        };
+        document.addEventListener('keydown', keyDownHandler);
+        return () => {
+            document.removeEventListener('keydown', keyDownHandler);
+        };
+    }, [onLogin]);
+    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Login" }), jsxRuntime.jsx("input", { type: 'email', placeholder: 'E-Mail', value: email, onChange: (e) => setEmail(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("input", { type: 'password', placeholder: 'Password', onChange: (e) => setPassword(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-text-right tw-text-primary', children: jsxRuntime.jsx(reactRouterDom.Link, { to: '/reset-password', children: jsxRuntime.jsx("span", { className: 'tw-text-sm  tw-inline-block  hover:tw-text-primary hover:tw-underline hover:tw-cursor-pointer tw-transition tw-duration-200', children: "Forgot Password?" }) }) }), jsxRuntime.jsx("div", { className: 'tw-card-actions', children: jsxRuntime.jsx("button", { className: loading
+                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
+                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onLogin(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Login' }) })] }));
+}
+
+/**
+ * @category Auth
+ */
+function SignupPage() {
+    const [email, setEmail] = react.useState('');
+    const [userName, setUserName] = react.useState('');
+    const [password, setPassword] = react.useState('');
+    const { register, loading } = useAuth();
+    const navigate = reactRouterDom.useNavigate();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const onRegister = async () => {
+        await reactToastify.toast.promise(register({ email, password }, userName), {
+            success: {
+                render({ data }) {
+                    navigate('/');
+                    return `Hi ${data?.first_name}`;
+                },
+                // other options
+                icon: '✌️',
+            },
+            error: {
+                render({ data }) {
+                    return `${data}`;
+                },
+                autoClose: 10000,
+            },
+            pending: 'creating new user ...',
+        });
+    };
+    react.useEffect(() => {
+        const keyDownHandler = (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                onRegister();
+            }
+        };
+        document.addEventListener('keydown', keyDownHandler);
+        return () => {
+            document.removeEventListener('keydown', keyDownHandler);
+        };
+    }, [onRegister]);
+    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs  tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Sign Up" }), jsxRuntime.jsx("input", { type: 'text', placeholder: 'Name', value: userName, onChange: (e) => setUserName(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("input", { type: 'email', placeholder: 'E-Mail', value: email, onChange: (e) => setEmail(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("input", { type: 'password', placeholder: 'Password', onChange: (e) => setPassword(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-card-actions tw-mt-4', children: jsxRuntime.jsx("button", { className: loading
+                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
+                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onRegister(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Sign Up' }) })] }));
+}
+
+/**
+ * @category Auth
+ */
+// eslint-disable-next-line react/prop-types
+function RequestPasswordPage({ resetUrl }) {
+    const [email, setEmail] = react.useState('');
+    const { requestPasswordReset, loading } = useAuth();
+    const navigate = reactRouterDom.useNavigate();
+    const onReset = async () => {
+        await reactToastify.toast.promise(requestPasswordReset(email, resetUrl), {
+            success: {
+                render() {
+                    navigate('/');
+                    return 'Check your mailbox';
+                },
+                // other options
+                icon: '📬',
+            },
+            error: {
+                render({ data }) {
+                    return `${data}`;
+                },
+            },
+            pending: 'sending email ...',
+        });
+    };
+    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs  tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Reset Password" }), jsxRuntime.jsx("input", { type: 'email', placeholder: 'E-Mail', value: email, onChange: (e) => setEmail(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-card-actions tw-mt-4', children: jsxRuntime.jsx("button", { className: loading
+                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
+                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onReset(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Send' }) })] }));
+}
+
+/**
+ * @category Auth
+ */
+function SetNewPasswordPage() {
+    const [password, setPassword] = react.useState('');
+    const { passwordReset, loading } = useAuth();
+    const navigate = reactRouterDom.useNavigate();
+    const onReset = async () => {
+        const token = window.location.search.split('token=')[1];
+        // eslint-disable-next-line no-console
+        console.log(token);
+        await reactToastify.toast.promise(passwordReset(token, password), {
+            success: {
+                render() {
+                    navigate('/');
+                    return 'New password set';
+                },
+            },
+            error: {
+                render({ data }) {
+                    return `${data}`;
+                },
+            },
+            pending: 'setting password ...',
+        });
+    };
+    return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-max-w-xs  tw-h-fit', children: [jsxRuntime.jsx("h2", { className: 'tw-text-2xl tw-font-semibold tw-mb-2 tw-text-center', children: "Set new Password" }), jsxRuntime.jsx("input", { type: 'password', placeholder: 'Password', onChange: (e) => setPassword(e.target.value), className: 'tw-input tw-input-bordered tw-w-full tw-max-w-xs' }), jsxRuntime.jsx("div", { className: 'tw-card-actions tw-mt-4', children: jsxRuntime.jsx("button", { className: loading
+                        ? 'tw-btn tw-btn-disabled tw-btn-block tw-btn-primary'
+                        : 'tw-btn tw-btn-primary tw-btn-block', onClick: () => onReset(), children: loading ? jsxRuntime.jsx("span", { className: 'tw-loading tw-loading-spinner' }) : 'Set' }) })] }));
+}
+
 function Subtitle({ styleClass, children }) {
     return jsxRuntime.jsx("div", { className: `tw-text-xl tw-font-semibold ${styleClass}`, children: children });
 }
@@ -3854,7 +3848,7 @@ const MoonCalendar = () => {
 const SelectUser = () => {
     const appState = useAppState();
     const items = useItems();
-    const users = items.filter((i) => i.layer?.itemType.name === appState.userType);
+    const users = items.filter((i) => i.layer?.userProfileLayer);
     const [selectedUsers, setSelectedUsers] = react.useState([]);
     return (jsxRuntime.jsxs(MapOverlayPage, { backdrop: true, className: 'tw-h-3/4 tw-w-80', children: [jsxRuntime.jsx("div", { className: 'tw-text-center tw-text-xl tw-font-bold tw-mb-4', children: "Gratitude to ..." }), jsxRuntime.jsx("div", { className: 'tw-overflow-x-auto tw-w-full fade', children: jsxRuntime.jsx("table", { className: 'tw-table tw-w-full', children: jsxRuntime.jsx("tbody", { children: users.map((u, k) => {
                             return (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: jsxRuntime.jsx("input", { type: 'checkbox', onChange: () => setSelectedUsers((prev) => [...prev, u.id]), className: 'tw-checkbox tw-checkbox-sm' }) }), jsxRuntime.jsx("td", { children: jsxRuntime.jsxs("div", { className: 'tw-flex tw-items-center tw-space-x-3', children: [u.image ? (jsxRuntime.jsx("div", { className: 'tw-avatar', children: jsxRuntime.jsx("div", { className: 'tw-mask tw-mask-circle tw-w-8 tw-h-8', children: jsxRuntime.jsx("img", { src: appState.assetsApi.url + u.image + '?width=40&heigth=40', alt: 'Avatar' }) }) })) : (jsxRuntime.jsx("div", { className: 'tw-mask tw-mask-circle tw-text-xl md:tw-text-2xl tw-bg-slate-200 tw-rounded-full tw-w-8 tw-h-8' })), jsxRuntime.jsx("div", { children: jsxRuntime.jsx("div", { className: 'tw-font-bold', children: u.name }) })] }) })] }, k));
@@ -4118,7 +4112,7 @@ const AttestationForm = ({ api }) => {
                 items.find((i) => 
                 // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
                 i.user_created?.id === to[0].directus_users_id &&
-                    i.layer?.itemType.name === 'player')?.id +
+                    i.layer?.userProfileLayer === true)?.id +
                 '?tab=2'));
     };
     const [selectedEmoji, setSelectedEmoji] = react.useState('select badge');
@@ -4393,7 +4387,6 @@ const onUpdateItem = async (state, item, tags, addTag, setLoading, navigate, upd
                     ...changedItem,
                     layer: item.layer,
                     user_created: user,
-                    type: item.layer?.itemType,
                 }))
                 .then(() => {
                 setLoading(false);
@@ -4408,12 +4401,7 @@ const ContactInfoView = ({ item, heading }) => {
     const [profileOwner, setProfileOwner] = react.useState();
     const items = useItems();
     react.useEffect(() => {
-        // eslint-disable-next-line no-console
-        console.log('user:', items.find((i) => i.user_created?.id === item.user_created?.id &&
-            i.layer?.itemType.name === appState.userType));
-        setProfileOwner(items.find((i) => i.user_created?.id === item.user_created?.id &&
-            i.layer?.itemType.name === appState.userType));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        setProfileOwner(items.find((i) => i.user_created?.id === item.user_created?.id && i.layer?.userProfileLayer));
     }, [item, items]);
     return (jsxRuntime.jsxs("div", { className: 'tw-bg-base-200  tw-mb-6 tw-mt-6 tw-p-6', children: [jsxRuntime.jsx("h2", { className: 'tw-text-lg tw-font-semibold', children: heading }), jsxRuntime.jsxs("div", { className: 'tw-mt-4 tw-flex tw-items-center', children: [profileOwner?.image && (jsxRuntime.jsx(ConditionalLink, { url: '/item/' + profileOwner?.id, children: jsxRuntime.jsx("div", { className: 'tw-mr-5 tw-flex tw-items-center tw-justify-center', children: jsxRuntime.jsx("div", { className: 'tw-avatar', children: jsxRuntime.jsx("div", { className: 'tw-w-20 tw-h-20 tw-bg-gray-200 rounded-full tw-flex tw-items-center tw-justify-center overflow-hidden', children: jsxRuntime.jsx("img", { src: appState.assetsApi.url + profileOwner?.image, alt: profileOwner?.name, className: 'tw-w-full tw-h-full tw-object-cover' }) }) }) }) })), jsxRuntime.jsxs("div", { className: 'tw-text-sm tw-flex-grow', children: [jsxRuntime.jsx("p", { className: 'tw-font-semibold', children: profileOwner?.name }), item.contact && (jsxRuntime.jsx("p", { children: jsxRuntime.jsxs("a", { href: `mailto:${item.contact}`, className: 'tw-mt-2 tw-text-green-500 tw-inline-flex tw-items-center', children: [jsxRuntime.jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: 'tw-w-4 tw-h-4 tw-mr-1', children: [jsxRuntime.jsx("path", { d: 'M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z' }), jsxRuntime.jsx("polyline", { points: '22,6 12,13 2,6' })] }), item.contact] }) })), item.telephone && (jsxRuntime.jsx("p", { children: jsxRuntime.jsxs("a", { href: `tel:${item.telephone}`, className: 'tw-mt-2 tw-text-green-500 tw-inline-flex tw-items-center tw-whitespace-nowrap', children: [jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: 'tw-w-4 tw-h-4 tw-mr-1', children: jsxRuntime.jsx("path", { d: 'M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z' }) }), item.telephone] }) }))] })] })] }));
 };
@@ -4547,7 +4535,8 @@ const get = (value, path, defaultValue) => {
 const ProfileTextView = ({ item, dataField = 'text', heading, hideWhenEmpty, }) => {
     const text = get(item, dataField);
     if (typeof text !== 'string') {
-        throw new Error('ProfileTextView: text is not a string');
+        // eslint-disable-next-line no-console
+        console.log('123');
     }
     return (jsxRuntime.jsxs("div", { className: 'tw-my-10 tw-mt-2 tw-px-6', children: [!(text === '' && hideWhenEmpty) && (jsxRuntime.jsx("h2", { className: 'tw-text-lg tw-font-semibold', children: heading })), jsxRuntime.jsx("div", { className: 'tw-mt-2 tw-text-sm', children: jsxRuntime.jsx(TextView, { itemId: item.id, rawText: text }) })] }));
 };
@@ -5301,14 +5290,20 @@ function ProfileForm() {
         const item = items.find((i) => i.id === itemId);
         item && setItem(item);
         if (!item) {
-            const layer = layers.find((l) => l.itemType.name === appState.userType);
-            setItem({
-                id: crypto.randomUUID(),
-                name: user?.first_name ?? '',
-                text: '',
-                layer,
-                new: true,
-            });
+            if (items.some((i) => i.user_created?.id === user?.id && i.layer?.userProfileLayer)) {
+                navigate('/');
+                reactToastify.toast.error('Item does not exist');
+            }
+            else {
+                const layer = layers.find((l) => l.userProfileLayer);
+                setItem({
+                    id: crypto.randomUUID(),
+                    name: user?.first_name ?? '',
+                    text: '',
+                    layer,
+                    new: true,
+                });
+            }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [items]);
@@ -5399,7 +5394,7 @@ function Quests() {
     const items = useItems();
     react.useEffect(() => {
         setProfie(items.find((i) => i.user_created?.id === user?.id &&
-            i.layer?.itemType.name === 'user' &&
+            i.layer?.userProfileLayer &&
             i.user_created?.id != null));
     }, [items, user]);
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: questsOpen ? (jsxRuntime.jsx("div", { className: 'tw-card tw-w-48 tw-bg-base-100 tw-shadow-xl tw-absolute tw-bottom-4 tw-left-4 tw-z-[2000]', children: jsxRuntime.jsxs("div", { className: 'tw-card-body tw-p-4 tw-pt-0', children: [jsxRuntime.jsx("div", { className: 'tw-card-actions tw-justify-end', children: jsxRuntime.jsx("label", { className: 'tw-btn tw-btn-sm tw-btn-circle tw-btn-ghost tw-absolute tw-right-1 tw-top-1', onClick: () => setQuestsOpen(false), children: "\u2715" }) }), jsxRuntime.jsxs("h2", { className: 'tw-card-title tw-m-auto ', children: ["Level 1", jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', fill: 'none', viewBox: '0 0 24 24', strokeWidth: 1.5, stroke: '#aaa', className: 'tw-w-5 tw-h-5 tw-cursor-pointer', children: jsxRuntime.jsx("path", { strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z' }) })] }), jsxRuntime.jsxs("ul", { className: 'tw-flex-row', children: [jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("label", { className: 'tw-label tw-justify-normal tw-pt-1 tw-pb-0', children: [jsxRuntime.jsx("input", { type: 'checkbox', readOnly: true, className: 'tw-checkbox tw-checkbox-xs tw-checkbox-success', checked: isAuthenticated || false }), jsxRuntime.jsx("span", { className: 'tw-text-sm tw-label-text tw-mx-2', children: "Sign Up" })] }) }), jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("label", { className: 'tw-label tw-justify-normal tw-pt-1 tw-pb-0', children: [jsxRuntime.jsx("input", { type: 'checkbox', readOnly: true, className: 'tw-checkbox tw-checkbox-xs tw-checkbox-success', checked: !!profile?.text }), jsxRuntime.jsx("span", { className: 'tw-text-sm tw-label-text tw-mx-2', children: "Fill Profile" })] }) }), jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("label", { className: 'tw-label tw-justify-normal tw-pt-1 tw-pb-0', children: [jsxRuntime.jsx("input", { type: 'checkbox', readOnly: true, className: 'tw-checkbox tw-checkbox-xs tw-checkbox-success', checked: !!profile?.image }), jsxRuntime.jsx("span", { className: 'tw-text-sm tw-label-text tw-mx-2', children: "Upload Avatar" })] }) })] }), ' '] }) })) : ('') }));
@@ -5420,7 +5415,6 @@ exports.Modal = Modal;
 exports.MoonCalendar = MoonCalendar;
 exports.OverlayItemsIndexPage = OverlayItemsIndexPage;
 exports.Permissions = Permissions;
-exports.PlusButton = PlusButton;
 exports.PopupButton = PopupButton;
 exports.PopupCheckboxInput = PopupCheckboxInput;
 exports.PopupStartEndInput = PopupStartEndInput;
@@ -5444,5 +5438,4 @@ exports.TextView = TextView;
 exports.TitleCard = TitleCard;
 exports.UserSettings = UserSettings;
 exports.UtopiaMap = UtopiaMap;
-exports.useAuth = useAuth;
 //# sourceMappingURL=index.cjs.map