flowrix 1.0.1-beta.68 → 1.0.1-beta.69

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "flowrix",
   "configKey": "flowrix",
-  "version": "1.0.1-beta.68",
+  "version": "1.0.1-beta.69",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/composables/Customer/useLogin.d.ts

@@ -1,7 +1,9 @@
 export default function (): {
     router: any;
     route: any;
-    inputData: import("vue").Ref<{}, {}>;
-    CustomerLogin: (loginFields: any) => Promise<void>;
-    logResponse: import("vue").Ref<never[], never[]>;
+    email: import("vue").Ref<string, string>;
+    password: import("vue").Ref<string, string>;
+    CustomerLogin: () => Promise<void>;
+    logResponse: import("vue").Ref<any, any>;
+    isLoading: import("vue").Ref<boolean, boolean>;
 };

package/dist/runtime/composables/Customer/useLogin.js

@@ -4,16 +4,31 @@ import { useAuthStore } from "../../stores/auth.js";
 export default function() {
   const router = useRouter();
   const route = useRoute();
-  const inputData = ref({});
-  const logResponse = ref([]);
-  const CustomerLogin = (async (loginFields) => {
-    logResponse.value = await useAuthStore().userLogin(loginFields);
-  });
+  const email = ref("");
+  const password = ref("");
+  const logResponse = ref(null);
+  const isLoading = ref(false);
+  const CustomerLogin = async () => {
+    isLoading.value = true;
+    try {
+      const loginFields = {
+        email: email.value,
+        password: password.value
+      };
+      logResponse.value = await useAuthStore().userLogin(loginFields);
+    } catch (error) {
+      logResponse.value = { status: "Error", message: "Login failed" };
+    } finally {
+      isLoading.value = false;
+    }
+  };
   return {
     router,
     route,
-    inputData,
+    email,
+    password,
     CustomerLogin,
-    logResponse
+    logResponse,
+    isLoading
   };
 }

package/dist/runtime/composables/Customer/usePasswordReset.d.ts

@@ -0,0 +1,26 @@
+export default function (timerDuration?: number): {
+    email: import("vue").Ref<string, string>;
+    resetCode: import("vue").Ref<string, string>;
+    newPassword: import("vue").Ref<string, string>;
+    confirmPassword: import("vue").Ref<string, string>;
+    showPassword: import("vue").Ref<boolean, boolean>;
+    showConfirmPassword: import("vue").Ref<boolean, boolean>;
+    isLoading: import("vue").Ref<boolean, boolean>;
+    errorMessage: import("vue").Ref<string, string>;
+    successMessage: import("vue").Ref<string, string>;
+    isCodeSent: import("vue").Ref<boolean, boolean>;
+    isCodeVerified: import("vue").Ref<boolean, boolean>;
+    currentStep: import("vue").Ref<number, number>;
+    timerCount: import("vue").Ref<number, number>;
+    isTimerActive: import("vue").Ref<boolean, boolean>;
+    formatTime: (seconds: number) => string;
+    togglePassword: (field: "newPassword" | "confirmPassword") => void;
+    handleSubmit: () => Promise<void>;
+    resetForm: () => void;
+    resendCode: () => Promise<void>;
+    startTimer: (duration?: number) => void;
+    stopTimer: () => void;
+    resetTimer: (duration?: number) => void;
+    cleanup: () => void;
+    router: any;
+};

package/dist/runtime/composables/Customer/usePasswordReset.js

@@ -0,0 +1,258 @@
+import { ref } from "vue";
+import { useRouter, useRoute } from "#vue-router";
+import { useAuthStore } from "../../stores/auth.js";
+export default function(timerDuration = 60) {
+  const router = useRouter();
+  const route = useRoute();
+  const authStore = useAuthStore();
+  const email = ref("");
+  const resetCode = ref("");
+  const newPassword = ref("");
+  const confirmPassword = ref("");
+  const showPassword = ref(false);
+  const showConfirmPassword = ref(false);
+  const isLoading = ref(false);
+  const errorMessage = ref("");
+  const successMessage = ref("");
+  const isCodeSent = ref(false);
+  const isCodeVerified = ref(false);
+  const currentStep = ref(1);
+  const verifiedToken = ref("");
+  const timerCount = ref(timerDuration);
+  const isTimerActive = ref(false);
+  const timerInterval = ref(null);
+  const validateEmail = (email2) => {
+    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email2);
+  };
+  const togglePassword = (field) => {
+    if (field === "newPassword") {
+      showPassword.value = !showPassword.value;
+    } else {
+      showConfirmPassword.value = !showConfirmPassword.value;
+    }
+  };
+  const startTimer = (duration = timerDuration) => {
+    isTimerActive.value = true;
+    timerCount.value = duration;
+    timerInterval.value = setInterval(() => {
+      timerCount.value--;
+      if (timerCount.value <= 0) {
+        clearInterval(timerInterval.value);
+        isTimerActive.value = false;
+      }
+    }, 1e3);
+  };
+  const stopTimer = () => {
+    if (timerInterval.value) {
+      clearInterval(timerInterval.value);
+      timerInterval.value = null;
+    }
+    isTimerActive.value = false;
+  };
+  const resetTimer = (duration = timerDuration) => {
+    stopTimer();
+    timerCount.value = duration;
+  };
+  const formatTime = (seconds) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins}:${secs < 10 ? "0" : ""}${secs}`;
+  };
+  const resendCode = async () => {
+    if (!validateEmail(email.value)) {
+      errorMessage.value = "Please enter a valid email address";
+      return;
+    }
+    isLoading.value = true;
+    errorMessage.value = "";
+    successMessage.value = "";
+    try {
+      const response = await authStore.verifyEmail(email.value.trim());
+      if (response.status === "Success") {
+        successMessage.value = "Reset code sent to your email again!";
+        errorMessage.value = "";
+        startTimer();
+      } else {
+        errorMessage.value = formatErrorMessage(response.message) || "Failed to resend reset code. Please try again.";
+        successMessage.value = "";
+      }
+    } catch (error) {
+      errorMessage.value = "An error occurred while resending code. Please try again.";
+      successMessage.value = "";
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  const sendResetCode = async () => {
+    if (!validateEmail(email.value)) {
+      errorMessage.value = "Please enter a valid email address";
+      successMessage.value = "";
+      return;
+    }
+    isLoading.value = true;
+    errorMessage.value = "";
+    successMessage.value = "";
+    try {
+      const response = await authStore.verifyEmail(email.value.trim());
+      if (response.status === "Success") {
+        successMessage.value = "Reset code sent to your email!";
+        errorMessage.value = "";
+        isCodeSent.value = true;
+        currentStep.value = 2;
+        startTimer();
+      } else {
+        errorMessage.value = formatErrorMessage(response.message) || "Failed to send reset code. Please try again.";
+        successMessage.value = "";
+      }
+    } catch (error) {
+      errorMessage.value = "An error occurred while sending reset code. Please try again.";
+      successMessage.value = "";
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  const verifyResetCode = async () => {
+    if (!resetCode.value) {
+      errorMessage.value = "Please enter the reset code";
+      successMessage.value = "";
+      return;
+    }
+    isLoading.value = true;
+    errorMessage.value = "";
+    successMessage.value = "";
+    try {
+      const response = await authStore.verifyToken(email.value.trim(), resetCode.value.trim());
+      if (response.status === "Success") {
+        verifiedToken.value = response.data?.token || response.data;
+        successMessage.value = "Code verified successfully!";
+        errorMessage.value = "";
+        isCodeVerified.value = true;
+        currentStep.value = 3;
+        stopTimer();
+      } else {
+        errorMessage.value = formatErrorMessage(response.message) || "Invalid reset code. Please try again.";
+        successMessage.value = "";
+      }
+    } catch (error) {
+      errorMessage.value = "An error occurred while verifying code. Please try again.";
+      successMessage.value = "";
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  const resetPasswordFunc = async () => {
+    if (newPassword.value !== confirmPassword.value) {
+      errorMessage.value = "Passwords do not match";
+      successMessage.value = "";
+      return;
+    }
+    if (newPassword.value.length < 8) {
+      errorMessage.value = "Password must be at least 8 characters long";
+      successMessage.value = "";
+      return;
+    }
+    isLoading.value = true;
+    errorMessage.value = "";
+    successMessage.value = "";
+    try {
+      const response = await authStore.resetPassword(
+        verifiedToken.value,
+        newPassword.value.trim(),
+        confirmPassword.value.trim()
+      );
+      if (response.status === "Success") {
+        const loginResponse = await authStore.userLogin({
+          email: email.value.trim(),
+          password: newPassword.value.trim()
+        });
+        if (loginResponse.status === "Success") {
+          resetForm();
+          successMessage.value = formatErrorMessage(response.message) || "Password reset successfully!";
+          errorMessage.value = "";
+          router.push("dashboard/profile");
+        } else {
+          successMessage.value = formatErrorMessage(response.message) || "Password reset successfully!";
+          errorMessage.value = "Password reset successful, but login failed. Please login manually.";
+          resetCode.value = "";
+          verifiedToken.value = "";
+          isCodeSent.value = false;
+          isCodeVerified.value = false;
+          currentStep.value = 1;
+        }
+      } else {
+        errorMessage.value = formatErrorMessage(response.message) || "Failed to reset password. Please try again.";
+        successMessage.value = "";
+      }
+    } catch (error) {
+      errorMessage.value = "An error occurred while resetting password. Please try again.";
+      successMessage.value = "";
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  const handleSubmit = async () => {
+    if (currentStep.value === 1) {
+      await sendResetCode();
+    } else if (currentStep.value === 2) {
+      await verifyResetCode();
+    } else {
+      await resetPasswordFunc();
+    }
+  };
+  const formatErrorMessage = (message) => {
+    if (Array.isArray(message)) {
+      return message.join(", ");
+    }
+    return message;
+  };
+  const resetForm = () => {
+    email.value = "";
+    resetCode.value = "";
+    newPassword.value = "";
+    confirmPassword.value = "";
+    showPassword.value = false;
+    showConfirmPassword.value = false;
+    isLoading.value = false;
+    errorMessage.value = "";
+    successMessage.value = "";
+    isCodeSent.value = false;
+    isCodeVerified.value = false;
+    currentStep.value = 1;
+    verifiedToken.value = "";
+    stopTimer();
+  };
+  const cleanup = () => {
+    stopTimer();
+  };
+  return {
+    // State
+    email,
+    resetCode,
+    newPassword,
+    confirmPassword,
+    showPassword,
+    showConfirmPassword,
+    isLoading,
+    errorMessage,
+    successMessage,
+    isCodeSent,
+    isCodeVerified,
+    currentStep,
+    timerCount,
+    isTimerActive,
+    formatTime,
+    // Methods
+    togglePassword,
+    handleSubmit,
+    resetForm,
+    resendCode,
+    startTimer,
+    // Export startTimer for external control
+    stopTimer,
+    // Export stopTimer for external control
+    resetTimer,
+    // Export resetTimer for external control
+    cleanup,
+    router
+  };
+}

package/dist/runtime/composables/index.d.ts

@@ -34,6 +34,7 @@ export * from './Customer/useShippingAddress.js';
 export * from './Customer/useUpdatePassword.js';
 export * from './Customer/useUserCards.js';
 export * from './Customer/useWishlists.js';
+export * from './Customer/usePasswordReset.js';
 export * from './Extras/useCountry.js';
 export * from './Extras/useDateFormatter.js';
 export * from './Extras/useNumberOnly.js';

package/dist/runtime/composables/index.js

@@ -34,6 +34,7 @@ export * from "./Customer/useShippingAddress.js";
 export * from "./Customer/useUpdatePassword.js";
 export * from "./Customer/useUserCards.js";
 export * from "./Customer/useWishlists.js";
+export * from "./Customer/usePasswordReset.js";
 export * from "./Extras/useCountry.js";
 export * from "./Extras/useDateFormatter.js";
 export * from "./Extras/useNumberOnly.js";

package/dist/runtime/stores/auth.d.ts

@@ -43,8 +43,13 @@ export interface User {
 export interface AuthState {
     user: User | null;
     token: string | null;
-    isAuthenticated: boolean;
-    _hydrated: boolean;
+    isAuthenticated: false;
+    _hydrated: false;
+}
+export interface AuthResponse {
+    status: string;
+    message: string;
+    data: any | null;
 }
 export declare const useAuthStore: import("pinia").StoreDefinition<"auth", AuthState, {
     getUser: (state: AuthState) => User | null;

package/dist/runtime/stores/auth.js

@@ -1,6 +1,12 @@
 import { defineStore } from "pinia";
 import { flowrixApi } from "../middleware/flowrix.js";
 import { useRuntimeConfig } from "#imports";
+function formatErrorMessage(message) {
+  if (Array.isArray(message)) {
+    return message.join(", ");
+  }
+  return message;
+}
 export const useAuthStore = defineStore("auth", {
   state: () => ({
     user: null,
@@ -22,13 +28,9 @@ export const useAuthStore = defineStore("auth", {
           ...config,
           cookies: rawCookies
         };
-        const response = await flowrixApi.post(
-          apiUrl,
-          apiConfig,
-          {
-            body: userFields
-          }
-        );
+        const response = await flowrixApi.post(apiUrl, apiConfig, {
+          body: userFields
+        });
         if (response.status == "Success") {
           if (process.client) {
             const token = response?.data?.access_token;
@@ -60,13 +62,9 @@ export const useAuthStore = defineStore("auth", {
           ...config,
           cookies: rawCookies
         };
-        const response = await flowrixApi.post(
-          apiUrl,
-          apiConfig,
-          {
-            body: userFields
-          }
-        );
+        const response = await flowrixApi.post(apiUrl, apiConfig, {
+          body: userFields
+        });
         if (response.status == "Success") {
           const authTokenCookie = useCookie("authToken", {
             sameSite: "none",
@@ -119,13 +117,9 @@ export const useAuthStore = defineStore("auth", {
           cookies: rawCookies
         };
         const apiUrl = "mystore/customer/profile/update";
-        const response = await flowrixApi.post(
-          apiUrl,
-          apiConfig,
-          {
-            body: userData
-          }
-        );
+        const response = await flowrixApi.post(apiUrl, apiConfig, {
+          body: userData
+        });
         if (response.status === "Success") {
           await this.fetchProfile();
           return { status: response.status, message: response.message || "Profile Updated Successfully" };
@@ -172,13 +166,9 @@ export const useAuthStore = defineStore("auth", {
           cookies: rawCookies
         };
         const apiUrl = "mystore/customer/change-password";
-        const response = await flowrixApi.post(
-          apiUrl,
-          apiConfig,
-          {
-            body: userData
-          }
-        );
+        const response = await flowrixApi.post(apiUrl, apiConfig, {
+          body: userData
+        });
         if (response.status === "Success") {
           return { status: response.status, message: response.message || "Password Update Successfully" };
         } else {
@@ -324,6 +314,86 @@ export const useAuthStore = defineStore("auth", {
         return error.data;
       }
     },
+    // Password Reset APIs
+    async verifyEmail(email) {
+      try {
+        const config = useRuntimeConfig();
+        let rawCookies = "";
+        if (process.client) {
+          rawCookies = document.cookie || "";
+        }
+        const apiConfig = {
+          ...config,
+          cookies: rawCookies
+        };
+        const response = await flowrixApi.post("verify-email", apiConfig, {
+          body: { email }
+        });
+        return response;
+      } catch (error) {
+        console.error("Verify email error:", error);
+        const message = error.data ? formatErrorMessage(error.data.message) : error.message || "Email verification failed";
+        return {
+          status: "Error",
+          message,
+          data: null
+        };
+      }
+    },
+    async verifyToken(email, token) {
+      try {
+        const config = useRuntimeConfig();
+        let rawCookies = "";
+        if (process.client) {
+          rawCookies = document.cookie || "";
+        }
+        const apiConfig = {
+          ...config,
+          cookies: rawCookies
+        };
+        const response = await flowrixApi.post("verify-token", apiConfig, {
+          body: { email, token }
+        });
+        return response;
+      } catch (error) {
+        console.error("Verify token error:", error);
+        const message = error.data ? formatErrorMessage(error.data.message) : error.message || "Token verification failed";
+        return {
+          status: "Error",
+          message,
+          data: null
+        };
+      }
+    },
+    async resetPassword(token, password, password_confirmation) {
+      try {
+        const config = useRuntimeConfig();
+        let rawCookies = "";
+        if (process.client) {
+          rawCookies = document.cookie || "";
+        }
+        const apiConfig = {
+          ...config,
+          cookies: rawCookies
+        };
+        const response = await flowrixApi.post("reset-password", apiConfig, {
+          body: {
+            token,
+            password,
+            password_confirmation
+          }
+        });
+        return response;
+      } catch (error) {
+        console.error("Reset password error:", error);
+        const message = error.data ? formatErrorMessage(error.data.message) : error.message || "Password reset failed";
+        return {
+          status: "Error",
+          message,
+          data: null
+        };
+      }
+    },
     loadAuth() {
       if (process.client) {
         const token = localStorage.getItem("auth_token");
@@ -353,7 +423,6 @@ export const useAuthStore = defineStore("auth", {
         localStorage.removeItem("auth_user");
       }
     },
-    // Mark as hydrated without loading
     setHydrated() {
       this._hydrated = true;
     }
@@ -366,7 +435,6 @@ export const useAuthStore = defineStore("auth", {
   },
   persist: {
     enabled: true,
-    // simple shape that works with most versions:
     key: "user",
     storage: typeof window !== "undefined" ? localStorage : void 0
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowrix",
-  "version": "1.0.1-beta.68",
+  "version": "1.0.1-beta.69",
   "description": "Plug-and-play Nuxt eCommerce cart powered by FLOWRiX. Subscription required.",
   "license": "MIT",
   "type": "module",