@fishawack/lab-velocity 1.11.0 → 2.0.0-beta.1

package/AuthModule/routes/register.vue

@@ -1,151 +0,0 @@
-<template>
-    <h1 class="h2 h2--small">Register</h1>
-    <p class="AM-mb-3 AM-mt-2">Please enter your personal details to complete your registration.</p>
-
-    <form @submit.prevent="submit" :class="form.errors && form.errors.any() ? 'form error' : 'form'" id="memberLoginForm">
-        <el-input
-            class="AM-mb-2"
-            label="Full name"
-            placeholder="Enter your full name"
-            name="name"
-            required
-            v-model="form.name"
-            :error="form.errors"
-        />
-        
-        <el-input
-            class="AM-mb-2"
-            label="Email"
-            placeholder="Enter your email address"
-            name="email"
-            type="email"
-            required
-            v-model="form.email"
-            :error="form.errors"
-        />
-
-        <el-input
-            class="AM-mb-2"
-            label="Password"
-            name="password"
-            placeholder="Create a unique password"
-            autocomplete="new-password"
-            type="password"
-            required
-            v-model="form.password"
-            :error="form.errors"
-        />
-
-        <VPasswordValidation :password="form.password" @passwordValid="updatePasswordValidity" />
-
-        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-        <div style="position: absolute; left: -5000px" aria-hidden="true">
-            <input
-                ref="honeypot"
-                type="text"
-                name="b_0e1715593ad9366bc5d3ad8be_7aca058f12"
-                tabindex="-1"
-                value=""
-            />
-        </div>
-
-        <elButton
-            type="primary"
-            :disabled="loading || (form.name?.length < 1 || form.email?.length < 5 || !isPasswordValid)"
-            @click="onSubmit"
-        >
-            Register
-        </elButton>
-
-        <p class="disclaimer AM-mt-3">
-            Having trouble registering?
-            <a :href="contact" class="underline">Contact us</a>
-        </p>
-    </form>
-</template>
-
-<script>
-import Form from "form-backend-validation";
-
-export default {
-    data() {
-        return {
-            form: new Form(
-                {
-                    name: '',
-                    email: '',
-                    password: '',
-                },
-                { resetOnSuccess: false }
-            ),
-            loading: false,
-            isPasswordValid: false,
-            contact:  process.env.HYDRATE_CONTACT ?? 'mailto:EP@avalerehealth.com',
-        };
-    },
-    
-    methods: {
-        async onSubmit() {
-            if (this.loading) return;
-
-            this.loading = true;
-
-            try {
-                const res = await this.form.post("/register");
-
-                if (res["logged-in"]) {
-                    try {
-                        await this.$store.dispatch("logout", {
-                            errors: this.$root.errors,
-                        });
-                    } catch (e) {}
-
-                    await this.form.post("/register");
-
-                }
-                if(res['redirect']) {
-                    // Redirect here
-                    this.$router.push({ name: `${this.$store.state.auth.authBase}.account-exists`, query: {company:res['company']} });
-                } else  {
-                    await this.postLogin();
-                }
-                
-            } catch (e) {
-                this.$root.errors(e);
-            } finally {
-                this.loading = false;
-            }
-        },
-
-        async postLogin() {
-            this.$store.commit("setAuth", true);
-
-            const { data: user } = await this.$store.dispatch("getUser", {
-                errors: this.$root.errors,
-            });
-
-            if (window.dataLayer) {
-                window.dataLayer.push({ event: "login", user });
-            }
-
-            if (this.$store.state.auth.intended) {
-                this.$router.push(this.$store.state.auth.intended);
-            } else {
-                this.$router.push({ name: `${this.$store.state.auth.authBase}.verify` });
-                // Problem Here
-            }
-
-            this.$store.commit("setIntended", null);
-        },
-        updatePasswordValidity(isValid) {
-            this.isPasswordValid = isValid;
-        },
-    },
-
-    components: {
-        VPasswordValidation: require("./../components/VPasswordValidation.vue").default,
-        elInput: require('../../form/basic.vue').default,
-        elButton: require('../../basic/Button.vue').default,
-    },
-};
-</script>

package/AuthModule/routes/reset.vue

@@ -1,123 +0,0 @@
-<template>
-    <div class="relative">
-        <section id="resetPasswordForm">
-            <h1 class="h2 h2--small">Reset password</h1>
-            <form class="form" @submit.prevent="submit">
-                <div v-if="!form.successful">
-                    <p class="AM-mt-2 AM-mb-0 AM-color-highlight">
-                        <strong class="">Email: {{ form?.email }}</strong>
-                    </p>
-                    <p class="AM-mt-0.5">
-                        Please create a new password. Passwords you have used previously aren’t permitted.
-                    </p>
-                    <el-input
-                        v-model="form.password"
-                        class="AM-mt-3"
-                        label="New Password"
-                        placeholder="Enter new password"
-                        name="password"
-                        :error="form.errors"
-                        type="password"
-                        autocomplete="new-password"
-                        required
-                    />
-
-                    <VPasswordValidation :password="form.password" @passwordValid="updatePasswordValidity" />
-
-                    <el-input
-                        class="hidden"
-                        v-model="form.token"
-                        name="token"
-                        :error="form.errors"
-                        type="hidden"
-                        required
-                    />
-
-                    <elButton
-                        type="primary"
-                        :disabled="form.processing || !isPasswordValid"
-                        :loading="form.processing"
-                        @click="onSubmit"
-
-                    >
-                        <span v-text="'Reset password'" />
-                    </elButton>
-                </div>
-                <div v-else>
-                    <h4 class="mt" v-text="`Success!`" />
-                    <p v-text="`Your password has been reset.`" />
-                </div>
-                <p class="disclaimer AM-mt-3">
-                    <router-link
-                        class="color-1 underline"
-                        :to="{ name: `${$store.state.auth.authBase}.login` }"
-                    >
-                        Back to Sign in
-                    </router-link>
-                </p>
-            </form>
-        </section>
-    </div>
-</template>
-
-<script>
-import Form from "form-backend-validation";
-
-export default {
-    data() {
-        return {
-            form: new Form(
-                {
-                    email: '',
-                    password: '',
-                    token: '',
-                },
-                { resetOnSuccess: false }
-            ),
-            isPasswordValid: false,
-        };
-    },
-
-    mounted() {
-        this.form.email = this.$route.query.email;
-        this.form.token = this.$route.query.token;
-    },
-
-    methods: {
-        async onSubmit() {
-            try {
-                const res = await this.form.post("/reset-password");
-
-                this.$router.push({
-                    name: `${this.$store.state.auth.authBase}.success-reset`,
-                    query: { email: this.form.email },
-                });
-            } catch (e) {
-                if (e.response && e.response.status === 422 && e.response.data.message === "This password reset token is invalid.") {
-                    this.$router.push({
-                        name: `${this.$store.state.auth.authBase}.expired-reset`,
-                        query: { email: this.form.email },
-                    });
-                }
-                this.$root.errors(e);
-            }
-        },
-
-        updatePasswordValidity(isValid) {
-            this.isPasswordValid = isValid;
-        },
-    },
-
-    metaInfo() {
-        return {
-            title: "Reset Password",
-        };
-    },
-
-    components: {
-        VPasswordValidation: require("./../components/VPasswordValidation.vue").default,
-        elInput: require('../../form/basic.vue').default,
-        elButton: require('../../basic/Button.vue').default,
-    },
-};
-</script>

package/AuthModule/routes/success-forgot.vue

@@ -1,117 +0,0 @@
-<template>
-    <div class="relative">
-        <section id="forgotPasswordForm">
-            <h1 class="h2 h2--small">Reset password</h1>
-
-            <form class="form" @submit.prevent="submit">
-                <p class="AM-mt-2 AM-mb-0 AM-color-highlight">
-                    <strong class="">Email: {{ form?.email }}</strong>
-                </p>
-                <p class="AM-mt">
-                    If this account exists we have sent an email containing instructions for resetting the password. <strong>Please check your inbox.</strong>
-                </p>
-                <p class="AM-mt-3 AM-mb">
-                    Haven’t received the email after 10 minutes?
-                </p>
-  
-                <el-input
-                    class="hidden"
-                    v-model="form.email"
-                    label="Email address"
-                    name="email"
-                    :error="form.errors"
-                    type="email"
-                    placeholder="Email"
-                    required
-                />
-
-                <elButton
-                    type="primary"
-                    :disabled="form.processing"
-                    :loading="form.processing"
-                    @click="onSubmit"
-                >
-                    Re-send instructions
-                </elButton>
-
-                <p class="disclaimer AM-mt-3">
-                    <router-link
-                        class="color-1 underline"
-                        :to="{ name: `${$store.state.auth.authBase}.login` }"
-                    >
-                        Back to Sign in
-                    </router-link>
-                </p>
-            </form>
-        </section>
-    </div>
-</template>
-
-<script>
-import Form from "form-backend-validation";
-
-export default {
-    components: {
-        elInput: require('../../form/basic.vue').default,
-        elButton: require('../../basic/Button.vue').default,
-    },
-    data: () => ({
-        form: new Form(
-            {
-                email: "",
-            },
-            { resetOnSuccess: false }
-        ),
-        notification: null,
-    }),
-
-    methods: {
-        async onSubmit() {
-            try {
-                if (this.notification) {
-                    this.notification.close();
-                    this.notification = null;
-                }
-
-                await this.form.post("/forgot-password");
-
-                this.$notify({
-                    type: "success",
-                    message: "Email has been re-sent",
-                    duration: 10000,
-                    class: 'el-notification--success el-notification--right-override'
-                });
-            } catch (e) {
-                if (e.response && e.response.status === 422) {
-                    this.notification = this.$notify({
-                        type: "warning",
-                        message: 'Please allow 10 minutes before re-requesting',
-                        duration: 0,
-                        class: 'el-notification--warning el-notification--right-override'
-                    });
-                }
-                else {
-                    this.$root.errors(e);
-                }
-            }
-        },
-    },
-
-    mounted() {
-        this.form.email = this.$route.query.email;
-
-        // If a user has come here directly then send them off to the original forgot screen to enter an email
-        if (!this.form.email) {
-            this.$router.push({
-                name: `${this.$store.state.auth.authBase}.forgot`,
-            });
-        }
-    },
-
-    metaInfo() {
-        return {
-            title: "Forgot Password | Success",
-        };
-    },
-};
-</script>

package/AuthModule/routes/success-reset.vue

@@ -1,35 +0,0 @@
-<template>
-    <div class="relative">
-        <section id="resetPasswordForm">
-            <h1 class="h2 h2--small">Success</h1>
-            
-            <p class="AM-mt-2 AM-mb-0 AM-color-highlight">
-                <strong class="">Email: {{ $route.query.email }}</strong>
-            </p>
-            <p class="AM-mt">
-                Your password has been reset. Please sign in to continue.
-            </p>
-
-            <elButton
-                tag="router-link"
-                type="primary"
-                :to="{name: `${$store.state.auth.authBase}.login`}"
-            >
-                <span v-text="'Sign in'" />
-            </elButton>
-        </section>
-    </div>
-</template>
-
-<script>
-export default {
-    metaInfo() {
-        return {
-            title: "Reset Password | Success",
-        };
-    },
-    components: {
-        elButton: require('../../basic/Button.vue').default,
-    }
-};
-</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/AuthModule/routes/verify.vue

@@ -1,110 +0,0 @@
-<template>
-    <h1 class="h2 h2--small">Verify your email address</h1>
-
-    <form class="form" @submit.prevent="submit">
-        <p class="AM-mt-2 AM-mb-0 AM-color-highlight">
-            <strong class="">Email: {{ user?.email }}</strong>
-        </p>
-        <p class="AM-mt-0.5">
-            <strong>Please check your inbox</strong> for a Verification email from {{ $store.state?.auth?.platformName }}. Click the link in that email to verify your email address and complete your registration.
-        </p>
-        <p class="AM-mt-0.5 AM-mb-0">
-            Haven’t received the email after 10 minutes?
-        </p>
-
-        <el-input
-            class="hidden"
-            v-model="form.email"
-            label="Email address"
-            name="email"
-            :error="form.errors"
-            type="email"
-            placeholder="Email "
-            required
-        />
-
-        <elButton
-            class="AM-mt AM-mb-3"
-            type="primary"
-            :disabled="form.processing"
-            :loading="form.processing"
-            @click="onSubmit"
-        >
-            Re-send verification link
-        </elButton>
-
-        <p class="disclaimer AM-mt-1.5">
-            Having trouble singing in?
-            <a :href="contact" class="underline">Contact us</a>
-        </p>
-    </form>
-</template>
-
-<script>
-import Form from "form-backend-validation";
-
-export default {
-    components: {
-        elInput: require('../../form/basic.vue').default,
-        elButton: require('../../basic/Button.vue').default,
-    },
-    data: () => ({
-        user: null,
-        form: new Form(
-            {
-                email: "",
-            },
-            { resetOnSuccess: false }
-        ),
-        notification: null,
-        contact:  process.env.HYDRATE_CONTACT ?? 'mailto:EP@avalerehealth.com',
-    }),
-
-    methods: {
-        async onSubmit() {
-            try {
-                if (this.notification) {
-                    this.notification.close();
-                    this.notification = null;
-                }
-
-                await this.form.post("/email/verification-notification");
-
-                this.$notify({
-                    type: "success",
-                    message: "Email has been re-sent",
-                    duration: 10000,
-                    class: 'el-notification--success el-notification--right-override'
-                });
-            } catch (e) {
-                if (e.response && e.response.status === 429) {
-                    this.notification = this.$notify({
-                        type: "warning",
-                        message: 'Please allow 10 minutes before re-requesting',
-                        duration: 0,
-                        class: 'el-notification--warning el-notification--right-override'
-                    });
-                } else if (e.response && e.response.status === 422) {
-                    this.notification = this.$notify({
-                        type: "error",
-                        message: e.response.data.message,
-                        duration: 0,
-                        class: 'el-notification--error el-notification--right-override'
-                    });
-                }
-                else {
-                    this.$root.errors(e);
-                }
-            }
-        },
-    },
-
-    async mounted() {
-        this.user = await this.$store.dispatch("getUser", {
-            errors: this.$root.errors,
-        });
-
-        this.form.email = this.user.email;
-    },
-};
-</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>