una-nuxt-module 1.0.2

package/dist/runtime/enums/ETheme.js

@@ -0,0 +1,5 @@
+export var ETheme = /* @__PURE__ */ ((ETheme2) => {
+  ETheme2["DARK"] = "dark";
+  ETheme2["LIGHT"] = "light";
+  return ETheme2;
+})(ETheme || {});

package/dist/runtime/enums/EVuetifyDateFormats.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Enum que contiene los tipos de formato de fechas para componentes Vuetify.
+ */
+export declare const enum EVuetifyDateFormats {
+    fullDate = "fullDate",//	“Jan 1, 2024”
+    fullDateWithWeekday = "fullDateWithWeekday",//	“Tuesday, January 1, 2024”
+    normalDate = "normalDate",//	“1 January”
+    normalDateWithWeekday = "normalDateWithWeekday",//	“Wed, Jan 1”
+    shortDate = "shortDate",//	“Jan 1”
+    year = "year",//	“2024”
+    month = "month",//	“January”
+    monthShort = "monthShort",//	“Jan”
+    monthAndYear = "monthAndYear",//	“January 2024”
+    monthAndDate = "monthAndDate",//	“January 1”
+    weekday = "weekday",//	“Wednesday”
+    weekdayShort = "weekdayShort",//	“Wed”
+    dayOfMonth = "dayOfMonth",//	“1”
+    hours12h = "hours12h",//	“11”
+    hours24h = "hours24h",//	“23”
+    minutes = "minutes",//	“44”
+    seconds = "seconds",//	“00”
+    fullTime = "fullTime",//	“11:44 PM” for US, “23:44” for Europe
+    fullTime12h = "fullTime12h",//	“11:44 PM”
+    fullTime24h = "fullTime24h",//	“23:44”
+    fullDateTime = "fullDateTime",//	“Jan 1, 2024 11:44 PM”
+    fullDateTime12h = "fullDateTime12h",//	“Jan 1, 2024 11:44 PM”
+    fullDateTime24h = "fullDateTime24h",//	“Jan 1, 2024 23:44”
+    keyboardDate = "keyboardDate",//	“02/13/2024”
+    keyboardDateTime = "keyboardDateTime",//	“02/13/2024 23:44”
+    keyboardDateTime12h = "keyboardDateTime12h",//	“02/13/2024 11:44 PM”
+    keyboardDateTime24h = "keyboardDateTime24h"
+}

package/dist/runtime/enums/EVuetifyDateFormats.js

@@ -0,0 +1,30 @@
+export var EVuetifyDateFormats = /* @__PURE__ */ ((EVuetifyDateFormats2) => {
+  EVuetifyDateFormats2["fullDate"] = "fullDate";
+  EVuetifyDateFormats2["fullDateWithWeekday"] = "fullDateWithWeekday";
+  EVuetifyDateFormats2["normalDate"] = "normalDate";
+  EVuetifyDateFormats2["normalDateWithWeekday"] = "normalDateWithWeekday";
+  EVuetifyDateFormats2["shortDate"] = "shortDate";
+  EVuetifyDateFormats2["year"] = "year";
+  EVuetifyDateFormats2["month"] = "month";
+  EVuetifyDateFormats2["monthShort"] = "monthShort";
+  EVuetifyDateFormats2["monthAndYear"] = "monthAndYear";
+  EVuetifyDateFormats2["monthAndDate"] = "monthAndDate";
+  EVuetifyDateFormats2["weekday"] = "weekday";
+  EVuetifyDateFormats2["weekdayShort"] = "weekdayShort";
+  EVuetifyDateFormats2["dayOfMonth"] = "dayOfMonth";
+  EVuetifyDateFormats2["hours12h"] = "hours12h";
+  EVuetifyDateFormats2["hours24h"] = "hours24h";
+  EVuetifyDateFormats2["minutes"] = "minutes";
+  EVuetifyDateFormats2["seconds"] = "seconds";
+  EVuetifyDateFormats2["fullTime"] = "fullTime";
+  EVuetifyDateFormats2["fullTime12h"] = "fullTime12h";
+  EVuetifyDateFormats2["fullTime24h"] = "fullTime24h";
+  EVuetifyDateFormats2["fullDateTime"] = "fullDateTime";
+  EVuetifyDateFormats2["fullDateTime12h"] = "fullDateTime12h";
+  EVuetifyDateFormats2["fullDateTime24h"] = "fullDateTime24h";
+  EVuetifyDateFormats2["keyboardDate"] = "keyboardDate";
+  EVuetifyDateFormats2["keyboardDateTime"] = "keyboardDateTime";
+  EVuetifyDateFormats2["keyboardDateTime12h"] = "keyboardDateTime12h";
+  EVuetifyDateFormats2["keyboardDateTime24h"] = "keyboardDateTime24h";
+  return EVuetifyDateFormats2;
+})(EVuetifyDateFormats || {});

package/dist/runtime/enums/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./EAuthorization.js";
+export * from "./EFormField.js";
+export * from "./EFormMode.js";
+export * from "./ERequestMethod.js";
+export * from "./ETheme.js";
+export * from "./EVuetifyDateFormats.js";

package/dist/runtime/enums/index.js

@@ -0,0 +1,6 @@
+export * from "./EAuthorization.js";
+export * from "./EFormField.js";
+export * from "./EFormMode.js";
+export * from "./ERequestMethod.js";
+export * from "./ETheme.js";
+export * from "./EVuetifyDateFormats.js";

package/dist/runtime/i18n/config.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Configuración de la internalización.
+ */
+export declare const i18nConfig: {
+    legacy: boolean;
+    locale: string;
+    messages: {
+        es: {
+            Actions: {
+                New: string;
+                Back: string;
+                Edit: string;
+                Cancel: string;
+                Delete: string;
+                Export: string;
+                Confirm: string;
+                MoreFilters: string;
+                CloseSession: string;
+            };
+            Rules: {
+                RequiredField: string;
+                IsEmail: string;
+                numberInRange: string;
+            };
+            Components: {
+                SideBar: {
+                    SideBarFooter: {
+                        DarkTheme: string;
+                        LightTheme: string;
+                    };
+                };
+                Footer: {
+                    Info: string[];
+                };
+                Dialogs: {
+                    Delete: {
+                        Title: string;
+                    };
+                    Export: {
+                        Title: string;
+                    };
+                };
+                Table: {
+                    NoDataMessage: {
+                        WhenNoMatches: string;
+                        WhenNoData: string;
+                    };
+                    SearchBar: {
+                        Label: string;
+                        Title: string;
+                        Placeholder: string;
+                    };
+                    Pagination: {
+                        ItemsPerPageLabel: string;
+                        PaginationInfo: string;
+                    };
+                };
+            };
+        };
+    };
+};

package/dist/runtime/i18n/config.js

@@ -0,0 +1,10 @@
+import es from "./locales/es.json";
+export const i18nConfig = {
+  legacy: false,
+  // Se configura el idioma por defecto
+  locale: "es",
+  // Se cargan los mensajes de cada idioma
+  messages: {
+    es
+  }
+};

package/dist/runtime/i18n/locales/es.json

@@ -0,0 +1,55 @@
+{
+  "Actions": {
+    "New": "Nuevo",
+    "Back": "Volver",
+    "Edit": "Editar",
+    "Cancel": "Cancelar",
+    "Delete": "Eliminar",
+    "Export": "Exportar",
+    "Confirm": "Confirmar",
+    "MoreFilters": "Más filtros",
+    "CloseSession": "Cerrar sesión"
+  },
+  "Rules": {
+    "RequiredField": "Campo requerido",
+    "IsEmail": "El correo debe ser válido",
+    "numberInRange": "El numero {number} no esta en el rango valido [{min}, {max}]"
+  },
+  "Components": {
+    "SideBar": {
+      "SideBarFooter": {
+        "DarkTheme": "Modo oscuro",
+        "LightTheme": "Modo claro"
+      }
+    },
+    "Footer": {
+      "Info": [
+        "Front Framework - Beta",
+        "© 2024 Universidad Nacional - Dirección de Tecnologías de Información y Comunicación"
+      ]
+    },
+    "Dialogs": {
+      "Delete": {
+        "Title": "¿Seguro que desea eliminar el registro?"
+      },
+      "Export": {
+        "Title": "Exportar datos de la tabla"
+      }
+    },
+    "Table": {
+      "NoDataMessage": {
+        "WhenNoMatches": "No hay datos que coincidan con el criterio de búsqueda...",
+        "WhenNoData": "No hay datos..."
+      },
+      "SearchBar": {
+        "Label": "Buscar",
+        "Title": "Buscar en la tabla",
+        "Placeholder": "Ingrese su búsqueda..."
+      },
+      "Pagination": {
+        "ItemsPerPageLabel": "Elementos por página:",
+        "PaginationInfo": "Página {page} de {totalPages} ({totalElements})"
+      }
+    }
+  }
+}

package/dist/runtime/i18n/service.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Este servicio permite usar internalización en archivos javascript y typescript.
+ *
+ * @method i18nService.global.t(key, params)
+ *
+ * @param [string] key - Mensaje a resolver
+ * @param [Object] params - Parámetros del mensaje - *null*
+ *
+ * @return *string* Mensaje internalizado en base al idioma actual
+ *
+ * @example
+ * ```ts
+    import { i18nService } from "~/i18n/service";
+    
+    const key = "actions.helloWorld"
+    const message = i18nService.global.t(key, params)
+ * ```
+ */
+export declare const i18nService: import("vue-i18n").I18n<{
+    es: {
+        Actions: {
+            New: string;
+            Back: string;
+            Edit: string;
+            Cancel: string;
+            Delete: string;
+            Export: string;
+            Confirm: string;
+            MoreFilters: string;
+            CloseSession: string;
+        };
+        Rules: {
+            RequiredField: string;
+            IsEmail: string;
+            numberInRange: string;
+        };
+        Components: {
+            SideBar: {
+                SideBarFooter: {
+                    DarkTheme: string;
+                    LightTheme: string;
+                };
+            };
+            Footer: {
+                Info: string[];
+            };
+            Dialogs: {
+                Delete: {
+                    Title: string;
+                };
+                Export: {
+                    Title: string;
+                };
+            };
+            Table: {
+                NoDataMessage: {
+                    WhenNoMatches: string;
+                    WhenNoData: string;
+                };
+                SearchBar: {
+                    Label: string;
+                    Title: string;
+                    Placeholder: string;
+                };
+                Pagination: {
+                    ItemsPerPageLabel: string;
+                    PaginationInfo: string;
+                };
+            };
+        };
+    };
+}, {}, {}, string, true>;

package/dist/runtime/i18n/service.js

@@ -0,0 +1,3 @@
+import { createI18n } from "vue-i18n";
+import { i18nConfig } from "./config.js";
+export const i18nService = createI18n(i18nConfig);

package/dist/runtime/i18n/vueI18n.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Se define la configuración de internalización para el plugin de vue-i18n.
+ */
+declare const _default: any;
+export default _default;

package/dist/runtime/i18n/vueI18n.js

@@ -0,0 +1,3 @@
+import { defineI18nConfig } from "#imports";
+import { i18nConfig } from "./config.js";
+export default defineI18nConfig(() => i18nConfig);

package/dist/runtime/index.d.ts

@@ -0,0 +1,9 @@
+import type { IUnaNuxtModuleOptions } from "../runtime/types";
+
+declare module "nuxt/schema" {
+  interface RuntimeConfig {}
+  interface PublicRuntimeConfig {
+    unaNuxtModule: IUnaNuxtModuleOptions;
+  }
+}
+export {};

package/dist/runtime/layouts/default.vue

@@ -0,0 +1,31 @@
+<template>
+  <v-app>
+    <v-layout>
+      <template v-if="authStore.isAuthenticated">
+        <SideBar />
+        <Header />
+        <SnackBar />
+        <v-main class="page-wrapper">
+          <v-container>
+            <!-- Pagina a renderizar -->
+            <NuxtPage />
+          </v-container>
+          <Footer />
+        </v-main>
+      </template>
+      <template v-else>
+        <v-main class="page-wrapper">
+          <v-container>
+            <LoadingSession />
+          </v-container>
+        </v-main>
+      </template>
+    </v-layout>
+  </v-app>
+</template>
+
+<script lang="ts" setup>
+import { useAuthStore } from "#imports";
+
+const authStore = useAuthStore();
+</script>

package/dist/runtime/layouts/empty.vue

@@ -0,0 +1,12 @@
+<template>
+  <v-app>
+    <v-layout>
+      <v-main class="page-wrapper">
+        <v-container class="d-flex align-center justify-center">
+          <!-- Pagina a renderizar -->
+          <NuxtPage />
+        </v-container>
+      </v-main>
+    </v-layout>
+  </v-app>
+</template>

package/dist/runtime/middleware/authentication.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Middleware encargado de sincronizar los datos de la sesión del usuario.
+ *
+ * En el flujo de inicio de sesión mediante SSO, en el cuál el usuario ingresa y hay una sesión activa en las cookies,
+ * este middleware sincroniza esos datos en el store de pinia.
+ *
+ * Nota: solo se ejecuta una vez, debido a que posteriormente los datos de la sesión estaran sincronizados en Pinia.
+ */
+declare const _default: any;
+export default _default;

package/dist/runtime/middleware/authentication.js

@@ -0,0 +1,30 @@
+import { defineNuxtRouteMiddleware, useNuxtApp } from "#app";
+import { useAuthStore, useAuthorization } from "#imports";
+export default defineNuxtRouteMiddleware(async (to, from) => {
+  const authorization = useAuthorization();
+  const authStore = useAuthStore();
+  if (import.meta.client && !authStore.isAuthenticated) {
+    const { $authData, $isAuthenticated, $accessToken } = useNuxtApp();
+    const isAuthenticated = await $isAuthenticated();
+    if (!isAuthenticated) {
+      return;
+    }
+    const authResponse = await $authData();
+    const token = await $accessToken();
+    const resources = await authorization.getResources(token);
+    const userInfo = {
+      email: authResponse?.email,
+      fullName: authResponse?.displayName,
+      name: authResponse?.givenName,
+      lastName: authResponse?.familyName,
+      photoUrl: authResponse?.profile,
+      mainRole: "Admin"
+    };
+    const authData = {
+      isAuthenticated,
+      accessToken: token,
+      resources
+    };
+    authStore.update(userInfo, authData);
+  }
+});

package/dist/runtime/middleware/authorization.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Middleware encargado de gestionar el acceso a recursos (rutas).
+ *
+ * Nota: se ejecuta con cada cambio de ruta.
+ */
+declare const _default: any;
+export default _default;

package/dist/runtime/middleware/authorization.js

@@ -0,0 +1,39 @@
+import { defineNuxtRouteMiddleware, navigateTo } from "#app";
+import {
+  useAuthStore,
+  useAuthorization,
+  useFormModeTrackerStore
+} from "#imports";
+const isUserGoingToForm = (path) => {
+  const parts = path.split("/");
+  return parts.length === 4 ? parts[parts.length - 1] === "form" : false;
+};
+const getPathWhitoutFormPart = (path) => {
+  let parts = path.split("/");
+  parts.pop();
+  return parts?.join("/");
+};
+export default defineNuxtRouteMiddleware((to, from) => {
+  const authStore = useAuthStore();
+  const authorization = useAuthorization();
+  const resource = to.matched[0]?.path ?? to.path;
+  if (authorization.isPageUnprotected(resource)) {
+    return;
+  }
+  if (!import.meta.client || !authStore.isAuthenticated) {
+    return;
+  }
+  if (isUserGoingToForm(resource)) {
+    const params = {
+      resource: getPathWhitoutFormPart(resource),
+      authorization: useFormModeTrackerStore().formMode
+    };
+    if (!authorization.hasAuthorizationIn(params)) {
+      return navigateTo("/403");
+    }
+    return;
+  }
+  if (!authorization.hasAccessTo(resource)) {
+    return navigateTo("/403");
+  }
+});

package/dist/runtime/pages/401.vue

@@ -0,0 +1,34 @@
+<template>
+  <v-sheet
+    class="d-flex align-center justify-center flex-wrap text-center mx-auto px-4"
+    elevation="4"
+    height="250"
+    max-width="800"
+    width="100%"
+    rounded
+  >
+    <div>
+      <h2 class="text-h4 font-weight-black text-primary">401 Unauthorized</h2>
+
+      <div class="text-h6 font-weight-medium mt-2 mb-6">
+        Debe inicar sesión para acceder
+      </div>
+
+      <v-btn
+        color="primary"
+        elevation="0"
+        @click="navigateTo('/')"
+        variant="text"
+        text="Volver a la página de inicio"
+      />
+    </div>
+  </v-sheet>
+</template>
+
+<script lang="ts" setup>
+import { definePageMeta, navigateTo } from "#imports";
+
+definePageMeta({
+  layout: "empty",
+});
+</script>

package/dist/runtime/pages/403.vue

@@ -0,0 +1,35 @@
+<template>
+  <v-sheet
+    class="d-flex align-center justify-center flex-wrap text-center mx-auto px-4"
+    elevation="4"
+    height="250"
+    max-width="800"
+    width="100%"
+    rounded
+  >
+    <div>
+      <h2 class="text-h4 font-weight-black text-primary">403 Forbidden</h2>
+
+      <div class="text-h6 font-weight-medium mt-2 mb-6">
+        Acceso Denegado<br />
+        No tiene accesso al recurso solicitado
+      </div>
+
+      <v-btn
+        color="primary"
+        elevation="0"
+        @click="navigateTo('/')"
+        variant="text"
+        text="Volver a la página de inicio"
+      />
+    </div>
+  </v-sheet>
+</template>
+
+<script lang="ts" setup>
+import { definePageMeta, navigateTo } from "#imports";
+
+definePageMeta({
+  layout: "empty",
+});
+</script>

package/dist/runtime/pages/ssoCallback.vue

@@ -0,0 +1,14 @@
+<template></template>
+
+<script lang="ts" setup>
+import { definePageMeta, navigateTo } from "#imports";
+import { onMounted } from "vue";
+
+definePageMeta({
+  layout: "empty",
+});
+
+onMounted(() => {
+  navigateTo("/");
+});
+</script>

package/dist/runtime/plugins/auth.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Plugin encargado de implementar autenticación SSO mediante WSO2.
+ *
+ * Se expone la información de la sesión proporcionando helpers en la instancia NuxtApp.
+ *
+ * @example
+ * ```ts
+  const { $isAuthenticated, $authData } = useNuxtApp();
+ * ```
+ */
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/auth.js

@@ -0,0 +1,83 @@
+import { defineNuxtPlugin, useRuntimeConfig } from "#app";
+import {
+  AsgardeoSPAClient,
+  Hooks
+} from "@asgardeo/auth-spa";
+import { useAuthorization, useAuthStore } from "#imports";
+import stringToBoolean from "../utils/stringToBoolean.js";
+export default defineNuxtPlugin((nuxtApp) => {
+  const auth = AsgardeoSPAClient.getInstance();
+  const runtimeConfig = useRuntimeConfig();
+  const config = runtimeConfig.public.unaNuxtModule.sso;
+  if (typeof config.validateIDToken === "string") {
+    config.validateIDToken = stringToBoolean(config.validateIDToken);
+  }
+  auth?.initialize(config);
+  auth?.signIn();
+  auth?.on(Hooks.SignIn, async (response) => {
+    const authorization = useAuthorization();
+    const authStore = useAuthStore();
+    const userInfo = {
+      email: response.email,
+      fullName: response.displayName,
+      name: response.givenName,
+      lastName: response.familyName,
+      photoUrl: response.profile,
+      mainRole: "Admin"
+    };
+    const token = await auth?.getAccessToken();
+    const resources = await authorization.getResources(token);
+    const authData = {
+      isAuthenticated: true,
+      accessToken: token,
+      resources
+    };
+    authStore.update(userInfo, authData);
+  });
+  return {
+    provide: {
+      /**
+       * Método para cerrar la sesión del usuario en WSO2.
+       */
+      signOut: async () => {
+        auth?.signOut();
+      },
+      /**
+       * Método si el usuario esta autenticado en WSO2.
+       */
+      isAuthenticated: async () => {
+        return await auth?.isAuthenticated();
+      },
+      /**
+       * Método que retorna la informacion de la sesión del usuario.
+       */
+      authData: async () => {
+        return await auth?.getBasicUserInfo();
+      },
+      /**
+       * Método que retorna el ID Token decodificado.
+       */
+      decodedIDToken: async () => {
+        return await auth?.getDecodedIDToken();
+      },
+      /**
+       * Método que retorna el Access Token del usuario.
+       */
+      accessToken: async () => {
+        return await auth?.getAccessToken();
+      },
+      /**
+       * Método que retorna el ID Token.
+       */
+      getIDToken: async () => {
+        return await auth?.getIDToken();
+      },
+      /**
+       * Método que retorna los endpoints de OpenId Connect.
+       */
+      OIDCServiceEndpoints: async () => {
+        return await auth?.getOIDCServiceEndpoints();
+      }
+    }
+  };
+});

package/dist/runtime/plugins/vue-json.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Plugin encargado de injectar el componente VueJsonPretty.
+ *
+  * @example
+ * ```html
+    <div class="json-container-view">
+      <VueJsonPretty :data="{}" />
+    </div>
+   * ```
+ */
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/vue-json.js

@@ -0,0 +1,5 @@
+import { defineNuxtPlugin } from "#app";
+import VueJsonPretty from "vue-json-pretty";
+export default defineNuxtPlugin((app) => {
+  app.vueApp.component("VueJsonPretty", VueJsonPretty);
+});

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}