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

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/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>

package/components/_alert.scss

@@ -1,5 +0,0 @@
-@import "element-plus/theme-chalk/el-alert";
-
-.vel-alert {
-    --el-color-error: #D53A3A;
-}

package/components/_basic.scss

@@ -1,54 +0,0 @@
-@import "element-plus/theme-chalk/el-input";
-
-.el-input {
-    font-size: 1rem;
-
-    .el-input__wrapper {
-        // padding: .5 * $spacing $spacing;
-    }
-
-    .el-input__inner {
-        --el-input-inner-height:46px
-    }
-    .el-input-group__append, .el-input-group__prepend {
-        padding: 0 2 * $spacing;
-    }
-}
-
-.vel-basic {
-    &__error {
-        color: $colorAlert;
-    }
-}
-
-.form__icon-container {
-    position: absolute;
-    top: 50%;
-    right: 12px;
-    transform: translateY(-50%);
-    display: flex;
-
-    .icon {
-        display: flex;
-    }
-}
-
-.input--password {
-    .el-input-group__append {
-        border: none;
-        box-shadow: none;
-        background-color: transparent;
-        position: absolute;
-        right: 0px;
-        top: 0px;
-        padding: 0px;
-        height: 40px;
-        min-height: fit-content;
-    }
-    .icon {
-        width: 24px;
-        min-width: 24px;
-        padding: 0px !important;
-        fill: #cfd8dd !important
-    }
-}

package/components/_breadcrumbs.scss

@@ -1,40 +0,0 @@
-@import "element-plus/theme-chalk/el-breadcrumb";
-@import "element-plus/theme-chalk/el-breadcrumb-item";
-.vel-breadcrumb {
-
-    .el-breadcrumb__separator {
-        display: none;
-        margin:0px $spacing;
-    }
-    
-    .el-breadcrumb__separator,
-    .el-breadcrumb__inner {
-        font-size: get-ratio(16px);
-        line-height: get-ratio(24px);
-    }
-    
-    .el-breadcrumb__inner {
-        &.is-link {
-            text-decoration: underline;
-            font-weight: 500;
-            color: $color2;
-            text-transform: capitalize;
-    
-            &:hover {
-                color:$color12;
-            }
-        }
-    }
-    
-    .el-breadcrumb__item {
-        &:last-child {
-            .el-breadcrumb__inner {
-                &.is-link {
-                    color: $color2;
-                    font-weight: 400;
-                    text-decoration: none;
-                }
-            }
-        }
-    }
-}

package/components/_button.scss

@@ -1,305 +0,0 @@
-@import "element-plus/theme-chalk/el-button";
-
-.vel-button {
-    height: auto;
-    --el-border-radius-base: 0px;
-    --el-font-size-base: get-ratio(16px);
-
-    .is-round {
-        --el-border-radius-base: 999px;
-    }
-
-    // colors
-    &.el-button--default {
-        --el-color-primary: #ffffff;
-
-        // text color
-        --el-text-color-regular: #{$color2};
-        --el-button-hover-text-color: #{$color1};
-        --el-button-active-text-color: #{$color1};
-        --el-button-disabled-text-color: #bdbdbd;
-
-        // background color
-        --el-button-bg-color: #ffffff;
-        --el-button-hover-bg-color: #{$color8};
-        --el-button-active-text-color: #{$color1};
-        --el-button-disabled-bg-color: #ffffff;
-
-        // border color
-        --el-button-border-color: #{$color5};
-        --el-button-hover-border-color: #afafaf;
-        --el-button-active-border-color: #{$color1};
-        --el-button-disabled-border-color: #{$color4};
-
-        &.is-loading {
-            --el-text-color-regular: #a4a4a4;
-            --el-button-border-color: #{$color4};
-        }
-
-        &.is-plain {
-            --el-color-primary: #ffffff;
-
-            // text color
-            --el-text-color-regular: #{$color2};
-            --el-button-hover-text-color: #{$color1};
-            --el-button-active-text-color: #{$color1};
-            --el-button-disabled-text-color: #bdbdbd;
-
-            // background color
-            --el-button-bg-color: #ffffff;
-            --el-button-hover-bg-color: ##ffffff;
-            --el-button-active-text-color: #{$color1};
-            --el-button-disabled-bg-color: #ffffff;
-
-            // border color
-            --el-button-border-color: #{$color5};
-            --el-button-hover-border-color: #{$color1};
-            --el-button-active-border-color: #{$color1};
-            --el-button-disabled-border-color: #{$color4};
-
-            &.is-loading {
-                --el-text-color-regular: #a4a4a4;
-                --el-button-border-color: #{$color4};
-            }
-        }
-    }
-
-    &.el-button--primary {
-        --el-color-primary: #{$color1};
-
-        // text color
-        --el-text-color-regular: #ffffff;
-        --el-button-hover-text-color: #ffffff;
-        --el-button-active-text-color: #ffffff;
-        --el-button-disabled-text-color: #ffffff;
-
-        // background color
-        --el-button-bg-color: #{$color1};
-        --el-button-hover-bg-color: #{$color12};
-        --el-button-active-bg-color: #090909;
-        --el-button-disabled-bg-color: #afafaf;
-
-        // border color
-        --el-button-border-color: transparent;
-        --el-button-hover-border-color: transparent;
-        --el-button-active-border-color: transparent;
-        --el-button-disabled-border-color: transparent;
-
-        &.is-loading {
-            --el-text-color-regular: #a4a4a4;
-            --el-button-border-color: transparent;
-            --el-button-bg-color: #5c5c5c;
-        }
-
-        &.is-plain {
-            --el-color-primary: #{$color1};
-
-            // text color
-            --el-text-color-regular: #{$color1};
-            --el-button-hover-text-color: #ffffff;
-            --el-button-active-text-color: #ffffff;
-            --el-button-disabled-text-color: #ffffff;
-            --el-color-primary-light-5: #757575;
-
-            // background color
-            --el-button-bg-color: #f2f2f2;
-            --el-button-hover-bg-color: #{$color1};
-            --el-button-active-bg-color: #090909;
-            --el-button-disabled-bg-color: #{$color8};
-            --el-color-primary-light-9: #{$color8};
-
-            // border color
-            --el-button-border-color: #757575;
-            --el-button-hover-border-color: transparent;
-            --el-button-active-border-color: transparent;
-            --el-button-disabled-border-color: #d5d5d5;
-            --el-color-primary-light-8: #d5d5d5;
-
-            &.is-loading {
-                --el-text-color-regular: #{$color12};
-                --el-button-border-color: #757575;
-                --el-button-bg-color: #{$color8};
-            }
-        }
-
-        &.is-text,
-        &.is-link {
-            // text color
-            --el-button-hover-link-text-color: #{$color12};
-            --el-button-active-color: #090909;
-
-            &.is-disabled {
-                --el-color-primary-light-5: #bdbdbd;
-            }
-        }
-    }
-
-    &.el-button--danger {
-        --el-color-primary: #{$colorAlert};
-
-        // text color
-        --el-text-color-regular: #ffffff;
-        --el-button-hover-text-color: #ffffff;
-        --el-button-active-text-color: #ffffff;
-        --el-button-disabled-text-color: #ffffff;
-
-        // background color
-        --el-button-bg-color: #{$colorAlert};
-        --el-button-hover-bg-color: #df6b6b;
-        --el-button-active-bg-color: #b42929;
-        --el-button-disabled-bg-color: #ea9c9c;
-
-        // border color
-        --el-button-border-color: transparent;
-        --el-button-hover-border-color: transparent;
-        --el-button-active-border-color: transparent;
-        --el-button-disabled-border-color: transparent;
-
-        &.is-loading {
-            --el-text-color-regular: #ffffff;
-            --el-button-border-color: transparent;
-            --el-button-bg-color: #df6b6b;
-        }
-
-        &.is-plain {
-            // border: 2px solid orange !important;
-            --el-color-primary: #{$colorAlert};
-
-            // text color
-            --el-button-text-color: #d53a3a;
-            --el-text-color-regular: #d53a3a;
-            --el-button-hover-text-color: #ffffff;
-            --el-button-active-text-color: #ffffff;
-            --el-button-disabled-text-color: ##ea9c9c;
-
-            // background color
-            --el-button-bg-color: #fcf1f1;
-            --el-button-hover-bg-color: #d53a3a;
-            --el-button-active-bg-color: #b42929;
-            --el-button-disabled-bg-color: #fcf1f1;
-
-            // border color
-            --el-button-border-color: #ea9c9c;
-            --el-button-hover-border-color: transparent;
-            --el-button-active-border-color: transparent;
-            --el-button-disabled-border-color: #f9e1e1;
-
-            &.is-loading {
-                --el-text-color-regular: ##df6b6b;
-                --el-button-border-color: #ea9c9c;
-                --el-button-bg-color: #fcf1f1;
-            }
-        }
-    }
-
-    &.el-button--success {
-    }
-
-    &.el-button--info {
-    }
-
-    &.el-button--warning {
-    }
-
-    .vel-icon {
-        fill: currentColor;
-        path {
-            fill: currentColor;
-        }
-    }
-
-    // sizes & spacing
-    &.el-button--default,
-    &.el-button--primary,
-    &.el-button--danger,
-    &.el-button--success,
-    &.el-button--warning,
-    &.el-button--info {
-        // line-height: 1;
-        padding: get-ratio(11px) $spacing * 2;
-    }
-
-    &.el-button--large {
-        // line-height: 1;
-        padding: get-ratio(15px) $spacing * 2;
-    }
-
-    &.el-button--small {
-        // line-height: 1;
-        padding: get-ratio(5px) $spacing;
-    }
-
-    // shapes
-
-    &.is-circle, &.is-square  {
-        width: auto;
-        & [class*=el-icon] + span {
-           margin-left: 0;
-        }
-        &.el-button--default,
-        &.el-button--primary,
-        &.el-button--danger,
-        &.el-button--success,
-        &.el-button--warning,
-        &.el-button--info {
-            padding: get-ratio(11px);
-        }
-
-        &.el-button--large {
-            padding: get-ratio(15px);
-        }
-
-        &.el-button--small {
-            padding: get-ratio(5px);
-        }
-
-    }
-    // Fix for improper spacing
-    .el-icon.is-loading {
-
-        + span:empty {
-            margin-left: 0px;
-        }
-    }
-}
-
-.vel-button {
-    &[disabled="true"] {
-        pointer-events: none !important;
-    }
-
-    &--iconRight {
-            .el-icon {
-                order: 2;
-            }
-
-            > span {
-                order: 1;
-                margin: 0 0.5rem 0 0;
-            }
-    }
-
-    &--iconOnly1 {
-        > span {
-            margin: 0;
-        }
-
-        .vel-icon {
-            width: 1.5 * $spacing;
-            height: 1.5 * $spacing;
-        }
-
-        svg {
-            width: 100%;
-            height: 100%;
-        }
-
-        &.el-button--small {
-            padding: $spacing $spacing * 2;
-        }
-
-        &.el-button--large {
-            padding: 2 * $spacing 2.5 * $spacing;
-        }
-    }
-}

package/components/_cascader.scss

@@ -1,12 +0,0 @@
-@import "element-plus/theme-chalk/el-cascader";
-@import "element-plus/theme-chalk/el-cascader-panel";
-@import "element-plus/theme-chalk/el-popper";
-
-.el-cascader-panel {
-    font-size: 1rem;
-}
-
-.el-cascader-node {
-    line-height: get-ratio(40px);
-    height: get-ratio(40px);
-}