flowrix 1.0.1-beta.14 → 1.0.1-beta.141

package/dist/runtime/composables/Checkout/useDeliveryMethod.js

@@ -1,12 +1,15 @@
-import StripeScript from "./PaymentMethods/useStripe.js";
-export default function() {
+import { useCheckoutStore } from "../../stores/Checkout.js";
+import { GTM_add_shipping_info } from "../useDataLayer.js";
+import { META_add_shipping_info } from "../useMetaLayer.js";
+import useStripe from "./PaymentMethods/useStripe.js";
+export default function(inputData) {
   const checkoutStore = useCheckoutStore();
-  const updateDeliveryMethod = (async (inputData) => {
-    await checkoutStore.saveToCheckoutSession(inputData);
-    const { getpaymentMethod } = StripeScript.setup();
+  const updateDeliveryMethod = (async (inputData2) => {
+    await checkoutStore.saveToCheckoutSession(inputData2);
+    const { getpaymentMethod } = useStripe();
     const totalPrice = checkoutStore.config ? checkoutStore.config.calculations.total : checkoutStore.config.total;
-    if (inputData.paymentmethod && inputData.paymentmethod == "web-stripe") {
-      getpaymentMethod("web-stripe", inputData, totalPrice);
+    if (inputData2.paymentmethod && inputData2.paymentmethod == "web-stripe") {
+      getpaymentMethod("web-stripe", inputData2, totalPrice);
     }
     const cart = [];
     cart.items = checkoutStore.config.cart;
@@ -15,10 +18,7 @@ export default function() {
     let shipping_method = shippingmethods.filter((method) => method.selected == true)[0];
     let deliverymethods = checkoutStore.config.preferences;
     let delivery_method = deliverymethods.filter((method) => method.selected == true)[0];
-    if (delivery_method.id == 1) {
-      if (shipping_method) {
-      }
-    } else if (delivery_method.id == 2) {
+    if (delivery_method.id == 2) {
       shipping_method = {
         "id": 0,
         "title": "Click and Collect",
@@ -27,6 +27,13 @@ export default function() {
         "price": 0,
         "selected": true
       };
+      GTM_add_shipping_info(cart, shipping_method);
+      META_add_shipping_info(cart, shipping_method);
+    } else {
+      if (shipping_method) {
+        GTM_add_shipping_info(cart, shipping_method);
+        META_add_shipping_info(cart, shipping_method);
+      }
     }
   });
   return {

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

@@ -0,0 +1,112 @@
+export interface BillingForm {
+    id: string | number;
+    firstname: string;
+    lastname: string;
+    saddress: string;
+    suburb: string;
+    state: string;
+    state_id: string | number;
+    country: string;
+    country_id: string | number;
+    postcode: string;
+    mobile: string;
+    shipping: string | number;
+    billing: string | number;
+}
+export declare function useBillingAddress(): {
+    billingForm: import("vue").Ref<{
+        id: string | number;
+        firstname: string;
+        lastname: string;
+        saddress: string;
+        suburb: string;
+        state: string;
+        state_id: string | number;
+        country: string;
+        country_id: string | number;
+        postcode: string;
+        mobile: string;
+        shipping: string | number;
+        billing: string | number;
+    }, BillingForm | {
+        id: string | number;
+        firstname: string;
+        lastname: string;
+        saddress: string;
+        suburb: string;
+        state: string;
+        state_id: string | number;
+        country: string;
+        country_id: string | number;
+        postcode: string;
+        mobile: string;
+        shipping: string | number;
+        billing: string | number;
+    }>;
+    successMessage: import("vue").Ref<string, string>;
+    errorMessage: import("vue").Ref<string, string>;
+    isEditing: import("vue").Ref<boolean, boolean>;
+    loading: import("vue").Ref<boolean, boolean>;
+    submitAddressReturn: import("vue").Ref<any, any>;
+    user: import("vue").ComputedRef<{
+        id: number;
+        fullname: string;
+        firstname: string;
+        lastname: string;
+        email: string;
+        avatar: string;
+        country_id: number | null;
+        country: {
+            id: number;
+            name: string;
+            emoji: string;
+        } | null;
+        state_id: number | null;
+        state: string | null;
+        suburb: string | null;
+        dob: string | null;
+        phone: string | null;
+        address: string | null;
+        mobile: string | null;
+        company: string | null;
+        addresses: {
+            id: number;
+            fullname: string | null;
+            firstname: string;
+            middlename: string | null;
+            lastname: string;
+            address: string;
+            suburb: string;
+            state: string | null;
+            state_id: number | null;
+            country: string;
+            country_id: number;
+            postcode: string;
+            mobile: string;
+            shipping: number;
+            billing: number;
+        }[];
+        created_at: string;
+    } | null>;
+    userBillingAddress: import("vue").ComputedRef<{
+        id: number;
+        fullname: string | null;
+        firstname: string;
+        middlename: string | null;
+        lastname: string;
+        address: string;
+        suburb: string;
+        state: string | null;
+        state_id: number | null;
+        country: string;
+        country_id: number;
+        postcode: string;
+        mobile: string;
+        shipping: number;
+        billing: number;
+    } | undefined>;
+    clearMessages: () => void;
+    cancelEdit: () => void;
+    submitAddress: () => Promise<void>;
+    resetForm: () => void;
+};

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

@@ -0,0 +1,93 @@
+import { ref, computed } from "vue";
+import { useAuthStore } from "../../stores/auth.js";
+export function useBillingAddress() {
+  const authStore = useAuthStore();
+  const user = computed(() => authStore.user);
+  const userBillingAddress = computed(
+    () => user.value?.addresses?.find((address) => address.billing == 1)
+  );
+  const billingForm = ref({
+    id: userBillingAddress.value?.id || "",
+    firstname: userBillingAddress.value?.firstname || "",
+    lastname: userBillingAddress.value?.lastname || "",
+    saddress: userBillingAddress.value?.address || "",
+    suburb: userBillingAddress.value?.suburb || "",
+    state: userBillingAddress.value?.state || "",
+    state_id: userBillingAddress.value?.state_id || "",
+    country: userBillingAddress.value?.country || "",
+    country_id: userBillingAddress.value?.country_id || "",
+    postcode: userBillingAddress.value?.postcode || "",
+    mobile: userBillingAddress.value?.mobile || "",
+    shipping: userBillingAddress.value?.shipping || "",
+    billing: userBillingAddress.value?.billing || 1
+  });
+  const successMessage = ref("");
+  const errorMessage = ref("");
+  const isEditing = ref(false);
+  const loading = ref(false);
+  const submitAddressReturn = ref(null);
+  const clearMessages = () => {
+    successMessage.value = "";
+    errorMessage.value = "";
+    submitAddressReturn.value = null;
+  };
+  const resetForm = () => {
+    billingForm.value = {
+      id: userBillingAddress.value?.id || "",
+      firstname: userBillingAddress.value?.firstname || "",
+      lastname: userBillingAddress.value?.lastname || "",
+      saddress: userBillingAddress.value?.address || "",
+      suburb: userBillingAddress.value?.suburb || "",
+      state: userBillingAddress.value?.state || "",
+      state_id: userBillingAddress.value?.state_id || "",
+      country: userBillingAddress.value?.country || "",
+      country_id: userBillingAddress.value?.country_id || "",
+      postcode: userBillingAddress.value?.postcode || "",
+      mobile: userBillingAddress.value?.mobile || "",
+      shipping: userBillingAddress.value?.shipping || "",
+      billing: userBillingAddress.value?.billing || 1
+    };
+  };
+  const cancelEdit = () => {
+    resetForm();
+    isEditing.value = false;
+    clearMessages();
+  };
+  const submitAddress = async () => {
+    loading.value = true;
+    clearMessages();
+    try {
+      const method = billingForm.value.id ? "update" : "add";
+      submitAddressReturn.value = await authStore.setAddress(billingForm.value, method);
+      if (submitAddressReturn.value?.status === "Success") {
+        await authStore.fetchProfile();
+        isEditing.value = false;
+        successMessage.value = billingForm.value.id ? "Billing Address updated successfully" : "Billing Address created successfully";
+      } else {
+        errorMessage.value = submitAddressReturn.value?.message || "Failed to save address";
+      }
+    } catch (error) {
+      console.error("Address submission error:", error);
+      errorMessage.value = error.message || "Failed to save address. Please try again.";
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    // State
+    billingForm,
+    successMessage,
+    errorMessage,
+    isEditing,
+    loading,
+    submitAddressReturn,
+    // Computed
+    user,
+    userBillingAddress,
+    // Methods
+    clearMessages,
+    cancelEdit,
+    submitAddress,
+    resetForm
+  };
+}

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

@@ -0,0 +1,9 @@
+export default function (): {
+    router: any;
+    route: any;
+    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

@@ -0,0 +1,34 @@
+import { ref } from "vue";
+import { useRouter, useRoute } from "#vue-router";
+import { useAuthStore } from "../../stores/auth.js";
+export default function() {
+  const router = useRouter();
+  const route = useRoute();
+  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,
+    email,
+    password,
+    CustomerLogin,
+    logResponse,
+    isLoading
+  };
+}

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

@@ -0,0 +1,29 @@
+export interface Order {
+    order_no: string;
+    order_status: string;
+    payment_method: string;
+    grandtotal: number;
+    [key: string]: any;
+}
+export declare function useOrders(): {
+    orders: import("vue").Ref<{
+        [x: string]: any;
+        order_no: string;
+        order_status: string;
+        payment_method: string;
+        grandtotal: number;
+    }[], Order[] | {
+        [x: string]: any;
+        order_no: string;
+        order_status: string;
+        payment_method: string;
+        grandtotal: number;
+    }[]>;
+    pending: import("vue").Ref<boolean, boolean>;
+    loadingInvoice: import("vue").Ref<string, string>;
+    downloadError: import("vue").Ref<string, string>;
+    loadOrders: () => Promise<void>;
+    generateInvoice: (invoiceNumber: string) => Promise<void>;
+    clearError: () => void;
+    hasOrders: () => boolean;
+};

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

@@ -0,0 +1,56 @@
+import { ref } from "vue";
+import { useAuthStore } from "../../stores/auth.js";
+export function useOrders() {
+  const authStore = useAuthStore();
+  const orders = ref([]);
+  const pending = ref(true);
+  const loadingInvoice = ref("");
+  const downloadError = ref("");
+  const loadOrders = async () => {
+    pending.value = true;
+    downloadError.value = "";
+    try {
+      const ordersData = await authStore.fetchOrders();
+      orders.value = Array.isArray(ordersData) ? ordersData : [];
+    } catch (error) {
+      console.error("Failed to load orders:", error);
+      orders.value = [];
+      downloadError.value = "Failed to load orders. Please try again.";
+    } finally {
+      pending.value = false;
+    }
+  };
+  const generateInvoice = async (invoiceNumber) => {
+    loadingInvoice.value = invoiceNumber;
+    downloadError.value = "";
+    try {
+      const response = await authStore.downloadInvoice(invoiceNumber);
+      if (response && response.type === void 0) {
+        downloadError.value = "Invoice cannot be downloaded. Please try again...";
+      }
+    } catch (error) {
+      console.error("Invoice download error:", error);
+      downloadError.value = error.message || "Invoice cannot be downloaded. Please try again...";
+    } finally {
+      loadingInvoice.value = "";
+    }
+  };
+  const clearError = () => {
+    downloadError.value = "";
+  };
+  const hasOrders = () => {
+    return orders.value && orders.value.length > 0;
+  };
+  return {
+    // State
+    orders,
+    pending,
+    loadingInvoice,
+    downloadError,
+    // Methods
+    loadOrders,
+    generateInvoice,
+    clearError,
+    hasOrders
+  };
+}

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
+  };
+}