@fishawack/lab-velocity 1.11.1 → 2.0.0-beta.2

package/_Build/vue/modules/AuthModule/js/FakeAPI.js

@@ -0,0 +1,78 @@
+import axios from "axios";
+
+axios.interceptors.request.use(
+    (request) => {
+        throw { isLocal: true, data: retrieveResponse(request) };
+    },
+    (error) => {
+        return Promise.resolve(error);
+    },
+);
+
+axios.interceptors.response.use(
+    (response) => {
+        return response;
+    },
+    (error) => {
+        return Promise.resolve(error);
+    },
+);
+
+function retrieveResponse(request) {
+    return fakes[request.url][request.method];
+}
+
+const fakes = {
+    "/api/users/self": {
+        get: {
+            data: {
+                id: 2,
+                company_id: 1,
+                created_at: "2025-04-14T15:11:11.000000Z",
+                updated_at: "2025-04-16T16:45:55.000000Z",
+                newsletter: null,
+                admin: 1,
+                name: "Jeremy Viner",
+                email: "jeremy.viner@avalerehealth.com",
+                email_verified_at: "2025-04-16T16:45:55.000000Z",
+                brands: [],
+                company: {
+                    id: 1,
+                    name: "Company 0",
+                    created_at: "2025-04-14T15:08:50.000000Z",
+                    updated_at: "2025-04-14T15:08:50.000000Z",
+                    domains: [
+                        "okuneva.com",
+                        "bogisich.info",
+                        "avalerehealth.com",
+                    ],
+                    brands: [1],
+                    events: [],
+                    therapy_areas: [],
+                    event_therapy_areas: [],
+                    event_therapy_area_media_types: [],
+                    users_count: null,
+                    sso_client_id: "5ea409fc-8dcf-423e-b7fa-867422859ea4",
+                    sso_client_secret:
+                        "aSS8Q~ss0r-uh.fPLHUXVXp2kIs5IfwTjzomrb_I",
+                    sso_tenant: "4a33c544-865e-44a4-836f-bc51800f6c5e",
+                    sso_type: "azure",
+                },
+            },
+        },
+    },
+    "/user/password": {
+        put: {},
+    },
+    "/logged-in": {
+        get: { "logged-in": true },
+    },
+    "/logout": {
+        post: {},
+    },
+    "/login": {
+        post: {
+            two_factor: false,
+        },
+    },
+};

package/_Build/vue/modules/AuthModule/js/axios.js

@@ -0,0 +1,62 @@
+import axios from "axios";
+
+function setAxiosDefaults(baseUrl, router) {
+    axios.defaults.baseURL = baseUrl;
+    axios.defaults.withCredentials = true;
+    axios.defaults.withXSRFToken = true;
+
+    // Some libraries will utilize the globally available version of axios so make sure it's our exact axios instance
+    window.axios = axios;
+
+    // Redirect to login page if 401
+    axios.interceptors.response.use(null, (error) => {
+        if (error.response) {
+            if (
+                error.response.status === 401 &&
+                router.currentRoute.value.name !== "auth.logout"
+            ) {
+                router.push({
+                    name: "auth.logout",
+                });
+            }
+
+            if (error.response.status === 404) {
+                router.push({ name: "index" });
+            }
+        }
+
+        return Promise.reject(error);
+    });
+
+    // Pull all paginated data
+    window.axios.getAll = (url, options = {}) => {
+        // eslint-disable-next-line no-async-promise-executor
+        return new Promise(async (resolve, reject) => {
+            try {
+                const arr = { data: { data: [] } };
+                let page = 0;
+
+                while (true) {
+                    const res = await window.axios.get(
+                        `${url}${url.includes("?") ? "&" : "?"}page=${++page}`,
+                        options,
+                    );
+                    arr.data.data = arr.data.data.concat(res.data.data);
+                    if (
+                        res.data.next_page_url === null ||
+                        (res.data.links && res.data.links.next === null)
+                    )
+                        break;
+                }
+
+                resolve(arr);
+            } catch (e) {
+                reject(e);
+            }
+        });
+    };
+}
+
+export default {
+    setAxiosDefaults,
+};

package/_Build/vue/modules/AuthModule/js/router.js

@@ -0,0 +1,295 @@
+"use strict";
+
+import { h } from "vue";
+import { RouterView } from "vue-router";
+
+// Admin routes export - minimal auth flow (headless login only)
+export function adminRoutes(node) {
+    return [
+        {
+            path: "/auth",
+            name: "auth",
+            component: { render: () => h(RouterView) },
+            redirect: () => ({ name: "auth.login" }),
+            props: true,
+            meta: {
+                guest: true,
+            },
+            children: [
+                {
+                    path: "login",
+                    component: node
+                        ? ""
+                        : require("../routes/loginheadless.vue").default,
+                    name: "auth.login",
+                },
+                {
+                    path: "logout",
+                    component: node
+                        ? ""
+                        : require("../routes/logoutheadless.vue").default,
+                    name: "auth.logout",
+                },
+                {
+                    path: "callback",
+                    component: node
+                        ? ""
+                        : require("../routes/logincallback.vue").default,
+                    name: "auth.callback",
+                },
+            ],
+        },
+        {
+            path: "/users",
+            component: node
+                ? ""
+                : require("../adminRoutes/PUsers/parent.vue").default,
+            children: [
+                {
+                    path: "",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PUsers/Children/index.vue")
+                              .default,
+                    name: "users.index",
+                },
+                {
+                    path: "create",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PUsers/Children/create.vue")
+                              .default,
+                    name: "users.create",
+                },
+                {
+                    path: ":id",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PUsers/Children/show.vue")
+                              .default,
+                    name: "users.show",
+                },
+                {
+                    path: ":id/edit",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PUsers/Children/edit.vue")
+                              .default,
+                    name: "users.edit",
+                },
+            ],
+        },
+        {
+            path: "/companies",
+            component: node
+                ? ""
+                : require("../adminRoutes/PCompanies/parent.vue").default,
+            children: [
+                {
+                    path: "",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PCompanies/Children/index.vue")
+                              .default,
+                    name: "companies.index",
+                },
+                {
+                    path: "create",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PCompanies/Children/create.vue")
+                              .default,
+                    name: "companies.create",
+                },
+                {
+                    path: ":id",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PCompanies/Children/show.vue")
+                              .default,
+                    name: "companies.show",
+                },
+                {
+                    path: ":id/edit",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PCompanies/Children/edit.vue")
+                              .default,
+                    name: "companies.edit",
+                },
+                {
+                    path: ":id/upload",
+                    component: node
+                        ? ""
+                        : require("../adminRoutes/PCompanies/Children/Upload/upload.vue")
+                              .default,
+                    name: "companies.upload",
+                },
+            ],
+        },
+    ];
+}
+
+// Standard routes export - full auth flow
+export function routes(node) {
+    return [
+        {
+            path: "/auth",
+            name: "auth",
+            component: require("../routes/container.vue").default,
+            redirect: () => ({ name: "auth.login" }),
+            props: true,
+            meta: {
+                guest: true,
+            },
+            children: [
+                {
+                    path: "login-creds",
+                    component: node
+                        ? ""
+                        : require("../routes/login.vue").default,
+                    name: "auth.logincreds",
+                },
+                {
+                    path: "login",
+                    component: node
+                        ? ""
+                        : require("../routes/loginsso.vue").default,
+                    name: "auth.login",
+                },
+                {
+                    path: "callback",
+                    component: node
+                        ? ""
+                        : require("../routes/logincallback.vue").default,
+                    name: "auth.callback",
+                },
+                {
+                    path: "forgot",
+                    component: require("../routes/forgot.vue").default,
+                    name: "auth.forgot",
+                },
+                {
+                    path: "reset",
+                    component: require("../routes/reset.vue").default,
+                    name: "auth.reset",
+                    props: true,
+                },
+                {
+                    path: "force-reset",
+                    component: require("../routes/force-reset.vue").default,
+                    name: "auth.force-reset",
+                    props: true,
+                },
+                {
+                    path: "register",
+                    component: require("../routes/register.vue").default,
+                    name: "auth.register",
+                },
+                {
+                    path: "verify",
+                    component: require("../routes/verify.vue").default,
+                    name: "auth.verify",
+                },
+                {
+                    path: "verified",
+                    component: require("../routes/success-verify.vue").default,
+                    name: "auth.success-verify",
+                },
+                {
+                    path: "expired-verification",
+                    component: require("../routes/expired-verification.vue")
+                        .default,
+                    name: "auth.expired-verification",
+                },
+                {
+                    path: "expired-reset",
+                    component: require("../routes/expired-reset.vue").default,
+                    name: "auth.expired-reset",
+                },
+                {
+                    path: "success-reset",
+                    component: require("../routes/success-reset.vue").default,
+                    name: "auth.success-reset",
+                },
+                {
+                    path: "success-forgot",
+                    component: require("../routes/success-forgot.vue").default,
+                    name: "auth.success-forgot",
+                },
+                {
+                    path: "account-exists",
+                    component: require("../routes/account-exists.vue").default,
+                    name: "auth.account-exists",
+                },
+                {
+                    path: "logout",
+                    component: require("../routes/logout.vue").default,
+                    name: "auth.logout",
+                },
+            ],
+        },
+        {
+            path: "/admin",
+            component: require("../routes/loginheadless.vue").default,
+            name: "admin",
+            meta: {
+                guest: true,
+            },
+        },
+    ];
+}
+
+export function beforeEach(router, store) {
+    router.beforeEach(async (to, from, next) => {
+        // If authenticated query param is present, assume authentication has happened elsewhere and attempt to fetch user data
+        if (to.query.authenticated && !store.getters.authenticated) {
+            await store.dispatch("getUser", {
+                errors: (e) => console.error(e),
+            });
+        }
+
+        const { user, redirect } = store.state.auth;
+
+        // User verification handling and redirect if user alrady verified but accessing an expired verification route
+        if (
+            to.query.verified ||
+            (to.name === "auth.expired-verification" && user?.email_verified_at)
+        ) {
+            next({ name: "auth.success-verify" });
+        } else if (store.getters.authenticated) {
+            // User is authenticated - check permissions and redirect appropriately
+            if (user.force_password_change && to.name !== "auth.force-reset") {
+                // User needs to change password - redirect to force reset
+                next({ name: "auth.force-reset" });
+            } else if (to.name === "auth.login") {
+                // Already logged in user hitting login
+                next({ name: redirect });
+            } else if (
+                !user?.email_verified_at &&
+                to.matched.some((d) => d.meta.guest) !== true
+            ) {
+                // User needs email verification and trying to access protected route
+                next({ name: "auth.verify" });
+            } else {
+                // User is authenticated and authorized - proceed
+                next();
+            }
+        } else {
+            // User is not authenticated - handle guest routes and login redirects
+            if (to.matched.some((d) => d.meta.guest) === true) {
+                // Route allows guest access - proceed
+                next();
+            } else {
+                // Protected route requires authentication - redirect to standard login
+                next({ name: "auth.login" });
+            }
+        }
+    });
+}
+
+export default {
+    routes,
+    adminRoutes,
+    beforeEach,
+};

package/_Build/vue/modules/AuthModule/js/store.js

@@ -0,0 +1,62 @@
+"use strict";
+import axios from "axios";
+
+const store = {
+    state() {
+        return {
+            intended: null,
+            user: null,
+            redirect: process.env.HYDRATE_REDIRECT ?? "index",
+            contact:
+                process.env.HYDRATE_CONTACT ?? "mailto:det@avalerehealth.com",
+        };
+    },
+
+    getters: {
+        authenticated: (state) => !!state.user,
+        can: (state) => (permission) => {
+            return state.user?.permissions
+                .map(({ name }) => name)
+                .includes(permission);
+        },
+        hasRole: (state) => (role) => {
+            return state.user?.roles.map(({ name }) => name).includes(role);
+        },
+    },
+
+    mutations: {
+        setUser(state, value) {
+            state.user = value;
+
+            if (window.dataLayer) {
+                window.dataLayer.push({ event: "logic", user: value });
+            }
+        },
+        setIntended(state, value) {
+            state.intended = value;
+        },
+    },
+
+    actions: {
+        getUser({ commit }, { errors, query = "", params }) {
+            return axios
+                .get(`/api/users/self${query}`, {
+                    params,
+                })
+                .then((res) => {
+                    commit("setUser", res.data.data);
+
+                    return res.data.data;
+                })
+                .catch(errors);
+        },
+
+        logout({ commit }, { errors }) {
+            commit("setUser", null);
+
+            return axios.post("/logout");
+        },
+    },
+};
+
+export default store;

package/{AuthModule → _Build/vue/modules/AuthModule}/routes/account-exists.vue

@@ -2,17 +2,15 @@
     <div class="relative">
         <section id="resetPasswordForm">
             <h1 class="h2">Account already exists</h1>
-            
+
             <p class="mt AM-mb-0 color-21">
                 <strong class="">Company: {{ $route.query.company }}</strong>
             </p>
-            <p class="AM-mt-0.5">
-                Your company already has an active account.
-            </p>
+            <p class="AM-mt-0.5">Your company already has an active account.</p>
 
             <elButton
                 tag="router-link"
-                :to="{name: `${$store.state.auth.authBase}.login`}"
+                :to="{ name: 'auth.login' }"
                 type="primary"
             >
                 <span v-text="'Sign in'" />
@@ -29,7 +27,7 @@ export default {
         };
     },
     components: {
-        elButton: require('../../basic/Button.vue').default,
-    }
+        elButton: require("../../basic/Button.vue").default,
+    },
 };
 </script>

package/{AuthModule → _Build/vue/modules/AuthModule}/routes/change-password.vue

@@ -1,11 +1,15 @@
 <template>
     <div class="relative">
         <section id="resetPasswordForm">
-            <h1 class="h2 h2--small" v-html="!form.successful ? 'Change password' : 'Success'" />
+            <h1
+                class="h2 h2--small"
+                v-html="!form.successful ? 'Change password' : 'Success'"
+            />
             <form class="form" @submit.prevent="submit">
                 <div v-if="!form.successful">
                     <p class="AM-mt-2 AM-mb-0">
-                        Please complete the fields below to change your password.
+                        Please complete the fields below to change your
+                        password.
                     </p>
 
                     <el-input
@@ -32,9 +36,13 @@
                         :password="true"
                     />
 
-                    <VPasswordValidation :password="form.password" @passwordValid="updatePasswordValidity" />
+                    <VPasswordValidation
+                        :password="form.password"
+                        @passwordValid="updatePasswordValidity"
+                    />
                     <div class="flex AM-mt-3">
                         <elButton
+                            native-type="submit"
                             class=""
                             type="primary"
                             :disabled="form.processing || !isPasswordValid"
@@ -54,13 +62,11 @@
                     </div>
                 </div>
                 <div v-else>
-                    <strong class="">Email: {{ $store.state.auth?.user?.email }}</strong>
-                    <p v-text="`Your password has been updated.`" />
-                    <elButton
-                        class=""
-                        type="secondary"
-                        @click="handleButton"
+                    <strong class=""
+                        >Email: {{ $store.state.auth?.user?.email }}</strong
                     >
+                    <p v-text="`Your password has been updated.`" />
+                    <elButton class="" type="secondary" @click="handleButton">
                         <span v-text="'Continue'" />
                     </elButton>
                 </div>
@@ -78,17 +84,16 @@ export default {
             form: new Form(
                 {
                     email: this.$store.state.auth.user?.email,
-                    password: '',
-                    current_password: ''
+                    password: "",
+                    current_password: "",
                 },
-                { resetOnSuccess: false }
+                { resetOnSuccess: false },
             ),
             isPasswordValid: false,
         };
     },
 
     mounted() {
-
         this.$store.dispatch("getUser", {
             errors: this.$root.errors,
         });
@@ -99,7 +104,7 @@ export default {
             this.loading = true;
 
             try {
-                await this.form.put('/user/password');
+                await this.form.put("/user/password");
                 await this.login();
             } catch (e) {
                 this.$root.errors(e);
@@ -113,16 +118,15 @@ export default {
             try {
                 const res = await this.form.post("/login");
 
-                if(res['logged-in']){
-                    try{
+                if (res["logged-in"]) {
+                    try {
                         await this.$store.dispatch("logout", {
                             // errors: this.$root.errors,
                         });
-                    } catch(e){}
+                    } catch (e) {}
 
                     await this.form.post("/login");
                 }
-
             } catch (e) {
                 this.$root.errors(e);
             } finally {
@@ -135,12 +139,10 @@ export default {
             this.isPasswordValid = isValid;
         },
         handleButton() {
-            this.$emit('close');
+            this.$emit("close");
         },
-        
-        async postLogin() {
-            this.$store.commit("setAuth", true);
 
+        async postLogin() {
             const { data: user } = await this.$store.dispatch("getUser", {
                 errors: this.$root.errors,
             });
@@ -154,9 +156,10 @@ export default {
     },
 
     components: {
-        VPasswordValidation: require("./../components/VPasswordValidation.vue").default,
-        elInput: require('../../form/basic.vue').default,
-        elButton: require('../../basic/Button.vue').default,
+        VPasswordValidation: require("./../components/VPasswordValidation.vue")
+            .default,
+        elInput: require("../../form/basic.vue").default,
+        elButton: require("../../basic/Button.vue").default,
     },
 };
 </script>

package/{AuthModule → _Build/vue/modules/AuthModule}/routes/container.vue

@@ -22,17 +22,13 @@
 
 <script>
 export default {
-    mounted() {
-
-    },
+    mounted() {},
     data() {
         return {
-              logoName: process.env.HYDRATE_LOGO,
-        }
+            logoName: process.env.HYDRATE_LOGO,
+        };
     },
 
-    components: {
-        
-    },
+    components: {},
 };
 </script>