@goweekdays/layer-common 1.3.0 → 1.3.2

package/pages/sign-up/[id].vue

@@ -0,0 +1,214 @@
+<template>
+  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+    <v-col cols="12" class="mb-6">
+      <v-row no-gutters justify="center">
+        <nuxt-link
+          class="text-h2 font-weight-bold text-decoration-none"
+          style="color: unset"
+          :to="{ name: 'index' }"
+        >
+          GoWeekdays
+        </nuxt-link>
+      </v-row>
+    </v-col>
+
+    <v-col
+      v-if="validating"
+      cols="12"
+      class="text-subtitle-1 font-weight-medium text-center font-italic"
+    >
+      {{ message }}
+    </v-col>
+    <v-col v-else cols="12" lg="3" md="4" sm="6">
+      <v-row no-gutters>
+        <v-col v-if="validInvitation" cols="12">
+          <v-form
+            v-model="isValid"
+            @submit.prevent="
+              submit({ firstName, lastName, password, id, referralCode, type })
+            "
+            id="form1"
+            autocomplete="off"
+            :disabled="isFormDisabled"
+          >
+            <v-row no-gutters>
+              <v-col cols="12">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="First Name"
+                    required
+                  />
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="firstName"
+                      density="comfortable"
+                      :rules="[requiredRule]"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+              </v-col>
+
+              <v-col cols="12" class="mt-2">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Last Name"
+                    required
+                  />
+                  <v-col cols="12">
+                    <v-text-field
+                      v-model="lastName"
+                      density="comfortable"
+                      :rules="[requiredRule]"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+              </v-col>
+
+              <v-col cols="12">
+                <v-row no-gutters>
+                  <InputLabel
+                    class="text-capitalize"
+                    title="Password"
+                    required
+                  />
+                  <v-col cols="12">
+                    <InputPassword v-model="password" :rules="[requiredRule]" />
+                  </v-col>
+                </v-row>
+              </v-col>
+
+              <v-col
+                v-if="message"
+                cols="12"
+                :class="'my-2 text-center font-italic' + msgColor"
+              >
+                {{ message }}
+              </v-col>
+
+              <v-col cols="12" v-if="!isFormDisabled">
+                <v-btn
+                  block
+                  type="submit"
+                  variant="text"
+                  :disabled="!isValid"
+                  rounded="xl"
+                  size="large"
+                  :loading="loading"
+                >
+                  submit
+                </v-btn>
+              </v-col>
+            </v-row>
+          </v-form>
+        </v-col>
+
+        <v-col
+          v-else
+          cols="12"
+          class="text-subtitle-1 font-weight-medium text-center font-italic"
+        >
+          <span>{{ message }}</span>
+          <v-row no-gutters justify="center">
+            <nuxt-link :to="{ name: 'index' }">Go to homepage</nuxt-link>
+          </v-row>
+        </v-col>
+      </v-row>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  layout: "plain",
+});
+const { verify } = useLocalAuth();
+
+const id = (useRoute().params.id as string) ?? "";
+
+const validating = ref(true);
+const validInvitation = ref(false);
+
+const message = ref("Validating invitation...");
+const msgColor = ref("text-error");
+
+const type = ref("");
+const referralCode = ref("");
+const loading = ref(false);
+
+async function validate() {
+  try {
+    const result = await verify(id);
+
+    if (result.type) {
+      type.value = result.type;
+    }
+
+    if (result.referralCode) {
+      referralCode.value = result.referralCode;
+    }
+
+    validInvitation.value = true;
+    message.value = "";
+  } catch (error: any) {
+    message.value = error.data.message;
+  }
+  validating.value = false;
+}
+
+await validate();
+
+const { requiredRule } = useUtils();
+const firstName = ref("");
+const lastName = ref("");
+const password = ref("");
+
+const isValid = ref(false);
+
+const { createUserByVerification } = useUser();
+
+const countdown = ref(5); // Countdown from 5 seconds
+const isFormDisabled = ref(false);
+
+async function submit({
+  firstName = "",
+  lastName = "",
+  password = "",
+  id = "",
+  type = "",
+  referralCode = "",
+} = {}) {
+  message.value = "";
+  loading.value = true;
+  try {
+    const res = await createUserByVerification({
+      firstName,
+      lastName,
+      password,
+      id,
+      type,
+      referralCode,
+    });
+
+    isFormDisabled.value = true;
+
+    msgColor.value = " text-none";
+
+    message.value = `${res.message} Redirecting in ${countdown.value} seconds...`;
+
+    // Start countdown
+    const interval = setInterval(() => {
+      countdown.value--;
+      message.value = `${res.message} Redirecting in ${countdown.value} seconds...`;
+      if (countdown.value <= 0) {
+        clearInterval(interval);
+        navigateTo({ name: "index" });
+      }
+    }, 1000);
+  } catch (error: any) {
+    message.value = error.data.message;
+  }
+  loading.value = false;
+}
+</script>

package/pages/sign-up/index.vue

@@ -0,0 +1,135 @@
+<template>
+  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+    <v-col cols="12" lg="3" md="4" sm="6">
+      <v-form
+        v-model="valid"
+        @submit.prevent="submit(email)"
+        :disabled="loading"
+      >
+        <v-row no-gutters>
+          <v-col cols="12">
+            <v-row no-gutters justify="center">
+              <nuxt-link
+                class="text-h2 font-weight-bold text-decoration-none"
+                style="color: unset"
+                :to="{ name: 'index' }"
+              >
+                GoWeekdays
+              </nuxt-link>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12" class="mt-6">
+            <v-row no-gutters>
+              <v-col cols="12" class="text-h6 font-weight-bold"> Email </v-col>
+              <v-col cols="12">
+                <v-text-field
+                  v-model="email"
+                  :rules="[requiredRule, emailRule]"
+                ></v-text-field>
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <!-- Honeypot Field (Hidden) -->
+          <v-text-field
+            v-model="goWeekdaysHoneypot"
+            label="Leave this field empty"
+            class="goWeekdaysHoneypot"
+            autocomplete="off"
+          ></v-text-field>
+
+          <v-col cols="12">
+            <v-row no-gutters justify="center">
+              <v-col
+                cols="12"
+                class="text-subtitle-1 font-weight-medium text-center font-italic"
+              >
+                {{ message }}
+              </v-col>
+            </v-row>
+          </v-col>
+
+          <v-col cols="12" class="mt-4">
+            <v-btn
+              block
+              type="submit"
+              variant="tonal"
+              :disabled="!valid"
+              rounded="xl"
+              size="large"
+              class="text-none"
+              :loading="loading"
+            >
+              Sign up
+            </v-btn>
+          </v-col>
+
+          <v-col cols="12" class="my-4">
+            <v-divider></v-divider>
+          </v-col>
+
+          <v-col cols="12" class="text-center font-weight-bold">
+            <v-btn
+              block
+              variant="flat"
+              color="black"
+              rounded="xl"
+              size="large"
+              class="text-none"
+              :to="{ name: 'login' }"
+            >
+              Login
+            </v-btn>
+          </v-col>
+        </v-row>
+      </v-form>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  layout: "plain",
+});
+
+const { requiredRule, emailRule } = useUtils();
+const email = ref("");
+const valid = ref(false);
+
+const goWeekdaysHoneypot = ref("");
+
+const { signUp } = useVerification();
+
+const message = ref("");
+
+const loading = ref(false);
+
+async function submit(email = "") {
+  loading.value = true;
+  if (goWeekdaysHoneypot.value) {
+    console.warn("Bot detected! Form rejected.");
+    return;
+  }
+
+  try {
+    await signUp(email);
+    message.value = "Verification email sent! Please check your inbox.";
+  } catch (error: any) {
+    message.value = error.response._data.message;
+  } finally {
+    loading.value = false;
+  }
+}
+</script>
+
+<style scoped>
+.goWeekdaysHoneypot {
+  position: absolute;
+  left: -9999px;
+  opacity: 0;
+  height: 0;
+  width: 0;
+  pointer-events: none;
+}
+</style>

package/plugins/member.client.ts

@@ -1,6 +1,6 @@
 export default defineNuxtPlugin(() => {
   const router = useRouter();
-  const { getByUserType } = useMember();
+  const { getByApp } = useMember();
   const { getById: getRoleById } = useRole();
   const { membership, permissions } = useLocalAuth();
 
@@ -13,18 +13,22 @@ export default defineNuxtPlugin(() => {
 
     const userId = useCookie("user").value ?? "";
 
-    if (!membership.value) {
-      try {
-        const member = await getByUserType(userId, APP, org);
-        membership.value = member;
+    try {
+      const member = await getByApp({ app: APP, user: userId, org });
+      membership.value = member;
 
-        const role = await getRoleById(member.role);
-        permissions.value = role.permissions ?? [];
-      } catch (error) {
+      const role = await getRoleById(member.role);
+      permissions.value = role.permissions ?? [];
+
+      if (member.status === "suspended") {
         navigateTo({
-          name: "index",
+          name: "member-suspended",
         });
       }
+    } catch (error) {
+      navigateTo({
+        name: "index",
+      });
     }
   });
 });

package/types/member.d.ts

@@ -5,8 +5,17 @@ declare type TMember = {
   name: string;
   user: string;
   role: string;
+  roleName?: string;
   status?: string;
   createdAt?: string;
   updatedAt?: string;
   deletedAt?: string;
 };
+
+declare type TMemberInvitation = {
+  _id?: string;
+  email: string;
+  app: string;
+  org: string;
+  role: string;
+};

package/types/role.d.ts

@@ -2,7 +2,7 @@ declare type TRole = {
   _id?: string;
   name?: string;
   permissions?: Array<string>;
-  type?: string;
+  app: string;
   org?: string;
   description?: string;
   status?: string;

package/types/verification.d.ts

@@ -1,15 +1,20 @@
-declare type TVerificationMetadata = {
+declare type TVerMetadata = {
+  name?: string;
   app?: string;
   role?: string;
+  roleName?: string;
+  referralCode?: string;
+  org?: string;
+  orgName?: string;
 };
 
-declare type TVerification = {
+declare type TVer = {
   _id?: string;
   type: string;
   email: string;
-  metadata?: TVerificationMetadata;
+  metadata?: TVerMetadata;
   status?: string;
   createdAt: string;
-  updatedAt?: string | null;
+  updatedAt?: string;
   expireAt: string;
 };