tycho-components 0.2.1-SNAPSHOT-5 → 0.2.2-SNAPSHOT-1

package/dist/Base/Login.d.ts

@@ -0,0 +1 @@
+export default function Login(): null;

package/dist/Base/Login.js

@@ -0,0 +1,7 @@
+import { useEffect } from 'react';
+export default function Login() {
+    useEffect(() => {
+        window.location.replace(import.meta.env.VITE_APP_AUTH_URL);
+    }, []);
+    return null;
+}

package/dist/Base/Logout.d.ts

@@ -0,0 +1 @@
+export default function Logout(): null;

package/dist/Base/Logout.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+import CookieStorage from '../configs/CookieStorage';
+import { useLoggedUtils } from '../configs/useLoggedUtils';
+export default function Logout() {
+    const { setLogged } = useLoggedUtils();
+    useEffect(() => {
+        CookieStorage.removeJwtToken();
+        CookieStorage.removeRedirectUri();
+        setLogged(undefined);
+        window.location.replace(import.meta.env.VITE_APP_AUTH_URL);
+    }, []);
+    return null;
+}

package/dist/Base/NotFound.d.ts

@@ -0,0 +1,2 @@
+import './style.scss';
+export default function NotFound(): import("react/jsx-runtime").JSX.Element;

package/dist/Base/NotFound.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import logo from './logo.png';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate, useRouteError } from 'react-router-dom';
+import './style.scss';
+export default function NotFound() {
+    const navigate = useNavigate();
+    const { t } = useTranslation('base');
+    const error = useRouteError();
+    const [show, setShow] = useState(false);
+    const handleRedirect = () => {
+        navigate(`${import.meta.env.VITE_APP_PUBLIC_URL}`, { replace: true });
+    };
+    return (_jsxs("div", { className: "box-container", children: [_jsxs("div", { className: "box", children: [_jsx("img", { src: logo }), _jsx("div", { className: "title", children: t('notfound.label.disclaimer') }), _jsx("div", { className: "subtitle", onClick: handleRedirect, children: t('notfound.label.redirect') }), _jsx("div", { className: "divider", children: t('label.divider') }), _jsx("div", { className: "error-details", onClick: () => setShow((prevState) => !prevState), children: t('label.error.details') })] }), show && (_jsx("pre", { className: "error-stack", children: JSON.stringify(error, null, 2) }))] }));
+}

package/dist/Base/Unauthorized.d.ts

@@ -0,0 +1,2 @@
+import './style.scss';
+export default function Unauthorized(): import("react/jsx-runtime").JSX.Element;

package/dist/Base/Unauthorized.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import logo from './logo.png';
+import { useTranslation } from 'react-i18next';
+import './style.scss';
+import CookieStorage from '../configs/CookieStorage';
+import { useLoggedUtils } from '../configs/useLoggedUtils';
+export default function Unauthorized() {
+    const { setLogged } = useLoggedUtils();
+    const { t } = useTranslation('base');
+    const handleRedirect = () => {
+        CookieStorage.removeJwtToken();
+        setLogged(undefined);
+        window.location.replace(import.meta.env.VITE_APP_AUTH_URL);
+    };
+    return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: logo }), _jsx("div", { className: "title", children: t('unauthorized.label.disclaimer') }), _jsx("div", { className: "subtitle", onClick: handleRedirect, children: t('unauthorized.label.redirect') })] }) }));
+}

package/dist/Base/style.scss

@@ -0,0 +1,64 @@
+.box-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+
+  .box {
+    border: 1px solid var(--border-subtle-2);
+    background-color: var(--color-surface);
+    width: 50vw;
+    border-radius: 8px;
+    padding: 48px;
+    margin-top: 10%;
+    text-align: center;
+
+    img {
+      width: 150px;
+    }
+
+    > .title {
+      @include heading-small;
+      margin: 16px 0px;
+    }
+
+    > .subtitle {
+      @include label-medium-1;
+      color: var(text-secondary);
+      cursor: pointer;
+    }
+
+    .divider {
+      margin: 16px 0px;
+    }
+
+    .error-details {
+      cursor: pointer;
+      @include label-medium-1;
+    }
+  }
+
+  .error-stack {
+    background-color: var(--color-surface);
+    padding: 24px;
+    margin-top: 16px;
+  }
+}
+
+@media (min-width: 768px) and (max-width: 1300px) {
+  .box-container {
+    .box {
+      width: 50%;
+      margin-top: 20%;
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .box-container {
+    .box {
+      width: 90%;
+      margin-top: 10%;
+    }
+  }
+}

package/dist/Header/HeaderCorpora/HeaderCorpora.js

@@ -23,6 +23,10 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
             setCorpora(r.data);
             if (uid) {
                 const selectedCorpus = r.data.filter((c) => c.uid === uid);
+                if (!selectedCorpus) {
+                    window.location.href = `${import.meta.env.VITE_APP_PUBLIC_URL}/unauthorized`;
+                    return;
+                }
                 navigateCorpora && navigateCorpora(selectedCorpus[0].uid);
                 setCorpus(selectedCorpus[0]);
             }

package/dist/configs/Localization.d.ts

@@ -1,5 +1,18 @@
 export declare const commonResources: {
     en: {
+        base: {
+            'text.title': string;
+            'button.google': string;
+            'text.disclaimer': string;
+            'invitation.code.invalid': string;
+            'error.access.authorization': string;
+            'unauthorized.label.disclaimer': string;
+            'unauthorized.label.redirect': string;
+            'notfound.label.disclaimer': string;
+            'notfound.label.redirect': string;
+            'label.error.details': string;
+            'label.divider': string;
+        };
         comments: {
             'label.title.comments': string;
             'placeholder.comment.text': string;
@@ -165,6 +178,19 @@ export declare const commonResources: {
         };
     };
     'pt-BR': {
+        base: {
+            'text.title': string;
+            'button.google': string;
+            'text.disclaimer': string;
+            'invitation.code.invalid': string;
+            'error.access.authorization': string;
+            'unauthorized.label.disclaimer': string;
+            'unauthorized.label.redirect': string;
+            'notfound.label.disclaimer': string;
+            'notfound.label.redirect': string;
+            'label.error.details': string;
+            'label.divider': string;
+        };
         comments: {
             'label.title.comments': string;
             'placeholder.comment.text': string;
@@ -315,6 +341,7 @@ export declare const commonResources: {
             'button.recenter.tree': string;
             'button.download.tree': string;
             'button.download.penn': string;
+            'button.info': string;
             'placeholder.sentence.notparsed': string;
             'date.parsed': string;
         };
@@ -327,6 +354,19 @@ export declare const commonResources: {
         };
     };
     it: {
+        base: {
+            'text.title': string;
+            'button.google': string;
+            'text.disclaimer': string;
+            'invitation.code.invalid': string;
+            'error.access.authorization': string;
+            'unauthorized.label.disclaimer': string;
+            'unauthorized.label.redirect': string;
+            'notfound.label.disclaimer': string;
+            'notfound.label.redirect': string;
+            'label.error.details': string;
+            'label.divider': string;
+        };
         comments: {
             'label.title.comments': string;
             'placeholder.comment.text': string;
@@ -479,6 +519,7 @@ export declare const commonResources: {
             'button.recenter.tree': string;
             'button.download.tree': string;
             'button.download.penn': string;
+            'button.info': string;
             'date.parsed': string;
         };
         upload: {

package/dist/configs/Localization.js

@@ -8,8 +8,10 @@ import { ParticipantsTexts } from './localization/ParticipantsTexts';
 import { UploadTexts } from './localization/UploadTexts';
 import { TreeTexts } from './localization/TreeTexts';
 import { SentenceTexts } from './localization/SentenceTexts';
+import { BaseTexts } from './localization/BaseTexts';
 export const commonResources = {
     en: {
+        base: BaseTexts.en,
         comments: CommentsTexts.en,
         common: CommonTexts.en,
         header: HeaderTexts.en,
@@ -19,6 +21,7 @@ export const commonResources = {
         upload: UploadTexts.en,
     },
     'pt-BR': {
+        base: BaseTexts['pt-BR'],
         comments: CommentsTexts['pt-BR'],
         common: CommonTexts['pt-BR'],
         header: HeaderTexts['pt-BR'],
@@ -28,6 +31,7 @@ export const commonResources = {
         upload: UploadTexts['pt-BR'],
     },
     it: {
+        base: BaseTexts.it,
         comments: CommentsTexts.it,
         common: CommonTexts.it,
         header: HeaderTexts.it,

package/dist/configs/localization/BaseTexts.d.ts

@@ -0,0 +1,41 @@
+export declare const BaseTexts: {
+    en: {
+        'text.title': string;
+        'button.google': string;
+        'text.disclaimer': string;
+        'invitation.code.invalid': string;
+        'error.access.authorization': string;
+        'unauthorized.label.disclaimer': string;
+        'unauthorized.label.redirect': string;
+        'notfound.label.disclaimer': string;
+        'notfound.label.redirect': string;
+        'label.error.details': string;
+        'label.divider': string;
+    };
+    'pt-BR': {
+        'text.title': string;
+        'button.google': string;
+        'text.disclaimer': string;
+        'invitation.code.invalid': string;
+        'error.access.authorization': string;
+        'unauthorized.label.disclaimer': string;
+        'unauthorized.label.redirect': string;
+        'notfound.label.disclaimer': string;
+        'notfound.label.redirect': string;
+        'label.error.details': string;
+        'label.divider': string;
+    };
+    it: {
+        'text.title': string;
+        'button.google': string;
+        'text.disclaimer': string;
+        'invitation.code.invalid': string;
+        'error.access.authorization': string;
+        'unauthorized.label.disclaimer': string;
+        'unauthorized.label.redirect': string;
+        'notfound.label.disclaimer': string;
+        'notfound.label.redirect': string;
+        'label.error.details': string;
+        'label.divider': string;
+    };
+};

package/dist/configs/localization/BaseTexts.js

@@ -0,0 +1,41 @@
+export const BaseTexts = {
+    en: {
+        'text.title': 'Welcome to Tycho Brahe Platform',
+        'button.google': 'Sign in with Google',
+        'text.disclaimer': '* Tycho Brahe Platform does not keep passwords or any personal information.',
+        'invitation.code.invalid': 'Invitation code invalid',
+        'error.access.authorization': 'Access denied',
+        'unauthorized.label.disclaimer': 'You are not authorized to access this content.',
+        'unauthorized.label.redirect': 'Click here to be redirected to the login page',
+        'notfound.label.disclaimer': 'Ops, page not found.',
+        'notfound.label.redirect': 'Click here to be redirected to the login page',
+        'label.error.details': 'Click here for error details',
+        'label.divider': '-- or --',
+    },
+    'pt-BR': {
+        'text.title': 'Bem-vindo à Plataforma Tycho Brahe',
+        'button.google': 'Faça seu login com o Google',
+        'text.disclaimer': '* A Plataforma Tycho Brahe não armazena senhas ou informações pessoais.',
+        'invitation.code.invalid': 'Código de convite inválido',
+        'error.access.authorization': 'Acesso negado',
+        'unauthorized.label.disclaimer': 'Você não está autorizado a acessar este conteúdo.',
+        'unauthorized.label.redirect': 'Clique aqui para ser redirecionado para a página de login',
+        'notfound.label.disclaimer': 'Ops, página não encontrada.',
+        'notfound.label.redirect': 'Clique aqui para ser redirecionado para a página de login',
+        'label.error.details': 'Clique aqui para ver os detalhes do erro',
+        'label.divider': '-- ou --',
+    },
+    it: {
+        'text.title': 'Benvenuto sulla Piattaforma Tycho Brahe',
+        'button.google': 'Accedi con Google',
+        'text.disclaimer': '* La Piattaforma Tycho Brahe non conserva password o informazioni personali.',
+        'invitation.code.invalid': 'Codice di invito non valido',
+        'error.access.authorization': 'Accesso negato',
+        'unauthorized.label.disclaimer': 'Non sei autorizzato a accedere a questo contenuto.',
+        'unauthorized.label.redirect': 'Clicca qui per essere reindirizzato alla pagina di accesso',
+        'notfound.label.disclaimer': 'Ops, pagina non trovata.',
+        'notfound.label.redirect': 'Clicca qui per essere reindirizzato alla pagina di accesso',
+        'label.error.details': "Clicca qui per i dettagli dell'errore",
+        'label.divider': '-- o --',
+    },
+};

package/dist/configs/localization/TreeTexts.d.ts

@@ -13,6 +13,7 @@ export declare const TreeTexts: {
         'button.recenter.tree': string;
         'button.download.tree': string;
         'button.download.penn': string;
+        'button.info': string;
         'placeholder.sentence.notparsed': string;
         'date.parsed': string;
     };
@@ -21,6 +22,7 @@ export declare const TreeTexts: {
         'button.recenter.tree': string;
         'button.download.tree': string;
         'button.download.penn': string;
+        'button.info': string;
         'date.parsed': string;
     };
 };

package/dist/configs/localization/TreeTexts.js

@@ -13,6 +13,7 @@ export const TreeTexts = {
         'button.recenter.tree': 'Recentralizar árvore',
         'button.download.tree': 'Baixar árvore como imagem',
         'button.download.penn': 'Baixar no formato Penn Tree',
+        'button.info': 'Mostrar traduções e glosas',
         'placeholder.sentence.notparsed': 'O parser não foi realizado nesta sentença.',
         'date.parsed': 'Parser executado às:',
     },
@@ -21,6 +22,7 @@ export const TreeTexts = {
         'button.recenter.tree': 'Ricentra albero',
         'button.download.tree': 'Scarica albero come immagine',
         'button.download.penn': 'Scarica in formato Penn Tree',
+        'button.info': 'Visualizza traduzioni e glosse',
         'date.parsed': 'Parser eseguito alle:',
     },
 };

package/dist/functions/CookieStorage.d.ts

@@ -0,0 +1,10 @@
+declare function setRedirectUri(uri: string): void;
+declare function removeRedirectUri(): void;
+declare const CookieStorage: {
+    setJwtToken: (jwtToken: string) => void;
+    getJwtToken: () => string | undefined;
+    removeJwtToken: () => void;
+    setRedirectUri: typeof setRedirectUri;
+    removeRedirectUri: typeof removeRedirectUri;
+};
+export default CookieStorage;

package/dist/functions/CookieStorage.js

@@ -0,0 +1,28 @@
+import Cookies from 'js-cookie';
+const REDIRECT_URI = 'redirect_uri_tycho';
+const JWT_TOKEN = 'jwt_token_tycho';
+const expireDays = 7;
+const setJwtToken = (jwtToken) => {
+    Cookies.set(JWT_TOKEN, jwtToken, { expires: expireDays });
+};
+const getJwtToken = () => {
+    const cookie = Cookies.get(JWT_TOKEN);
+    return cookie === 'undefined' ? '' : cookie;
+};
+const removeJwtToken = () => {
+    return Cookies.remove(JWT_TOKEN);
+};
+function setRedirectUri(uri) {
+    Cookies.set(REDIRECT_URI, uri);
+}
+function removeRedirectUri() {
+    Cookies.remove(REDIRECT_URI);
+}
+const CookieStorage = {
+    setJwtToken,
+    getJwtToken,
+    removeJwtToken,
+    setRedirectUri,
+    removeRedirectUri,
+};
+export default CookieStorage;

package/dist/index.d.ts

@@ -61,3 +61,8 @@ export { default as VirtualKeyboard } from './VirtualKeyboard';
 export { KeyboardCustomLayouts } from './VirtualKeyboard/KeyboardCustomLayout';
 export type { KeyboardLayout } from './VirtualKeyboard/KeyboardCustomLayout';
 export { default as CytoscapeTreeConverter } from './TreeView/cytoscape/CytoscapeTreeConverter';
+export { default as Login } from './Base/Login';
+export { default as Logout } from './Base/Logout';
+export { default as Unauthorized } from './Base/Unauthorized';
+export { default as NotFound } from './Base/NotFound';
+export { default as CookieStorage } from './functions/CookieStorage';

package/dist/index.js

@@ -46,3 +46,8 @@ export { default as SyntreesCytoscape } from './TreeView/cytoscape/SyntreesCytos
 export { default as VirtualKeyboard } from './VirtualKeyboard';
 export { KeyboardCustomLayouts } from './VirtualKeyboard/KeyboardCustomLayout';
 export { default as CytoscapeTreeConverter } from './TreeView/cytoscape/CytoscapeTreeConverter';
+export { default as Login } from './Base/Login';
+export { default as Logout } from './Base/Logout';
+export { default as Unauthorized } from './Base/Unauthorized';
+export { default as NotFound } from './Base/NotFound';
+export { default as CookieStorage } from './functions/CookieStorage';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.2.1-SNAPSHOT-5",
+  "version": "0.2.2-SNAPSHOT-1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/dist/Dummy/Dummy.d.ts

@@ -1,9 +0,0 @@
-import './styles.scss';
-export declare const DummyModes: readonly ["white", "blue"];
-type DummyModes = (typeof DummyModes)[number];
-export type Props = {
-    className?: string;
-    mode?: DummyModes;
-};
-export default function Dummy({ className, mode }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Dummy/Dummy.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import cx from 'classnames';
-import './styles.scss';
-export const DummyModes = ['white', 'blue'];
-export default function Dummy({ className, mode = 'blue' }) {
-    const getClassNames = cx('ds-dummy', className, mode);
-    return _jsx("div", { className: getClassNames, children: "aaaa" });
-}

package/dist/Dummy/index.d.ts

@@ -1,2 +0,0 @@
-import Dummy from './Dummy';
-export default Dummy;

package/dist/Dummy/index.js

@@ -1,2 +0,0 @@
-import Dummy from './Dummy';
-export default Dummy;

package/dist/Dummy/styles.scss

@@ -1,4 +0,0 @@
-.ds-dummy {
-  display: flex;
-  align-items: center;
-}