flowrix 1.0.1-beta.9 → 1.0.1-beta.92

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

@@ -0,0 +1,196 @@
+import { ref, computed, onMounted } from "vue";
+import { useCheckoutStore } from "../../stores/Checkout.js";
+import { useCountry } from "../Extras/useCountry.js";
+import { useCompanyProfile } from "../../stores/useCompanyProfile.js";
+import useStripe from "./PaymentMethods/useStripe.js";
+import { useAuthStore } from "../../stores/auth.js";
+import { usePasswordFormatter } from "../Extras/usePasswordFormatter.js";
+export default function(inputData) {
+  const authStore = useAuthStore();
+  const checkoutStore = useCheckoutStore();
+  const CountryData = useCountry().data;
+  const Countries = computed(() => CountryData.countries);
+  const States = ref([]);
+  const passwordShow = ref("password");
+  const password = ref("");
+  const password_confirmationShow = ref("password");
+  const UserAccount = ref(true);
+  const timeout = ref("");
+  const CheckingUserAccount = ref(false);
+  const { passwordStrength, passwordStrengthClass, passwordStrengthValue, passwordStrengthWidth, passwordStrengthTextColor } = usePasswordFormatter(password, inputData);
+  const getUserShippingAddresses = computed(() => {
+    if (!authStore.user || !authStore.user.addresses) return [];
+    return authStore.user.addresses.filter(
+      (address) => address.shipping === 1 || address.shipping === 1 && address.billing === 1
+    );
+  });
+  const getPrimaryShippingAddress = computed(() => {
+    const shippingAddresses = getUserShippingAddresses.value;
+    return shippingAddresses.length > 0 ? shippingAddresses[0] : null;
+  });
+  const getUserBillingAddress = computed(() => {
+    if (!authStore.user || !authStore.user.addresses) return null;
+    const billingAddress = authStore.user.addresses.find((address) => address.billing === 1);
+    if (billingAddress) return billingAddress;
+    return authStore.user.addresses[0] || null;
+  });
+  const GetStates = async (countryID) => {
+    return States.value;
+  };
+  onMounted(() => {
+    GetStates(inputData.shipping_country);
+    if (authStore.isAuthenticated && getPrimaryShippingAddress.value) {
+      const shippingAddr = getPrimaryShippingAddress.value;
+      inputData.shipping_fullname = shippingAddr.fullname || "";
+      inputData.shipping_firstname = shippingAddr.firstname || "";
+      inputData.shipping_lastname = shippingAddr.lastname || "";
+      inputData.shipping_address = shippingAddr.address || "";
+      inputData.shipping_suburb = shippingAddr.suburb || "";
+      inputData.shipping_state = shippingAddr.state_id || "";
+      inputData.shipping_country = shippingAddr.country_id || "";
+      inputData.shipping_postcode = shippingAddr.postcode || "";
+      inputData.shipping_mobile = shippingAddr.mobile || "";
+      inputData.shipping_address_id = shippingAddr.id || "";
+      updateShippingAddress(inputData);
+    }
+  });
+  const ChangeCountry = async (shippingfield) => {
+    if (shippingfield.shipping_country == void 0) {
+      shippingfield.shipping_country = useCompanyProfile().profile.country_id;
+    }
+    let newstates = await GetStates(shippingfield.shipping_country);
+    checkoutStore.saveToCheckoutSession(shippingfield);
+  };
+  const updateShippingAddress = ((shippingfield) => {
+    checkoutStore.saveToCheckoutSession(shippingfield);
+  });
+  const CheckUserAccount = (async (billingDetails, userEmail) => {
+    if (timeout.value) {
+      clearTimeout(timeout.value);
+    }
+    timeout.value = setTimeout(async () => {
+      billingDetails.register = false;
+      billingDetails.password = "";
+      billingDetails.password_confirmation = "";
+      if (userEmail != "") {
+        CheckingUserAccount.value = true;
+        await checkoutStore.CheckUserAccount(userEmail);
+        if (checkoutStore.checkCustomer.status == "Error") {
+          UserAccount.value = true;
+        } else {
+          UserAccount.value = false;
+        }
+      } else {
+        UserAccount.value = true;
+      }
+      CheckingUserAccount.value = false;
+    }, 1e3);
+  });
+  const updateBillingAddress = ((billingfield) => {
+    if (billingfield.register == false) {
+      billingfield.password = "";
+      billingfield.password_confirmation = "";
+    }
+    checkoutStore.saveToCheckoutSession(billingfield);
+  });
+  const sameAsBilling = (async (sameasbilling = false, inputData2) => {
+    const isAuthenticated = authStore.isAuthenticated;
+    if (isAuthenticated) {
+      const billingAddress = getUserBillingAddress.value;
+      const shippingAddress = getPrimaryShippingAddress.value;
+      inputData2.billing_firstname = authStore.user?.firstname || "";
+      inputData2.billing_lastname = authStore.user?.lastname || "";
+      inputData2.email = authStore.user?.email || "";
+      inputData2.billing_mobile = authStore.user?.mobile || "";
+      if (sameasbilling == true) {
+        inputData2.billing_firstname = inputData2.shipping_firstname || billingAddress?.firstname || "";
+        inputData2.billing_lastname = inputData2.shipping_lastname || billingAddress?.lastname || "";
+        inputData2.billing_address = inputData2.shipping_address || billingAddress?.address || "";
+        inputData2.billing_postcode = inputData2.shipping_postcode || billingAddress?.postcode || "";
+        inputData2.billing_state = inputData2.shipping_state || billingAddress?.state_id || "";
+        inputData2.billing_suburb = inputData2.shipping_suburb || billingAddress?.suburb || "";
+        inputData2.billing_mobile = inputData2.shipping_mobile || billingAddress?.mobile || "";
+      } else {
+        if (billingAddress) {
+          inputData2.billing_firstname = inputData2.billing_firstname || billingAddress.firstname || "";
+          inputData2.billing_lastname = inputData2.billing_lastname || billingAddress.lastname || "";
+          inputData2.billing_address = inputData2.billing_address || billingAddress.address || "";
+          inputData2.billing_postcode = inputData2.billing_postcode || billingAddress.postcode || "";
+          inputData2.billing_state = inputData2.billing_state || billingAddress.state_id || "";
+          inputData2.billing_suburb = inputData2.billing_suburb || billingAddress.suburb || "";
+          inputData2.billing_mobile = inputData2.billing_mobile || billingAddress.mobile || "";
+        }
+        if (shippingAddress) {
+          inputData2.shipping_fullname = shippingAddress.fullname || "";
+          inputData2.shipping_firstname = shippingAddress.firstname || "";
+          inputData2.shipping_lastname = shippingAddress.lastname || "";
+          inputData2.shipping_address = shippingAddress.address || "";
+          inputData2.shipping_postcode = shippingAddress.postcode || "";
+          inputData2.shipping_state = shippingAddress.state_id || "";
+          inputData2.shipping_suburb = shippingAddress.suburb || "";
+          inputData2.shipping_mobile = shippingAddress.mobile || "";
+          inputData2.shipping_address_id = shippingAddress.id || "";
+        } else {
+          inputData2.shipping_fullname = "";
+          inputData2.shipping_firstname = "";
+          inputData2.shipping_lastname = "";
+          inputData2.shipping_address = "";
+          inputData2.shipping_postcode = "";
+          inputData2.shipping_state = "";
+          inputData2.shipping_suburb = "";
+          inputData2.shipping_mobile = "";
+        }
+      }
+    } else if (!isAuthenticated && sameasbilling == true) {
+      inputData2.shipping_firstname = inputData2.billing_firstname || "";
+      inputData2.shipping_lastname = inputData2.billing_lastname || "";
+      inputData2.shipping_address = inputData2.billing_address || "";
+      inputData2.shipping_postcode = inputData2.billing_postcode || "";
+      inputData2.shipping_state = inputData2.billing_state || "";
+      inputData2.shipping_suburb = inputData2.billing_suburb || "";
+      inputData2.shipping_mobile = inputData2.billing_mobile || "";
+    } else {
+      inputData2.shipping_fullname = "";
+      inputData2.shipping_firstname = "";
+      inputData2.shipping_lastname = "";
+      inputData2.shipping_address = "";
+      inputData2.shipping_postcode = "";
+      inputData2.shipping_state = "";
+      inputData2.shipping_suburb = "";
+      inputData2.shipping_mobile = "";
+    }
+    UpdateStripe(inputData2);
+    updateShippingAddress(inputData2);
+  });
+  const UpdateStripe = (async (inputData2) => {
+    await checkoutStore.saveToCheckoutSession(inputData2);
+    const { getpaymentMethod } = useStripe();
+    const totalPrice = computed(() => {
+      return checkoutStore.config ? checkoutStore.config.calculations.total : checkoutStore.config.total;
+    });
+    getpaymentMethod("web-stripe", inputData2, totalPrice.value);
+  });
+  return {
+    checkoutStore,
+    updateShippingAddress,
+    sameAsBilling,
+    UpdateStripe,
+    Countries,
+    ChangeCountry,
+    States,
+    getUserShippingAddresses,
+    getPrimaryShippingAddress,
+    passwordShow,
+    password,
+    password_confirmationShow,
+    updateBillingAddress,
+    UserAccount,
+    CheckUserAccount,
+    CheckingUserAccount,
+    passwordStrength,
+    passwordStrengthClass,
+    passwordStrengthValue,
+    passwordStrengthWidth,
+    passwordStrengthTextColor
+  };
+}

package/dist/runtime/composables/Checkout/useCreateAccount.d.ts

@@ -1,5 +1,5 @@
-export default function (): {
-    checkoutStore: any;
+export default function (inputData: any): {
+    checkoutStore: import("pinia").Store<"checkout", import("../../stores/Checkout.js").CheckoutState, {}, {}>;
     passwordShow: import("vue").Ref<string, string>;
     password: import("vue").Ref<string, string>;
     password_confirmationShow: import("vue").Ref<string, string>;
@@ -7,9 +7,9 @@ export default function (): {
     UserAccount: import("vue").Ref<boolean, boolean>;
     CheckUserAccount: (billingDetails: any, userEmail: string) => Promise<void>;
     CheckingUserAccount: import("vue").Ref<boolean, boolean>;
-    passwordStrength: any;
-    passwordStrengthClass: any;
-    passwordStrengthValue: any;
-    passwordStrengthWidth: any;
-    passwordStrengthTextColor: any;
+    passwordStrength: import("vue").ComputedRef<"Password must be 8 characters" | "Strong" | "Medium" | "Weak">;
+    passwordStrengthClass: import("vue").ComputedRef<"bg-danger" | "bg-success" | "bg-warning">;
+    passwordStrengthValue: import("vue").ComputedRef<number>;
+    passwordStrengthWidth: import("vue").ComputedRef<string>;
+    passwordStrengthTextColor: import("vue").ComputedRef<"text-danger" | "text-success" | "text-black">;
 };

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

@@ -1,5 +1,7 @@
 import { ref } from "vue";
-export default function() {
+import { useCheckoutStore } from "../../stores/Checkout.js";
+import { usePasswordFormatter } from "../Extras/usePasswordFormatter.js";
+export default function(inputData) {
   const checkoutStore = useCheckoutStore();
   const passwordShow = ref("password");
   const password = ref("");

package/dist/runtime/composables/Checkout/useDeliveryMethod.d.ts

@@ -1,4 +1,4 @@
-export default function (): {
-    checkoutStore: any;
+export default function (inputData: any): {
+    checkoutStore: import("pinia").Store<"checkout", import("../../stores/Checkout.js").CheckoutState, {}, {}>;
     updateDeliveryMethod: (inputData: any) => Promise<void>;
 };

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

@@ -1,12 +1,13 @@
-import StripeScript from "./PaymentMethods/useStripe.js";
-export default function() {
+import { useCheckoutStore } from "../../stores/Checkout.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;

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