utopia-ui 3.0.0-alpha.22 → 3.0.0-alpha.24

package/dist/Components/AppShell/SideBar.d.ts

@@ -4,6 +4,7 @@ declare type route = {
     icon: JSX.Element;
     name: string;
     submenu?: route;
+    blank?: boolean;
 };
 export declare function SideBar({ routes, bottomRoutes }: {
     routes: route[];

package/dist/Components/Auth/useAuth.d.ts

@@ -10,7 +10,7 @@ declare type AuthCredentials = {
     otp?: string | undefined;
 };
 declare type AuthContextProps = {
-    isAuthenticated: Boolean;
+    isAuthenticated: boolean;
     user: UserItem | null;
     login: (credentials: AuthCredentials) => Promise<UserItem | undefined>;
     register: (credentials: AuthCredentials, userName: string) => Promise<UserItem | undefined>;

package/dist/Components/Gaming/Modal.d.ts

@@ -5,5 +5,6 @@ declare type ChapterProps = {
 export declare function Welcome1({ clickAction }: ChapterProps): JSX.Element;
 export declare function Welcome2({ clickAction }: ChapterProps): JSX.Element;
 export declare function Welcome3({ clickAction }: ChapterProps): JSX.Element;
+export declare function Welcome4({ clickAction }: ChapterProps): JSX.Element;
 export declare function Modal(): JSX.Element;
 export {};

package/dist/Components/Input/TextInput.d.ts

@@ -8,7 +8,8 @@ declare type InputTextProps = {
     inputStyle?: string;
     defaultValue?: string;
     placeholder?: string;
+    autocomplete?: string;
     updateFormValue?: (value: string) => void;
 };
-export declare function TextInput({ labelTitle, labelStyle, type, dataField, containerStyle, inputStyle, defaultValue, placeholder, updateFormValue }: InputTextProps): JSX.Element;
+export declare function TextInput({ labelTitle, labelStyle, type, dataField, containerStyle, inputStyle, defaultValue, placeholder, autocomplete, updateFormValue }: InputTextProps): JSX.Element;
 export {};

package/dist/index.js

@@ -339,12 +339,12 @@ function ErrorText(_a) {
 }
 
 function TextInput(_a) {
-    var labelTitle = _a.labelTitle, labelStyle = _a.labelStyle, type = _a.type, dataField = _a.dataField, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, defaultValue = _a.defaultValue, placeholder = _a.placeholder, updateFormValue = _a.updateFormValue;
+    var labelTitle = _a.labelTitle, labelStyle = _a.labelStyle, type = _a.type, dataField = _a.dataField, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, defaultValue = _a.defaultValue, placeholder = _a.placeholder, autocomplete = _a.autocomplete, updateFormValue = _a.updateFormValue;
     return (React.createElement("div", { className: "tw-form-control tw-w-full ".concat(containerStyle) },
         labelTitle ? React.createElement("label", { className: "tw-label" },
             React.createElement("span", { className: "tw-label-text tw-text-base-content " + labelStyle }, labelTitle))
             : " ",
-        React.createElement("input", { required: true, type: type || "text", name: dataField, defaultValue: defaultValue, placeholder: placeholder || "", onChange: function (e) { return updateFormValue && updateFormValue(e.target.value); }, className: "tw-input  tw-input-bordered tw-w-full ".concat(inputStyle ? inputStyle : "") })));
+        React.createElement("input", { required: true, type: type || "text", name: dataField, defaultValue: defaultValue, placeholder: placeholder || "", autoComplete: autocomplete, onChange: function (e) { return updateFormValue && updateFormValue(e.target.value); }, className: "tw-input  tw-input-bordered tw-w-full ".concat(inputStyle ? inputStyle : "") })));
 }
 
 function LoginPage() {
@@ -1676,8 +1676,8 @@ var PopupTextAreaInput = function (_a) {
 var PopupStartEndInput = function (_a) {
     var item = _a.item;
     return (React.createElement("div", { className: 'tw-grid tw-grid-cols-2 tw-gap-2 tw-mb-5' },
-        React.createElement(TextInput, { type: 'date', placeholder: 'start', dataField: 'start', inputStyle: 'tw-text-sm tw-px-2', labelTitle: 'start', defaultValue: item && item.start ? item.start.substring(0, 10) : "" }),
-        React.createElement(TextInput, { type: 'date', placeholder: 'end', dataField: 'end', inputStyle: 'tw-text-sm tw-px-2', labelTitle: 'end', defaultValue: item && item.end ? item.end.substring(0, 10) : "" })));
+        React.createElement(TextInput, { type: 'date', placeholder: 'start', dataField: 'start', inputStyle: 'tw-text-sm tw-px-2', labelTitle: 'start', defaultValue: item && item.start ? item.start.substring(0, 10) : "", autocomplete: 'one-time-code' }),
+        React.createElement(TextInput, { type: 'date', placeholder: 'end', dataField: 'end', inputStyle: 'tw-text-sm tw-px-2', labelTitle: 'end', defaultValue: item && item.end ? item.end.substring(0, 10) : "", autocomplete: 'one-time-code' })));
 };
 
 var StartEndView = function (_a) {
@@ -1940,7 +1940,7 @@ function SideBar(_a) {
                     React.createElement("ul", { className: "tw-menu tw-w-full tw-bg-base-100 tw-text-base-content tw-p-0 tw-mb-0", "data-te-sidenav-menu-ref": true }, bottomRoutes === null || bottomRoutes === void 0 ? void 0 : bottomRoutes.map(function (route, k) {
                         return (React.createElement("li", { className: "", key: k }, route.submenu ?
                             React.createElement(SidebarSubmenu, __assign({}, route)) :
-                            (React.createElement(NavLink, { end: true, to: route.path, className: function (_a) {
+                            (React.createElement(NavLink, { end: true, target: route.blank ? "_blank" : "_self", to: route.path, className: function (_a) {
                                     var isActive = _a.isActive;
                                     return "".concat(isActive ? 'tw-font-semibold  tw-bg-base-200 !tw-rounded-none' : 'tw-font-normal !tw-rounded-none');
                                 }, onClick: function () {
@@ -2026,45 +2026,37 @@ function Settings() {
 function Welcome1(_a) {
     var clickAction = _a.clickAction;
     return (React.createElement(React.Fragment, null,
-        React.createElement("h3", { className: "tw-font-bold tw-text-lg" }, "Herzlich Willkommen, sch\u00F6n dass du da bist! "),
+        React.createElement("h3", { className: "tw-font-bold tw-text-lg" }, "Welcome, glad you are here!"),
         React.createElement("p", { className: "tw-py-4" },
-            "Wir erschaffen zusammen eine Welt, in der wir frei und menschlich zusammen leben d\u00FCrfen. Daf\u00FCr bauen wir ein Netzwerk in dem wir uns im echten Leben begegnen und helfen ... ganz ohne Geld \uD83D\uDE09",
+            "Let's play a game together where we explore ourselves and our dreams and come together to make them come true.",
             React.createElement("br", null),
             React.createElement("br", null),
-            React.createElement("b", null, "Hast du Lust mitzumachen?")),
+            React.createElement("b", null, "Would you like to join us?")),
         React.createElement("div", { className: "tw-modal-action" },
-            React.createElement("label", { className: "tw-btn tw-btn-neutral", onClick: function () { return clickAction(); } }, "Bin dabei"))));
+            React.createElement("label", { className: "tw-btn tw-btn-neutral", onClick: function () { return clickAction(); } }, "Yes"),
+            React.createElement("label", { className: "tw-btn tw-btn-neutral", onClick: function () { return close(); } }, "No"))));
 }
 function Welcome2(_a) {
     var clickAction = _a.clickAction;
     return (React.createElement(React.Fragment, null,
-        React.createElement("h3", { className: "tw-font-bold tw-text-lg" }, "Ver\u00E4nderung passiert im echten Leben"),
-        React.createElement("p", { className: "tw-py-4" },
-            "Mal ganz ehrlich: 99% unser Zeit am Bildschirm ist sinnlose Zeit- und Energie-Verschwendung.",
-            React.createElement("br", null),
-            React.createElement("br", null),
-            "Darum tauchen wir wieder in das echte Leben ein und nutzen digitale Medien nur dort, wo sie uns wirklich helfen in echt zusammen zu kommen"),
+        React.createElement("h3", { className: "tw-font-bold tw-text-lg" }, " Imagine ..."),
+        React.createElement("p", { className: "tw-py-4" }, "you wake up sometime in the early twenties of the 21st century on planet Earth from a hypnosis that has somehow kept you and all other people under some kind of external control all your life."),
         React.createElement("div", { className: "tw-modal-action" },
-            React.createElement("label", { className: "tw-btn tw-btn-neutral", onClick: function () { return clickAction(); } }, "Alles klar"))));
+            React.createElement("label", { className: "tw-btn tw-btn-neutral", onClick: function () { return clickAction(); } }, "next"))));
 }
 function Welcome3(_a) {
     var clickAction = _a.clickAction;
     return (React.createElement(React.Fragment, null,
-        React.createElement("h3", { className: "tw-font-bold tw-text-lg" }, " Gemeinsam erschaffen wir Strukturen "),
-        React.createElement("ul", { className: 'tw-flex-row tw-pl-4 tw-mt-4' },
-            React.createElement("li", null, "\uD83E\uDD55 Essen & Trinken"),
-            React.createElement("li", null, "\uD83C\uDFE1 Wohn- & Lebensraum"),
-            React.createElement("li", null, "\uD83D\uDCAC Kommunikation"),
-            React.createElement("li", null, "\uD83D\uDCA1 Energie"),
-            React.createElement("li", null, "\uD83D\uDE90 Mobilit\u00E4t")),
+        React.createElement("h3", { className: "tw-font-bold tw-text-lg" }, "Many people  ... "),
+        React.createElement("p", { className: "tw-py-4" }, "are still trapped in old and dysfunctional structures. But magically, a new consciousness is suddenly rising. More and more people are awakening from hypnosis.            "),
         React.createElement("div", { className: "tw-modal-action" },
-            React.createElement("button", { className: "tw-btn tw-btn-neutral", onClick: function () { return clickAction(); } }, "Ich mach mit"))));
+            React.createElement("label", { className: "tw-btn tw-btn-neutral", onClick: function () { return clickAction(); } }, "next"))));
 }
+var close = function () {
+    window.my_modal_3.close();
+};
 function Modal() {
     var _a = useState(1), chapter = _a[0], setChapter = _a[1];
-    var close = function () {
-        window.my_modal_3.close();
-    };
     var ActiveChapter = function () {
         switch (chapter) {
             case 1:
@@ -2090,6 +2082,7 @@ function Modal() {
 
 function Quests() {
     var _a = React.useState(true), open = _a[0], setOpen = _a[1];
+    var _b = useAuth(), isAuthenticated = _b.isAuthenticated, user = _b.user;
     if (open)
         return (React.createElement(React.Fragment, null,
             React.createElement("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]" },
@@ -2100,20 +2093,20 @@ function Quests() {
                     React.createElement("ul", { className: 'tw-flex-row' },
                         React.createElement("li", null,
                             React.createElement("label", { className: "tw-label tw-justify-normal tw-pt-1 tw-pb-0" },
-                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: true }),
-                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Registrieren"))),
+                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: isAuthenticated ? isAuthenticated : false }),
+                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Sign Up"))),
                         React.createElement("li", null,
                             React.createElement("label", { className: "tw-label tw-justify-normal tw-pt-1 tw-pb-0" },
-                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: true }),
-                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Avatar hochladen"))),
+                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: (user === null || user === void 0 ? void 0 : user.avatar) ? true : false }),
+                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Upload Avatar"))),
                         React.createElement("li", null,
                             React.createElement("label", { className: "tw-label tw-justify-normal tw-pt-1 tw-pb-0" },
-                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", disabled: true }),
-                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Profil ausf\u00FCllen"))),
+                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", checked: (user === null || user === void 0 ? void 0 : user.description) ? true : false }),
+                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Fill Profile"))),
                         React.createElement("li", null,
                             React.createElement("label", { className: "tw-label tw-justify-normal tw-pt-1 tw-pb-0" },
-                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success", disabled: true }),
-                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Gruppe beitreten"))))))));
+                                React.createElement("input", { type: "checkbox", readOnly: true, className: "tw-checkbox tw-checkbox-xs tw-checkbox-success" }),
+                                React.createElement("span", { className: 'tw-text-sm tw-label-text tw-mx-2' }, "Join Group"))))))));
     else
         return (React.createElement(React.Fragment, null));
 }