@fishawack/lab-velocity 1.1.0 → 1.1.2

package/AuthModule/routes/success-reset.vue

@@ -0,0 +1,31 @@
+<template>
+    <div class="relative">
+        <section id="resetPasswordForm">
+            <h1 class="h2">Success</h1>
+            
+            <p class="mt mb-0 color-21">
+                <strong class="">Email: {{ $route.query.email }}</strong>
+            </p>
+            <p class="mt-0.5">
+                Your password has been reset. Please sign in to continue.
+            </p>
+
+            <router-link
+                :to="{name: `${$store.state.authBase}.login`}"
+                class="button button--primary px-2"
+            >
+                <span v-text="'Sign in'" />
+            </router-link>
+        </section>
+    </div>
+</template>
+
+<script>
+export default {
+    metaInfo() {
+        return {
+            title: "Reset Password | Success",
+        };
+    },
+};
+</script>

package/AuthModule/routes/success-verify.vue

@@ -0,0 +1,25 @@
+<template>
+    <h1 class="h2">Verification complete</h1>
+    <p><strong>Welcome to Expert Partnership, {{ $store.state.user?.name }}!</strong></p>
+    <p>Your account has been verified successfully.</p>
+
+    <router-link
+        :to="{name: 'members'}"
+        class="button button--primary px-2"
+    >
+        <span v-text="'Continue'" />
+    </router-link>
+</template>
+
+<script>
+export default {
+    mounted(){
+        this.$store.commit("setAuth", true);
+
+        this.$store.dispatch("getUser", {
+            errors: this.$root.errors,
+        });
+    }
+    // Problem in this file
+};
+</script>

package/AuthModule/routes/verify.vue

@@ -0,0 +1,109 @@
+<template>
+    <h1 class="h2">Verify your email address</h1>
+
+    <form class="form" @submit.prevent="submit">
+        <p class="mt mb-0 color-21">
+            <strong class="">Email: {{ user?.email }}</strong>
+        </p>
+        <p class="mt-0.5">
+            <strong>Please check your inbox</strong> for a Verification email from Expert Partnership. Click the link in that email to verify your email address and complete your registration.
+        </p>
+        <p class="mt-0.5">
+            Haven’t received the email after 10 minutes?
+        </p>
+
+        <el-input
+            class="mt-2 mb-2.5 hidden"
+            v-model="form.email"
+            label="Email address"
+            name="email"
+            :error="form.errors"
+            type="email"
+            placeholder="Email "
+            required
+        />
+
+        <button
+            type="submit"
+            :disabled="form.processing"
+            :loading="form.processing"
+            class="button button--primary"
+        >
+            Re-send verification link
+        </button>
+
+        <p class="disclaimer 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";
+import { default as elInput} from "../../form/basic.vue";
+
+export default {
+    components: {
+        elInput: elInput
+    },
+    data: () => ({
+        user: null,
+        form: new Form(
+            {
+                email: "",
+            },
+            { resetOnSuccess: false }
+        ),
+        notification: null,
+        contact:  process.env.HYDRATE_CONTACT ?? 'mailto:EP@avalerehealth.com',
+    }),
+
+    methods: {
+        async submit() {
+            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/modules/_AuthModule.scss

@@ -50,7 +50,6 @@
     }
 
     h2, .h2 {
-        font-family: $font2;
         line-height: 4.4rem;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fishawack/lab-velocity",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Avalere Health branded style system",
   "scripts": {
     "setup": "npm ci || npm i && npm run content",
@@ -63,7 +63,8 @@
     "layout",
     "navigation",
     "basic",
-    "modules"
+    "modules",
+    "AuthModule"
   ],
   "main": "index.js",
   "release": {