@eeplatform/nuxt-layer-common 1.7.28 → 1.7.30

package/pages/sign-up/index.vue

@@ -0,0 +1,142 @@
+<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, referralCode)"
+        :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' }"
+              >
+                EEPlatform
+              </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: 'index' }"
+            >
+              Login
+            </v-btn>
+          </v-col>
+        </v-row>
+      </v-form>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup lang="ts">
+definePageMeta({
+  layout: "plain",
+});
+const APP_AFFILIATE = useRuntimeConfig().public.APP_AFFILIATE;
+const { requiredRule, emailRule } = useUtils();
+const email = ref("");
+const valid = ref(false);
+const referralCode = ref("");
+
+const _referralCode = (useRoute().query.referralCode as string) ?? "";
+if (_referralCode) {
+  referralCode.value = _referralCode;
+}
+
+const goWeekdaysHoneypot = ref("");
+
+const { signUp } = useLocalAuth();
+
+const message = ref("");
+
+const loading = ref(false);
+
+async function submit(email = "", referral = "") {
+  loading.value = true;
+  if (goWeekdaysHoneypot.value) {
+    console.warn("Bot detected! Form rejected.");
+    return;
+  }
+
+  try {
+    await signUp(email, referral);
+    message.value = "Verification email sent! Please check your inbox.";
+  } catch (error: any) {
+    message.value = error.data.message;
+    console.log(error);
+  } finally {
+    loading.value = false;
+  }
+}
+</script>
+
+<style scoped>
+.goWeekdaysHoneypot {
+  position: absolute;
+  left: -9999px;
+  opacity: 0;
+  height: 0;
+  width: 0;
+  pointer-events: none;
+}
+</style>

package/pages/verify/invitation/[id].vue

@@ -0,0 +1,164 @@
+<template>
+  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+    <v-col
+      v-if="validating"
+      cols="12"
+      class="text-subtitle-1 font-weight-medium text-center"
+    >
+      {{ 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 })"
+            id="form1"
+            autocomplete="off"
+          >
+            <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="errorOnSubmit"
+                cols="12"
+                class="my-2 text-error text-center"
+              >
+                {{ message }}
+              </v-col>
+
+              <v-col cols="12">
+                <v-btn
+                  block
+                  type="submit"
+                  variant="text"
+                  :disabled="!isValid"
+                  rounded="xl"
+                  size="large"
+                >
+                  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"
+        >
+          <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 invite = ref<Record<string, any> | null>(null);
+
+async function validate() {
+  try {
+    invite.value = await verify(id);
+    validInvitation.value = true;
+  } 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 errorOnSubmit = ref(false);
+
+async function submit({
+  firstName = "",
+  lastName = "",
+  password = "",
+  id = "",
+} = {}) {
+  errorOnSubmit.value = false;
+  try {
+    await createUserByVerification({
+      firstName,
+      lastName,
+      password,
+      id,
+      type: invite.value?.type,
+    });
+
+    await navigateTo({ name: "login" });
+  } catch (error: any) {
+    message.value = error.response._data.message;
+    errorOnSubmit.value = true;
+  }
+}
+</script>

package/pages/verify/member-invite/[id].vue

@@ -0,0 +1,67 @@
+<template>
+  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+    <v-col cols="12" class="text-subtitle-1 font-weight-medium text-center">
+      {{ message }}
+    </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 invite = ref<Record<string, any> | null>(null);
+
+async function validate() {
+  try {
+    invite.value = await verify(id);
+    validInvitation.value = true;
+    message.value =
+      invite.value.message || "Successfully accepted the invitation!";
+  } 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 errorOnSubmit = ref(false);
+
+async function submit({
+  firstName = "",
+  lastName = "",
+  password = "",
+  id = "",
+} = {}) {
+  errorOnSubmit.value = false;
+  try {
+    await createUserByVerification({
+      firstName,
+      lastName,
+      password,
+      id,
+      type: invite.value?.type,
+    });
+  } catch (error: any) {
+    message.value = error.response._data.message;
+    errorOnSubmit.value = true;
+  }
+}
+</script>

package/types/enrollment.d.ts

@@ -51,7 +51,14 @@ declare type EnrLearnerInfo = {
   birthDate: string; // ISO format: YYYY-MM-DD
   sex: string;
   age: number;
-  placeOfBirth: string;
+  placeOfBirth: {
+    region: string;
+    regionName?: string;
+    province: string;
+    provinceName?: string;
+    cityMunicipality: string;
+    cityMunicipalityName?: string;
+  };
   motherTongue?: string;
   fourPsHouseholdId?: string;
   indigenousCommunity?: string;
@@ -82,8 +89,11 @@ declare type EnrAddress = {
   streetName?: string;
   sitio?: string;
   barangay: string;
+  barangayName?: string;
   municipalityCity: string;
+  municipalityCityName?: string;
   province: string;
+  provinceName?: string;
   country?: string;
   zipCode?: string;
 };