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

package/vendor.scss

@@ -4,7 +4,7 @@
 
 @import "normalize.css/normalize";
 
-#svgSprite{
+#svgSprite {
     position: absolute;
     width: 0;
     height: 0;
@@ -15,8 +15,7 @@
 @import "@fishawack/lab-ui/_typography.scss";
 @import "@fishawack/lab-ui/_grid.scss";
 @import "@fishawack/lab-ui/_button.scss";
-
 @import "@fishawack/lab-ui/_utilities.scss";
 
 // Element-plus base style
-@import "./_base.scss";
+@import "./_base.scss";

package/AuthModule/components/VPasswordValidation.vue

@@ -1,66 +0,0 @@
-<template>
-    <div class="">
-        <p class="font-700 AM-mb-0.5">Your password must contain:</p>
-        <p class="flex m-0">
-            <GSvg name="icon-list-tick" embed artboard class="mr-0.5 icon icon--0.4 fill-7"
-                v-if="passwordLengthValid" />
-            <GSvg name="icon-list-tick" embed artboard class="mr-0.5 icon icon--0.4 fill-3" v-else />
-            At least 8 characters
-        </p>
-        <p class="flex m-0">
-            <GSvg name="icon-list-tick" embed artboard class="mr-0.5 icon icon--0.4 fill-7" v-if="hasLetter" />
-            <GSvg name="icon-list-tick" embed artboard class="mr-0.5 icon icon--0.4 fill-3" v-else />
-            At least one letter
-        </p>
-        <p class="flex AM-mt-0 ml-0 mr-0 AM-mb-3">
-            <GSvg name="icon-list-tick" embed artboard class="mr-0.5 icon icon--0.4 fill-7" v-if="hasNumberOrSymbol" />
-            <GSvg name="icon-list-tick" embed artboard class="mr-0.5 icon icon--0.4 fill-3" v-else />
-            At least one number or symbol
-        </p>
-    </div>
-</template>
-
-<script>
-
-export default {
-    props: {
-        password: {
-            type: String,
-            default: '',
-        },
-    },
-    computed: {
-        passwordLengthValid() {
-            return this.password?.length >= 8;
-        },
-        hasLetter() {
-            return this.tests.letter.test(this.password);
-        },
-        hasNumberOrSymbol() {
-            return this.tests.number.test(this.password) || this.tests.symbol.test(this.password);
-        },
-        passwordValid() {
-            return this.passwordLengthValid && this.hasLetter && this.hasNumberOrSymbol;
-        },
-    },
-    data() {
-        return {
-            tests: {
-                letter: /[a-zA-Z]+/,
-                number: /[0-9]+/,
-                symbol: /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]+/,
-            }
-        };
-    },
-    watch: {
-        password(newPassword) {
-            this.$emit('passwordValid', this.passwordValid);
-        },
-    },
-    methods: {
-    },
-    mounted() {
-        this.$emit('passwordValid', this.passwordValid);
-    },
-}
-</script>

package/AuthModule/js/AuthAxios.js

@@ -1,59 +0,0 @@
-import axios from "axios";
-
-function setAxiosDefaults() {
-    axios.defaults.baseURL = process.env.APP_URL;
-    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) {
-            store.commit("setAuth", false);
-            window.router.push({ name: `${store.state.auth.authBase}.login` });
-        }
-
-        if (error.response.status === 404) {
-            window.router.push({ name: "index" });
-        }
-    }
-
-    return Promise.reject(error);
-});
-
-// Pull all paginated data
-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;
-
-            // eslint-disable-next-line no-constant-condition
-            while (true) {
-                // eslint-disable-next-line no-await-in-loop
-                const res = await axios.get(
-                    // eslint-disable-next-line no-plusplus
-                    `${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);
-        }
-    });
-};
-
-setAxiosDefaults();

package/AuthModule/js/AuthRoutes.js

@@ -1,186 +0,0 @@
-"use strict";
-export function authRoutes(node, store, nested = 'auth') {
-    return [{
-        path: '/'+nested,
-        name: nested,
-        component: require("../routes/container.vue").default,
-        redirect: (to) => {
-            return { name: `${nested}.login` };
-        },
-        children: [
-            {
-                path: "login-creds",
-                component: node
-                    ? ""
-                    : require("../routes/login.vue")
-                          .default,
-                name: `${nested}.logincreds`
-            },
-            {
-                path: "login",
-                component: node
-                    ? ""
-                    : require("../routes/loginsso.vue")
-                          .default,
-                name: `${nested}.login`
-            },
-            {
-                path: "force-login",
-                component: node
-                    ? ""
-                    : require("../routes/loginheadless.vue")
-                          .default,
-                name: `${nested}.force-login`
-            },
-            {
-                path: "callback",
-                component: node
-                    ? ""
-                    : require("../routes/logincallback.vue")
-                          .default,
-                name: `${nested}.callback`
-            },
-            {
-                path: "forgot",
-                component: require("../routes/forgot.vue").default,
-                name: `${nested}.forgot`,
-            },
-            {
-                path: "reset",
-                component: require("../routes/reset.vue").default,
-                name: `${nested}.reset`,
-                props: true,
-            },
-            {
-                path: "force-reset",
-                component: require("../routes/force-reset.vue").default,
-                name: `${nested}.force-reset`,
-                props: true,
-            },
-            {
-                path: "register",
-                component: require("../routes/register.vue").default,
-                name: `${nested}.register`,
-            },
-            {
-                path: "verify",
-                component: require("../routes/verify.vue").default,
-                name: `${nested}.verify`,
-            },
-            {
-                path: "verified",
-                component: require("../routes/success-verify.vue").default,
-                name: `${nested}.success-verify`,
-            },
-            {
-                path: "expired-verification",
-                component: require("../routes/expired-verification.vue").default,
-                name: `${nested}.expired-verification`,
-            },
-            {
-                path: "expired-reset",
-                component: require("../routes/expired-reset.vue").default,
-                name: `${nested}.expired-reset`,
-            },
-            {
-                path: "success-reset",
-                component: require("../routes/success-reset.vue").default,
-                name: `${nested}.success-reset`,
-            },
-            {
-                path: "success-forgot",
-                component: require("../routes/success-forgot.vue").default,
-                name: `${nested}.success-forgot`,
-            },
-            {
-                path: "account-exists",
-                component: require("../routes/account-exists.vue").default,
-                name: `${nested}.account-exists`,
-            },
-            {
-                path: "logout",
-                component: require("../routes/logout.vue").default,
-                name: `${nested}.logout`,
-                meta: {
-                    guest: true,
-                },
-            },
-        ],
-        props: true,
-        nav: {
-            visible: true,
-        },
-        meta: {
-            guest: true,
-            header: true,
-            footer: false,
-            fullpageModal: true,
-        },
-    },
-    {
-        path: "/admin",
-        redirect: () => {
-            const { authenticated } = store.state.auth;
-
-            if (!authenticated) {
-                store.commit("setAuth", true);
-                window.location = `${process.env.APP_URL}/login`;
-            } else {
-                window.location = `${process.env.APP_URL}/`;
-            }
-        },
-        name: "admin",
-        meta: {
-            guest: true,
-        },
-    },
-    {
-        path: '/callback',
-        redirect:  { name: `${nested}.callback` }
-    }]
-}
-
-export function configureRoutes(router) {
-
-    router.beforeEach((to, from, next) => {
-        const { authenticated, user, authBase, redirect, forcePasswordChange, autoLogin } = store.state.auth;
-
-        const admin = to.path.includes("/admin");
-
-        if (to.query.verified) {
-            next({ name: `${authBase}.success-verify` });
-        } else if (authenticated) {
-            if (admin && !user?.admin) {
-                next({ name: redirect });
-            } else if (to.name === "login" || to.name === `${authBase}.login`) {
-                if(autoLogin) {
-                    next({ name: `${authBase}.force-login` });
-                } else {
-                    next({ name: redirect });
-                }
-            } else if (
-                !user?.email_verified_at &&
-                to.matched.some((d) => d.meta.guest) !== true
-            ) {
-                next({ name: `${authBase}.verify` });
-            } else {
-                next();
-            }
-        } else {
-            if (to.matched.some((d) => d.meta.guest) === true) {
-                next();
-            } else if (admin) {
-                next({ name: "login" });
-            } else if (to.path === "/callback") {
-                next({ name: `${authBase}.callback` });
-            } else {
-                if(autoLogin === true) {
-                    next({ name: `${authBase}.force-login` });
-                } else {
-                    next({ name: `${authBase}.login` });
-                }
-            }
-        }
-    });
-    window.router = router;
-}

package/AuthModule/js/AuthStore.js

@@ -1,99 +0,0 @@
-"use strict";
-import axios from "axios";
-
-const store = {
-    state() {
-        return {
-            authBase : process.env.HYDRATE_ROUTE ?? 'auth',
-            authenticated : false,
-            forcePasswordChange: false,
-            intended: null,
-            user: null,
-            subscriptions: [],
-            isSuperAdmin: false,
-            redirect: process.env.HYDRATE_REDIRECT ?? 'index',
-            postLoginRedirect: process.env.HYDRATE_FRONTENDREDIRECT ?? process.env.HYDRATE_REDIRECT ?? 'index',
-            autoLogin: process.env.HYDRATE_ADMIN === 'true' ? true:  false,
-            platformName: process.env.HYDRATE_PLATFORM ?? 'Expert Partnership',
-        }
-    },
-
-    mutations: {
-        setAuth(state, value) {
-            state.authenticated = value;
-
-            if (!value) {
-                this.commit("setUser", null);
-            }
-        },
-        setUser(state, value) {
-            state.user = value;
-
-            if(window.dataLayer){
-                window.dataLayer.push({ event: "logic", user: value });
-            }
-        },
-        setIntended(state, value) {
-            state.intended = value;
-        },
-        setForcePasswordChange(state, value) {
-            state.forcePasswordChange = value;
-        },
-        setIsSuperAdmin(state, value) {
-            state.isSuperAdmin = value;
-        },
-        setSubscriptions(state, value) {
-            state.subscriptions = value;
-        },
-    },
-
-    actions: {
-        getUser({ commit }, { errors, query = "" }) {
-            return axios
-                .get(`/api/users/self${query}`, {
-                    params: {
-                        include: "company"
-                    }
-                })
-                .then((res) => {
-                    commit("setUser", res.data.data);
-
-                    const isSuperAdmin = (data) => {
-                        const roles = data.roles.map(r => r.name);
-                        const permissions = data.permissions.map(p => p.name);
-
-                        return roles.includes('administrator') && permissions.includes('write content');
-                    }
-
-                    commit("setAuth",true);
-
-                    commit("setIsSuperAdmin", isSuperAdmin(res.data.data));
-                    commit("setForcePasswordChange",res.data.data?.force_password_change);
-
-                    return res.data.data;
-                })
-                .catch(errors);
-        },
-
-        getSubscriptions({ commit }, { errors, query = "" }) {
-            return axios
-                .get(`/api/users/self/subscriptions${query}`)
-                .then((res) => {
-                    commit("setSubscriptions", res.data.data);
-                    return res.data;
-                })
-                .catch(errors);
-        },
-
-        logout({ commit }, { errors }) {
-            commit("setAuth", false);
-            commit("setUser", null);
-            commit("setSubscriptions", []);
-            commit("setIsSuperAdmin", false);
-            commit("setForcePasswordChange", false);
-
-            return axios.post("/logout");
-        },
-    },
-};
-export default store;

package/AuthModule/js/FakeAPI.js

@@ -1,84 +0,0 @@
-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/AuthModule/routes/loginheadless.vue

@@ -1,16 +0,0 @@
-<template>
-    <!-- Set Spinner -->
-     <div class="mx-auto">
-        <VLoader class="mx-auto" />
-        <p v-text="`Logging in...`"/>
-     </div>
-</template>
-
-
-<script>
-    export default {
-        mounted(){
-            window.location = '/login';
-        }
-    }
-</script>

package/AuthModule/routes/logout.vue

@@ -1,21 +0,0 @@
-<script>
-export default {
-    metaInfo() {
-        return {
-            title: "Logout",
-        };
-    },
-
-    mounted() {
-        try {
-            this.$store.dispatch("logout", {
-                errors: this.$root.errors,
-            });
-        } catch(e){
-
-        }
-
-        this.$router.push({ name: `${this.$store.state.auth.authBase}.login` });
-    },
-};
-</script>

package/AuthModule/routes/success-verify.vue

@@ -1,29 +0,0 @@
-<template>
-    <h1 class="h2 h2--small">Verification complete</h1>
-    <p class="mb-0"><strong>Welcome to {{ $store.state?.auth?.platformName }}, {{ $store.state?.auth?.user?.name }}!</strong></p>
-    <p>Your account has been verified successfully.</p>
-
-    <elButton
-        tag="router-link"
-        type="primary"
-        :to="{name: $store.state.auth.redirect}"
-    >
-        <span v-text="'Continue'" />
-    </elButton>
-</template>
-
-<script>
-export default {
-    mounted(){
-        this.$store.commit("setAuth", true);
-
-        this.$store.dispatch("getUser", {
-            errors: this.$root.errors,
-        });
-    },
-    components: {
-        elButton: require('../../basic/Button.vue').default,
-    }
-    // Problem in this file
-};
-</script>

package/Icon.vue

@@ -1,33 +0,0 @@
-<template>
-	<div class="vel-icon">
-		<VSvg v-bind="$props" />
-	</div>
-</template>
-
-<script>
-	import VSvg from "./Svg.vue";
-	
-	export default {
-		props: {
-			name: {
-				type: String,
-				required: true,
-			},
-			embed: {
-				type: Boolean,
-				default: false,
-			},
-			asis: {
-				type: Boolean,
-				default: false,
-			},
-			artboard: {
-				type: Boolean,
-				default: false,
-			},
-		},
-		components: {
-			VSvg
-		},
-	}
-</script>

package/Svg.vue

@@ -1,40 +0,0 @@
-<template>
-    <div 
-        v-if="embed">
-		<component v-if="embed" :is="icon" class="vel-svg"/>
-	</div>
-	<svg v-else class="vel-svg">
-		<use :xlink:href="'#' + name" />
-	</svg>
-</template>
-
-<script>
-	import { defineAsyncComponent } from 'vue';
-	export default {
-
-		props: {
-			name: {
-				type: String,
-				required: true,
-			},
-			embed: {
-				type: Boolean,
-				default: false,
-			},
-			asis: {
-				type: Boolean,
-				default: false,
-			},
-		},
-		data() {
-			return {
-				icons: import.meta.glob(`../../handlebars/generated/embed/**/*.svg`, { query: '?component' })
-			}
-		},
-		computed: {
-			icon() {
-				return defineAsyncComponent(() => this.icons[`../../handlebars/generated/embed/svg${this.asis ? '--asis' : ''}--${this.name}.svg`]())
-			},
-		}
-	}
-</script>