flowrix 1.0.1-beta.85 → 1.0.1-beta.86

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

@@ -0,0 +1,127 @@
+export default function (countries: any): {
+    router: any;
+    route: any;
+    inputData: import("vue").Ref<{
+        abn: string;
+        addresses: never[];
+        address: string;
+        postCode: string;
+        suburb: string;
+        billing_address: string;
+        businessAddress: string;
+        billing_country: string;
+        billing_firstname: string;
+        billing_lastname: string;
+        billing_mobile: string;
+        billing_postcode: string;
+        billing_state: string;
+        billing_suburb: string;
+        company_name: string;
+        email: string;
+        email_confirmation: string;
+        firstname: string;
+        lastname: string;
+        mobile: string;
+        newsletterSignup: boolean;
+        password: string;
+        password_confirmation: string;
+        recaptcha: string;
+        shipping_address: string;
+        shipping_country: string;
+        shipping_postcode: string;
+        shipping_state: string;
+        shipping_suburb: string;
+        shipping_town: string;
+        shipping_mobile: string;
+        subscribe: boolean;
+    }, {
+        abn: string;
+        addresses: never[];
+        address: string;
+        postCode: string;
+        suburb: string;
+        billing_address: string;
+        businessAddress: string;
+        billing_country: string;
+        billing_firstname: string;
+        billing_lastname: string;
+        billing_mobile: string;
+        billing_postcode: string;
+        billing_state: string;
+        billing_suburb: string;
+        company_name: string;
+        email: string;
+        email_confirmation: string;
+        firstname: string;
+        lastname: string;
+        mobile: string;
+        newsletterSignup: boolean;
+        password: string;
+        password_confirmation: string;
+        recaptcha: string;
+        shipping_address: string;
+        shipping_country: string;
+        shipping_postcode: string;
+        shipping_state: string;
+        shipping_suburb: string;
+        shipping_town: string;
+        shipping_mobile: string;
+        subscribe: boolean;
+    } | {
+        abn: string;
+        addresses: never[];
+        address: string;
+        postCode: string;
+        suburb: string;
+        billing_address: string;
+        businessAddress: string;
+        billing_country: string;
+        billing_firstname: string;
+        billing_lastname: string;
+        billing_mobile: string;
+        billing_postcode: string;
+        billing_state: string;
+        billing_suburb: string;
+        company_name: string;
+        email: string;
+        email_confirmation: string;
+        firstname: string;
+        lastname: string;
+        mobile: string;
+        newsletterSignup: boolean;
+        password: string;
+        password_confirmation: string;
+        recaptcha: string;
+        shipping_address: string;
+        shipping_country: string;
+        shipping_postcode: string;
+        shipping_state: string;
+        shipping_suburb: string;
+        shipping_town: string;
+        shipping_mobile: string;
+        subscribe: boolean;
+    }>;
+    CustomerRegister: (registerFields: any) => Promise<void>;
+    regResponse: import("vue").Ref<null, null>;
+    isBusinessAccount: import("vue").Ref<boolean, boolean>;
+    companyName: import("vue").Ref<string, string>;
+    abn: import("vue").Ref<string, string>;
+    address: import("vue").Ref<string, string>;
+    sameAsCustomerDetails: import("vue").Ref<boolean, boolean>;
+    showPassword: import("vue").Ref<boolean, boolean>;
+    showConfirmPassword: import("vue").Ref<boolean, boolean>;
+    isLoading: import("vue").Ref<boolean, boolean>;
+    getStates: (countryId: any) => any;
+    validateForm: () => true | "First Name is required" | "Last Name is required" | "Address is required" | "Country is required" | "State is required" | "Post Code is required" | "Suburb is required" | "Please enter a valid email address" | "Email addresses do not match" | "Password must be at least 6 characters" | "Passwords do not match" | "Mobile Number is required" | "Company Name is required" | "ABN is required" | "Business Address is required" | "Shipping Address is required" | "Shipping country is required." | "Shipping Town is required" | "Shipping State is required" | "Shipping Post Code is required" | "Shipping Mobile is required";
+    togglePassword: () => void;
+    toggleConfirmPassword: () => void;
+    handleSameAsCustomerDetails: () => void;
+    alertMessage: import("vue").Ref<string, string>;
+    alertType: import("vue").Ref<"success" | "danger", "success" | "danger">;
+    showAlert: import("vue").Ref<boolean, boolean>;
+    displayAlert: (message: string, type: "success" | "danger") => void;
+    dismissAlert: () => void;
+    handleSignup: () => Promise<void>;
+    initializeShippingData: () => void;
+    resetForm: () => void;
+};

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

@@ -0,0 +1,325 @@
+import { ref, watch } from "vue";
+import { useRouter, useRoute } from "#vue-router";
+import { useAuthStore } from "../../stores/auth.js";
+import useLogin from "./useLogin.js";
+export default function(countries) {
+  const router = useRouter();
+  const route = useRoute();
+  const { CustomerLogin, logResponse } = useLogin();
+  const inputData = ref({
+    abn: "",
+    addresses: [],
+    address: "",
+    postCode: "",
+    suburb: "",
+    billing_address: "",
+    businessAddress: "",
+    billing_country: "",
+    billing_firstname: "",
+    billing_lastname: "",
+    billing_mobile: "",
+    billing_postcode: "",
+    billing_state: "",
+    billing_suburb: "",
+    company_name: "",
+    email: "",
+    email_confirmation: "",
+    firstname: "",
+    lastname: "",
+    mobile: "",
+    newsletterSignup: false,
+    password: "",
+    password_confirmation: "",
+    recaptcha: "",
+    shipping_address: "",
+    shipping_country: "",
+    shipping_postcode: "",
+    shipping_state: "",
+    shipping_suburb: "",
+    shipping_town: "",
+    shipping_mobile: "",
+    subscribe: false
+  });
+  const regResponse = ref(null);
+  const CustomerRegister = (async (registerFields) => {
+    regResponse.value = await useAuthStore().signUp(registerFields);
+  });
+  const isBusinessAccount = ref(false);
+  const companyName = ref("");
+  const abn = ref("");
+  const address = ref("");
+  const sameAsCustomerDetails = ref(true);
+  const showPassword = ref(false);
+  const showConfirmPassword = ref(false);
+  const isLoading = ref(false);
+  const alertMessage = ref("");
+  const alertType = ref("danger");
+  const showAlert = ref(false);
+  const getStates = (countryId) => {
+    const activeCountry = countries.data.find((country) => country.id == countryId);
+    return activeCountry ? activeCountry.states : [];
+  };
+  const validateEmail = (email) => {
+    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+  };
+  const validateForm = () => {
+    if (!inputData.value.firstname.trim()) return "First Name is required";
+    if (!inputData.value.lastname.trim()) return "Last Name is required";
+    if (!inputData.value.address.trim()) return "Address is required";
+    if (!String(inputData.value.billing_country).trim()) return "Country is required";
+    if (!String(inputData.value.billing_state).trim()) return "State is required";
+    if (!inputData.value.billing_postcode.trim()) return "Post Code is required";
+    if (!inputData.value.billing_suburb.trim()) return "Suburb is required";
+    if (!validateEmail(inputData.value.email)) return "Please enter a valid email address";
+    if (inputData.value.email !== inputData.value.email_confirmation) return "Email addresses do not match";
+    if (inputData.value.password.length < 6) return "Password must be at least 6 characters";
+    if (inputData.value.password !== inputData.value.password_confirmation) return "Passwords do not match";
+    if (!inputData.value.mobile.trim()) return "Mobile Number is required";
+    if (isBusinessAccount.value) {
+      if (!companyName.value.trim()) return "Company Name is required";
+      if (!abn.value.trim()) return "ABN is required";
+      if (!address.value.trim()) return "Business Address is required";
+    }
+    if (!sameAsCustomerDetails.value) {
+      if (!inputData.value.shipping_address.trim()) return "Shipping Address is required";
+      if (!String(inputData.value.shipping_country).trim()) return "Shipping country is required.";
+      if (!inputData.value.shipping_town.trim()) return "Shipping Town is required";
+      if (!String(inputData.value.shipping_state).trim()) return "Shipping State is required";
+      if (!inputData.value.shipping_postcode.trim()) return "Shipping Post Code is required";
+      if (!inputData.value.shipping_mobile.trim()) return "Shipping Mobile is required";
+    }
+    return true;
+  };
+  const togglePassword = () => {
+    showPassword.value = !showPassword.value;
+  };
+  const toggleConfirmPassword = () => {
+    showConfirmPassword.value = !showConfirmPassword.value;
+  };
+  const handleSameAsCustomerDetails = () => {
+    if (sameAsCustomerDetails.value) {
+      const billingAddr = isBusinessAccount.value ? address.value : inputData.value.address;
+      const billingSuburb = inputData.value.billing_suburb;
+      const billingPostcode = inputData.value.billing_postcode;
+      const billingMobile = inputData.value.mobile;
+      inputData.value.shipping_address = billingAddr;
+      inputData.value.shipping_country = inputData.value.billing_country;
+      inputData.value.shipping_state = inputData.value.billing_state;
+      inputData.value.shipping_town = billingSuburb;
+      inputData.value.shipping_suburb = billingSuburb;
+      inputData.value.shipping_postcode = billingPostcode;
+      inputData.value.shipping_mobile = billingMobile;
+    } else {
+      inputData.value.shipping_address = "";
+      inputData.value.shipping_town = "";
+      inputData.value.shipping_suburb = "";
+      inputData.value.shipping_postcode = "";
+      inputData.value.shipping_mobile = "";
+    }
+  };
+  const initializeShippingData = () => {
+    if (sameAsCustomerDetails.value) {
+      handleSameAsCustomerDetails();
+    }
+  };
+  const dismissAlert = () => {
+    showAlert.value = false;
+    alertMessage.value = "";
+  };
+  const displayAlert = (message, type) => {
+    alertMessage.value = message;
+    alertType.value = type;
+    showAlert.value = true;
+    if (type === "success") {
+      setTimeout(() => {
+        dismissAlert();
+      }, 5e3);
+    }
+  };
+  watch(() => inputData.value.billing_postcode, (newPostcode) => {
+    if (sameAsCustomerDetails.value && newPostcode) {
+      inputData.value.shipping_postcode = newPostcode;
+    }
+  });
+  watch(() => inputData.value.billing_suburb, (newSuburb) => {
+    if (sameAsCustomerDetails.value && newSuburb) {
+      inputData.value.shipping_suburb = newSuburb;
+      inputData.value.shipping_town = newSuburb;
+    }
+  });
+  watch(() => inputData.value.address, (newAddress) => {
+    if (sameAsCustomerDetails.value && newAddress) {
+      inputData.value.shipping_address = newAddress;
+    }
+  });
+  watch(() => inputData.value.mobile, (newMobile) => {
+    if (sameAsCustomerDetails.value && newMobile) {
+      inputData.value.shipping_mobile = newMobile;
+    }
+  });
+  watch(() => inputData.value.billing_country, (newCountry) => {
+    if (sameAsCustomerDetails.value && newCountry) {
+      inputData.value.shipping_country = newCountry;
+    }
+  });
+  watch(() => inputData.value.billing_state, (newState) => {
+    if (sameAsCustomerDetails.value && newState) {
+      inputData.value.shipping_state = newState;
+    }
+  });
+  watch(isBusinessAccount, (newValue) => {
+    if (sameAsCustomerDetails.value) {
+      handleSameAsCustomerDetails();
+    }
+  });
+  watch(logResponse, (newres) => {
+    if (newres?.status == "Success") {
+      router.push({ name: "dashboard-profile" });
+    }
+  });
+  const handleSignup = async () => {
+    isLoading.value = true;
+    inputData.value.billing_mobile = inputData.value.mobile;
+    inputData.value.billing_address = inputData.value.address;
+    inputData.value.billing_firstname = inputData.value.firstname;
+    inputData.value.billing_lastname = inputData.value.lastname;
+    inputData.value.suburb = inputData.value.billing_suburb;
+    inputData.value.postCode = inputData.value.billing_postcode;
+    const validationError = validateForm();
+    if (validationError !== true) {
+      displayAlert(validationError, "danger");
+      isLoading.value = false;
+      return;
+    }
+    try {
+      if (isBusinessAccount.value) {
+        inputData.value.company_name = companyName.value;
+        inputData.value.abn = abn.value;
+        inputData.value.businessAddress = address.value;
+        if (address.value) {
+          inputData.value.billing_address = address.value;
+        }
+      }
+      if (sameAsCustomerDetails.value) {
+        handleSameAsCustomerDetails();
+      } else {
+        if (inputData.value.shipping_town && !inputData.value.shipping_suburb) {
+          inputData.value.shipping_suburb = inputData.value.shipping_town;
+        }
+        if (inputData.value.shipping_suburb && !inputData.value.shipping_town) {
+          inputData.value.shipping_town = inputData.value.shipping_suburb;
+        }
+      }
+      await CustomerRegister(inputData.value);
+      if (!regResponse.value || regResponse.value.status !== "Success") {
+        let errorMsg = "Registration failed. Please try again.";
+        if (regResponse.value?.message) {
+          if (typeof regResponse.value.message === "string") {
+            errorMsg = regResponse.value.message;
+          } else if (typeof regResponse.value.message === "object") {
+            const fieldErrors = Object.entries(regResponse.value.message).flatMap(([field, errors]) => (errors || []).map((err) => `${field.charAt(0).toUpperCase() + field.slice(1)}: ${err}`));
+            errorMsg = fieldErrors.length > 0 ? fieldErrors.join("\n") : errorMsg;
+          }
+        } else if (!regResponse.value) {
+          errorMsg = "No response received from server. Please try again.";
+        }
+        displayAlert(errorMsg, "danger");
+        isLoading.value = false;
+        return;
+      }
+      const loginCredentials = {
+        email: inputData.value.email,
+        password: inputData.value.password
+      };
+      logResponse.value = await useAuthStore().userLogin(loginCredentials);
+      if (!logResponse.value || logResponse.value.status !== "Success") {
+        const errorMsg = !logResponse.value ? "No login response received." : typeof logResponse.value.message === "string" ? logResponse.value.message : "Login failed after registration. Please try logging in manually.";
+        displayAlert(errorMsg, "danger");
+        isLoading.value = false;
+        return;
+      }
+      const successMsg = typeof regResponse.value.message === "string" ? regResponse.value.message : "Registration successful! Welcome aboard.";
+      displayAlert(successMsg, "success");
+      resetForm();
+      setTimeout(() => {
+        router.push("/dashboard/profile");
+      }, 1e3);
+    } catch (error) {
+      console.error("Registration Error:", error);
+      const errorMsg = error.message || "An unexpected error occurred. Please try again.";
+      displayAlert(errorMsg, "danger");
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  const resetForm = () => {
+    inputData.value = {
+      abn: "",
+      addresses: [],
+      address: "",
+      postCode: "",
+      suburb: "",
+      billing_address: "",
+      businessAddress: "",
+      billing_country: "",
+      billing_firstname: "",
+      billing_lastname: "",
+      billing_mobile: "",
+      billing_postcode: "",
+      billing_state: "",
+      billing_suburb: "",
+      company_name: "",
+      email: "",
+      email_confirmation: "",
+      firstname: "",
+      lastname: "",
+      mobile: "",
+      newsletterSignup: false,
+      password: "",
+      password_confirmation: "",
+      recaptcha: "",
+      shipping_address: "",
+      shipping_country: "",
+      shipping_postcode: "",
+      shipping_state: "",
+      shipping_suburb: "",
+      shipping_town: "",
+      shipping_mobile: "",
+      subscribe: false
+    };
+    isBusinessAccount.value = false;
+    companyName.value = "";
+    abn.value = "";
+    address.value = "";
+    sameAsCustomerDetails.value = true;
+  };
+  return {
+    router,
+    route,
+    inputData,
+    CustomerRegister,
+    regResponse,
+    isBusinessAccount,
+    companyName,
+    abn,
+    address,
+    sameAsCustomerDetails,
+    showPassword,
+    showConfirmPassword,
+    isLoading,
+    getStates,
+    validateForm,
+    togglePassword,
+    toggleConfirmPassword,
+    handleSameAsCustomerDetails,
+    alertMessage,
+    alertType,
+    showAlert,
+    displayAlert,
+    dismissAlert,
+    handleSignup,
+    initializeShippingData,
+    // Make sure this is returned
+    resetForm
+  };
+}

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

@@ -0,0 +1,121 @@
+export interface ShippingAddress {
+    id: string | number | null;
+    firstname: string;
+    lastname: string;
+    address: string;
+    saddress?: string;
+    suburb: string;
+    state: string;
+    state_id: string | number | null;
+    country: string;
+    country_id: string | number;
+    postcode: string;
+    mobile: string;
+    shipping: number;
+    billing: number;
+}
+export declare function useShippingAddress(): {
+    showModal: import("vue").Ref<boolean, boolean>;
+    isEditMode: import("vue").Ref<boolean, boolean>;
+    showDeleteModal: import("vue").Ref<boolean, boolean>;
+    currentAddress: import("vue").Ref<{
+        id: string | number | null;
+        firstname: string;
+        lastname: string;
+        address: string;
+        saddress?: string | undefined;
+        suburb: string;
+        state: string;
+        state_id: string | number | null;
+        country: string;
+        country_id: string | number;
+        postcode: string;
+        mobile: string;
+        shipping: number;
+        billing: number;
+    } | null, ShippingAddress | {
+        id: string | number | null;
+        firstname: string;
+        lastname: string;
+        address: string;
+        saddress?: string | undefined;
+        suburb: string;
+        state: string;
+        state_id: string | number | null;
+        country: string;
+        country_id: string | number;
+        postcode: string;
+        mobile: string;
+        shipping: number;
+        billing: number;
+    } | null>;
+    submitAddressReturn: import("vue").Ref<any, any>;
+    loading: import("vue").Ref<boolean, boolean>;
+    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>;
+    shippingAddresses: 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;
+    }[]>;
+    clearMessages: () => void;
+    openAddModal: () => void;
+    openEditModal: (address: any) => void;
+    closeModal: () => void;
+    openDeleteModal: (address: any) => void;
+    closeDeleteModal: () => void;
+    submitAddress: () => Promise<void>;
+    setShipping: (address: any) => Promise<void>;
+    deleteAddress: () => Promise<void>;
+    autoClearMessages: () => void;
+};