@sowell/quasar-app-extension-auth 0.5.1 → 1.0.0

package/src/composables/resetPassword.ts

@@ -1,124 +1,124 @@
-import { useQuasar } from "quasar";
-import { useI18n } from "vue-i18n";
-import jwt from "jwt-decode";
-import { computed, ref, Ref, onMounted } from "vue";
+import { useQuasar } from "quasar"
+import { useI18n } from "vue-i18n"
+import jwt from "jwt-decode"
+import { computed, ref, Ref, onMounted } from "vue"
 import {
   ionCloseOutline,
   ionEyeOutline,
   ionEyeOffOutline,
   ionAlertCircleOutline,
   ionLockClosedOutline,
-} from "@quasar/extras/ionicons-v5";
+} from "@quasar/extras/ionicons-v5"
 
-import { $api, $prompts, $router } from "../injects";
-import { Buffer } from "buffer/"; // NOTE: the trailing '/' is intentional and required by buffer
+import { $api, $prompts, $router } from "../injects"
+import { Buffer } from "buffer/" // NOTE: the trailing '/' is intentional and required by buffer
 
 interface DecodedToken {
-  sub: number;
-  email: string;
-  token: string;
+  sub: number
+  email: string
+  token: string
 }
 export function useResetPassword() {
-  const $q = useQuasar();
-  const { t } = useI18n();
-
-  const password = ref("");
-  const loading = ref(false);
-  const passwordUpdated = ref(false);
-  const showPassword = ref(false);
-  const tempToken = ref("");
-  const userInfos = JSON.parse(localStorage.getItem("userInfos") || "{}");
-
-  const { patch, post } = $api();
-  const router = $router();
+  const $q = useQuasar()
+  const { t } = useI18n()
+
+  const password = ref("")
+  const loading = ref(false)
+  const passwordUpdated = ref(false)
+  const showPassword = ref(false)
+  const tempToken = ref("")
+  const userInfos = JSON.parse(localStorage.getItem("userInfos") || "{}")
+
+  const { patch, post } = $api()
+  const router = $router()
   const {
     AUTH_SERVER_SIGNING_ROUTE,
     AUTH_SERVER_UPDATE_PASSWORD_ROUTE,
     LOCAL_LOGIN_ROUTE,
-    IS_OTP,
-  } = $prompts();
-  const $route = router.currentRoute.value;
+    IS_OTP
+  } = $prompts()
+  const $route = router.currentRoute.value
 
   const decodedToken = computed(() => {
-    if (!tempToken.value) return null;
-    return jwt(tempToken.value) as DecodedToken;
-  }) as Ref<DecodedToken | null>;
+    if (!tempToken.value) return null
+    return jwt(tempToken.value) as DecodedToken
+  }) as Ref<DecodedToken | null>
 
-  const isOtp = computed(() => IS_OTP.toLowerCase() === "y");
+  const isOtp = computed(() => IS_OTP.toLowerCase() === "y")
 
   const canSubmit = computed(() => {
     return (
       (decodedToken.value !== null || userInfos?.uid) &&
       password.value.length >= 6
-    );
-  });
+    )
+  })
 
   const validations = {
     passwordRules: [
       (val: string) => !!val || t("auth.passwordPresenceError"),
-      (val: string) => val.length >= 6 || t("auth.passwordLengthError"),
+      (val: string) => val.length >= 6 || t("auth.passwordLengthError")
     ],
     passwordConfirmationRules: [
       (val: string) =>
         val === password.value || t("auth.newPasswordConfirmationFailed"),
       (val: string) => !!val || t("auth.passwordPresenceError"),
-      (val: string) => val.length >= 6 || t("auth.passwordLengthError"),
-    ],
-  };
+      (val: string) => val.length >= 6 || t("auth.passwordLengthError")
+    ]
+  }
 
   const decodeKey = (key: string) => {
     try {
       // remove backslash to avoid decoding error
-      key = key.replace(/\\n/g, "");
+      key = key.replace(/\\n/g, "")
       const decodedKey = Buffer.from(key, "base64")
         .toString("utf-8")
-        .split(",");
+        .split(",")
       // split instead of JSON.parse as JSON.parse doesn't work
 
       if (decodedKey.length !== 2) {
-        throw "Invalid encoded key";
+        throw "Invalid encoded key"
       }
 
-      const email = decodedKey[0].replace("{", "").split(":")[1];
-      const tmpToken = decodedKey[1].replace("}", "").split(":")[1];
+      const email = decodedKey[0].replace("{", "").split(":")[1]
+      const tmpToken = decodedKey[1].replace("}", "").split(":")[1]
       return {
         decoded: true,
         email,
-        tmpToken,
-      };
+        tmpToken
+      }
     } catch (err) {
       return {
-        decoded: false,
-      };
+        decoded: false
+      }
     }
-  };
+  }
 
   const onSubmit = () => {
-    let idUser = decodedToken?.value?.sub;
+    let idUser = decodedToken?.value?.sub
     if (isOtp.value && userInfos?.uid) {
-      idUser = userInfos?.uid;
+      idUser = userInfos?.uid
     }
     const updatePasswordPayload = {
       data: {
         type: "users",
         id: idUser,
         attributes: {
-          password: password.value,
-        },
-      },
-    };
+          password: password.value
+        }
+      }
+    }
 
-    let authorization = `Bearer ${tempToken.value}`;
+    let authorization = `Bearer ${tempToken.value}`
     if (isOtp.value) {
-      authorization = `Bearer ${userInfos?.token}`;
+      authorization = `Bearer ${userInfos?.token}`
     }
 
     const updatePasswordHeaders = {
       headers: {
-        Authorization: authorization,
-      },
-    };
-    loading.value = true;
+        Authorization: authorization
+      }
+    }
+    loading.value = true
 
     patch(
       AUTH_SERVER_UPDATE_PASSWORD_ROUTE.replace(":userId", idUser),
@@ -126,13 +126,13 @@ export function useResetPassword() {
       updatePasswordHeaders
     )
       .then(() => {
-        loading.value = false;
-        passwordUpdated.value = true;
-        localStorage.removeItem("emailResetPassword");
-        localStorage.removeItem("userInfos");
+        loading.value = false
+        passwordUpdated.value = true
+        localStorage.removeItem("emailResetPassword")
+        localStorage.removeItem("userInfos")
       })
       .catch(() => {
-        loading.value = false;
+        loading.value = false
         $q.notify({
           message: t("auth.passwordRecoveryFailed"),
           color: "negative",
@@ -141,21 +141,21 @@ export function useResetPassword() {
           actions: [
             {
               color: "white",
-              icon: ionCloseOutline,
-            },
-          ],
-        });
-      });
-  };
+              icon: ionCloseOutline
+            }
+          ]
+        })
+      })
+  }
 
   const goToLoginPage = () => {
-    router.push(LOCAL_LOGIN_ROUTE);
-  };
+    router.push(LOCAL_LOGIN_ROUTE)
+  }
 
   onMounted(() => {
     if (!isOtp.value) {
-      let key = $route.query.key as string;
-      const { decoded, email, tmpToken } = decodeKey(key);
+      const key = $route.query.key as string
+      const { decoded, email, tmpToken } = decodeKey(key)
 
       if (!decoded) {
         return $q.notify({
@@ -166,25 +166,25 @@ export function useResetPassword() {
           actions: [
             {
               color: "white",
-              icon: ionCloseOutline,
-            },
-          ],
-        });
+              icon: ionCloseOutline
+            }
+          ]
+        })
       }
 
       const tmpAuthPayload = {
         auth: {
           email: email,
-          token: tmpToken,
-        },
-      };
+          token: tmpToken
+        }
+      }
 
       post(AUTH_SERVER_SIGNING_ROUTE, tmpAuthPayload)
-        .then((response) => {
-          tempToken.value = response.data.jwt;
-          if (!tempToken.value) throw "Error reading the temporary token";
+        .then((response: { data: { jwt: any } }) => {
+          tempToken.value = response.data.jwt
+          if (!tempToken.value) throw "Error reading the temporary token"
         })
-        .catch((error) => {
+        .catch((error: { response: { status: number } }) => {
           if (error.response) {
             // Request made and server responded
             if (error.response.status === 404) {
@@ -199,7 +199,7 @@ export function useResetPassword() {
                     icon: ionCloseOutline,
                   },
                 ],
-              });
+              })
             }
           }
           return $q.notify({
@@ -210,13 +210,13 @@ export function useResetPassword() {
             actions: [
               {
                 color: "white",
-                icon: ionCloseOutline,
-              },
-            ],
-          });
-        });
+                icon: ionCloseOutline
+              }
+            ]
+          })
+        })
     }
-  });
+  })
 
   return {
     password,
@@ -233,5 +233,5 @@ export function useResetPassword() {
       ionEyeOffOutline,
       ionLockClosedOutline,
     },
-  };
+  }
 }

package/src/index.js

@@ -1,42 +1,42 @@
-"use strict";
-const path = require("path");
+"use strict"
+const path = require("path")
 function extendConf(conf) {
-  const requiredPlugins = ["Notify"];
+  const requiredPlugins = ["Notify"]
 
   requiredPlugins.forEach((plugin) => {
     if (!conf.framework.plugins.includes(plugin)) {
-      conf.framework.plugins.push(plugin);
+      conf.framework.plugins.push(plugin)
     }
-  });
+  })
 
-  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/register.ts");
+  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/register.ts")
 
-  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/store.ts");
+  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/store.ts")
 
-  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/router.ts");
+  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/router.ts")
 
   conf.boot.push(
     "~@sowell/quasar-app-extension-auth/src/boot/router-guards.ts"
-  );
-  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/axios.ts");
+  )
+  conf.boot.push("~@sowell/quasar-app-extension-auth/src/boot/axios.ts")
 
-  conf.build.transpileDependencies.push(/quasar-app-extension-auth[\\/]src/);
+  conf.build.transpileDependencies.push(/quasar-app-extension-auth[\\/]src/)
 
-  console.log("Boot sowell auth");
+  console.log("Boot sowell auth")
 }
 const chainWebpack = (ctx, chain) => {
   chain.resolve.alias.set(
     "@sowell/auth",
     path.resolve(__dirname, "./components")
-  );
+  )
   chain.resolve.alias.set(
     "composables",
     path.resolve(__dirname, "./composables")
-  );
-};
+  )
+}
 module.exports = function (api) {
-  api.compatibleWith("quasar", "^2.0.0");
-  api.compatibleWith("@quasar/app", "^3.0.0");
-  api.chainWebpack((chain) => chainWebpack(api.ctx, chain));
-  api.extendQuasarConf(extendConf);
-};
+  api.compatibleWith("quasar", "^2.8.0")
+  api.compatibleWith("@quasar/app-webpack", "^3.0.0")
+  api.chainWebpack((chain) => chainWebpack(api.ctx, chain))
+  api.extendQuasarConf(extendConf)
+}

package/src/injects/api.ts

@@ -1,10 +1,10 @@
-import { AxiosInstance } from "axios";
-import { inject } from "vue";
+import { AxiosInstance } from "axios"
+import { inject } from "vue"
 
 export const $api = (): AxiosInstance => {
-  const $api = inject<AxiosInstance>("$api");
+  const $api = inject<AxiosInstance>("$api")
   if ($api == undefined) {
-    throw Error("Could not inject api");
+    throw Error("Could not inject api")
   }
-  return $api;
+  return $api
 };

package/src/injects/index.ts

@@ -1,4 +1,4 @@
-export * from "./api";
-export * from "./prompts";
-export * from "./router";
-export * from './states'
+export * from "./api"
+export * from "./prompts"
+export * from "./router"
+export * from "./states"

package/src/injects/prompts.ts

@@ -1,29 +1,29 @@
-import { inject } from "vue";
+import { inject } from "vue"
 export interface PromptsInterface {
-  APP_SERVER_BASE_URL: string;
-  LOCAL_LOGIN_ROUTE: string;
-  LOCAL_SUCCESS_REDIRECTION_ROUTE: string;
-  LOCAL_CHECK_CODE_ROUTE: string;
-  LOCAL_UPDATE_PASSWORD_ROUTE: string;
-  AUTH_SERVER_BASE_URL: string;
-  AUTH_SERVER_SIGNING_ROUTE: string;
-  AUTH_SERVER_RESET_PASSWORD_ROUTE: string;
-  AUTH_SERVER_UPDATE_PASSWORD_ROUTE: string;
-  AUTH_TYPE: string;
-  X_REQUESTED_ROLES: string;
-  WELCOME_TITLE: string;
-  WELCOME_SUBTITLE: string;
-  IS_OTP: string;
-  LOCAL_OTP_ROUTE: string;
-  AUTH_SERVER_VERIFY_OTP: string;
-  UI_PAGE: string;
-  APP_VERSION: string;
-  USE_SSO: boolean;
+  APP_SERVER_BASE_URL: string
+  LOCAL_LOGIN_ROUTE: string
+  LOCAL_SUCCESS_REDIRECTION_ROUTE: string
+  LOCAL_CHECK_CODE_ROUTE: string
+  LOCAL_UPDATE_PASSWORD_ROUTE: string
+  AUTH_SERVER_BASE_URL: string
+  AUTH_SERVER_SIGNING_ROUTE: string
+  AUTH_SERVER_RESET_PASSWORD_ROUTE: string
+  AUTH_SERVER_UPDATE_PASSWORD_ROUTE: string
+  AUTH_TYPE: string
+  X_REQUESTED_ROLES: string
+  WELCOME_TITLE: string
+  WELCOME_SUBTITLE: string
+  IS_OTP: string
+  LOCAL_OTP_ROUTE: string
+  AUTH_SERVER_VERIFY_OTP: string
+  UI_PAGE: string
+  APP_VERSION: string
+  USE_SSO: boolean
 }
 export const $prompts = (): PromptsInterface => {
-  const $prompts = inject<Record<"@sowell/auth", PromptsInterface>>("$prompts");
+  const $prompts = inject<Record<"@sowell/auth", PromptsInterface>>("$prompts")
   if ($prompts == undefined) {
-    throw Error("Could not inject prompts");
+    throw Error("Could not inject prompts")
   }
-  return $prompts["@sowell/auth"];
-};
+  return $prompts["@sowell/auth"]
+}

package/src/injects/router.ts

@@ -1,10 +1,10 @@
-import { inject } from "vue";
-import { Router } from "vue-router";
+import { inject } from "vue"
+import { Router } from "vue-router"
 
 export const $router = (): Router => {
-  const $router = inject<Router>("$router");
+  const $router = inject<Router>("$router")
   if ($router == undefined) {
-    throw Error("Could not inject router");
+    throw Error("Could not inject router")
   }
-  return $router;
-};
+  return $router
+}

package/src/injects/states.ts

@@ -1,112 +1,112 @@
-import { inject } from "vue";
-import { Store } from "pinia";
-import { AxiosResponse } from "axios";
-import { $prompts } from "../injects";
+import { inject } from "vue"
+import { Store } from "pinia"
+import { AxiosResponse } from "axios"
+import { $prompts } from "../injects"
 
 export interface AuthStatePayload {
-  company_hp: string;
-  exp: number;
-  gm_key: string;
-  roles: string[];
-  sub: number;
+  company_hp: string
+  exp: number
+  gm_key: string
+  roles: string[]
+  sub: number
 }
 
 export interface AuthState {
-  raw?: string;
-  payload?: AuthStatePayload;
+  raw?: string
+  payload?: AuthStatePayload
 }
 interface ConfigMobileAuth {
-  clientId: string;
-  scopes: ["email", "User.Read"];
-  keyHash: "2jmj7l5rSw0yVb/vlWAYkK/YBwk=";
+  clientId: string
+  scopes: ["email", "User.Read"]
+  keyHash: "2jmj7l5rSw0yVb/vlWAYkK/YBwk="
 }
 
 export interface MsalState {
   configMobile: {
-    auth: ConfigMobileAuth;
+    auth: ConfigMobileAuth
     cache: {
-      cacheLocation: "localStorage";
-    };
-  };
+      cacheLocation: "localStorage"
+    }
+  }
   configWeb: {
     auth: {
-      clientId: string;
-      authority: "https://login.microsoftonline.com/organizations";
-      redirectUri: string;
-    };
+      clientId: string
+      authority: "https://login.microsoftonline.com/organizations"
+      redirectUri: string
+    }
     cache: {
-      cacheLocation: "localStorage";
-    };
-  };
-  accessToken: string;
-  idToken: string;
-  email: string;
+      cacheLocation: "localStorage"
+    }
+  }
+  accessToken: string
+  idToken: string
+  email: string
 }
 export interface RequestOptions {
   headers: {
-    "x-requested-roles"?: string;
-  };
+    "x-requested-roles"?: string
+  }
 }
 
 export interface SignInPayload {
   auth: {
-    email: string;
-    password?: string;
-    msalToken?: string;
-  };
+    email: string
+    password?: string
+    msalToken?: string
+  }
   "device-clean"?: {
-    manufacturer: string;
-    model: string;
-    platform: string;
-    version: string;
-  };
+    manufacturer: string
+    model: string
+    platform: string
+    version: string
+  }
   "app-clean"?: {
-    versionNumber: string;
-  };
+    versionNumber: string
+  }
 }
 
 export interface ResetPasswordPayload {
   auth: {
-    email: string;
-    base: string;
-  };
+    email: string
+    base: string
+  }
 }
 
 export const useAuthState = (): Store<
   "auth",
   AuthState,
   {
-    getIsValid(state: AuthState): boolean;
+    getIsValid(state: AuthState): boolean
   },
   {
     signin(
       data: SignInPayload,
       options: RequestOptions
-    ): Promise<AxiosResponse>;
-    msalSignin(): Promise<AxiosResponse>;
-    resetPassword(data: ResetPasswordPayload): Promise<AxiosResponse>;
-    updateRaw(value: string): void;
+    ): Promise<AxiosResponse>
+    msalSignin(): Promise<AxiosResponse>
+    resetPassword(data: ResetPasswordPayload): Promise<AxiosResponse>
+    updateRaw(value: string): void
   }
 > => {
-  const authState = inject<Store<"auth", AuthState>>("authState");
+  const authState = inject<Store<"auth", AuthState>>("authState")
   if (authState == undefined) {
-    throw Error("Could not inject authState");
+    throw Error("Could not inject authState")
   }
-  return authState;
-};
+  return authState
+}
 
 export const useMsalState = (): Store<
   "msal",
   MsalState,
   {
-    signIn(): () => Promise<{ email: string; token: string }>;
-    reset(): () => void;
+    signIn(): () => Promise<{ email: string; token: string }>
+    reset(): () => void
   }
 > => {
-  const { USE_SSO } = $prompts();
-  const msalState = inject<Store<"msal", MsalState>>("msalState");
+  const { USE_SSO } = $prompts()
+  const msalState = inject<Store<"msal", MsalState>>("msalState")
   if (USE_SSO && msalState == undefined) {
-    throw Error("Could not inject msalState");
+    throw Error("Could not inject msalState")
   }
-  return msalState;
-};
+  return msalState
+}

package/src/interfaces/Boot.ts

@@ -1,6 +1,6 @@
-import { Router } from "vue-router";
-import { App } from "vue";
+import { Router } from "vue-router"
+import { App } from "vue"
 export interface BootInterface {
-  router: Router;
-  app: App<any>;
+  router: Router
+  app: App<any>
 }

package/src/interfaces/index.ts

@@ -1,2 +1,2 @@
-export * from "./Boot";
-export * from "./TokenStateInterface";
+export * from "./Boot"
+export * from "./TokenStateInterface"