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

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

@@ -0,0 +1,84 @@
+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 { useAuthStore } from "../../stores/auth.js";
+export default function(inputData) {
+  const checkoutStore = useCheckoutStore();
+  const authStore = useAuthStore();
+  const CountryData = useCountry().data;
+  const States = ref([]);
+  const Countries = ref([]);
+  const getUserBillingAddresses = computed(() => {
+    if (!authStore.user || !authStore.user.addresses) return [];
+    return authStore.user.addresses.filter((address) => address.billing === 1);
+  });
+  const getPrimaryBillingAddress = computed(() => {
+    const billingAddresses = getUserBillingAddresses.value;
+    return billingAddresses.length > 0 ? billingAddresses[0] : null;
+  });
+  const GetStates = async (countryID) => {
+    return States.value;
+  };
+  onMounted(() => {
+    GetStates(inputData.billing_country);
+    if (authStore.isAuthenticated && getPrimaryBillingAddress.value) {
+      const billingAddr = getPrimaryBillingAddress.value;
+      inputData.billing_firstname = billingAddr.firstname || "";
+      inputData.billing_lastname = billingAddr.lastname || "";
+      inputData.billing_fullname = billingAddr.fullname || "";
+      inputData.billing_address = billingAddr.address || "";
+      inputData.billing_suburb = billingAddr.suburb || "";
+      inputData.billing_state = billingAddr.state_id || "";
+      inputData.billing_country = billingAddr.country_id || "";
+      inputData.billing_postcode = billingAddr.postcode || "";
+      inputData.billing_mobile = billingAddr.mobile || "";
+      inputData.billing_address_id = billingAddr.id || "";
+      updateBillingAddress(inputData);
+    }
+  });
+  const ChangeCountry = async (billingfield) => {
+    if (billingfield.billing_country == void 0) {
+      billingfield.billing_country = useCompanyProfile().profile.country_id;
+    }
+    let newstates = await GetStates(billingfield.billing_country);
+    checkoutStore.saveToCheckoutSession(billingfield);
+  };
+  const fillBillingAddressFields = (billingAddress) => {
+    if (!billingAddress) return;
+    inputData.billing_firstname = billingAddress.firstname || "";
+    inputData.billing_lastname = billingAddress.lastname || "";
+    inputData.billing_fullname = billingAddress.fullname || "";
+    inputData.billing_address = billingAddress.address || "";
+    inputData.billing_suburb = billingAddress.suburb || "";
+    inputData.billing_state = billingAddress.state_id || "";
+    inputData.billing_country = billingAddress.country_id || "";
+    inputData.billing_postcode = billingAddress.postcode || "";
+    inputData.billing_mobile = billingAddress.mobile || "";
+    inputData.billing_address_id = billingAddress.id || "";
+    updateBillingAddress(inputData);
+  };
+  const updateBillingAddress = ((billingfield) => {
+    checkoutStore.saveToCheckoutSession(billingfield);
+  });
+  const handleBillingAddressSelect = (event) => {
+    const selectedAddressId = event.target.value;
+    if (selectedAddressId) {
+      const selectedAddress = getUserBillingAddresses.value.find((addr) => addr.id == parseInt(selectedAddressId));
+      if (selectedAddress) {
+        fillBillingAddressFields(selectedAddress);
+      }
+    }
+  };
+  return {
+    checkoutStore,
+    Countries,
+    ChangeCountry,
+    States,
+    getUserBillingAddresses,
+    getPrimaryBillingAddress,
+    fillBillingAddressFields,
+    handleBillingAddressSelect,
+    updateBillingAddress
+  };
+}

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

@@ -0,0 +1,55 @@
+export default function (inputData: any): {
+    checkoutStore: import("pinia").Store<"checkout", import("../../stores/Checkout.js").CheckoutState, {}, {}>;
+    updateShippingAddress: (shippingfield: any) => void;
+    sameAsBilling: (sameasbilling: boolean | undefined, inputData: any) => Promise<void>;
+    UpdateStripe: (inputData: any) => Promise<void>;
+    Countries: import("vue").ComputedRef<any>;
+    ChangeCountry: (shippingfield: any) => Promise<void>;
+    States: import("vue").Ref<never[], never[]>;
+    getUserShippingAddresses: 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;
+    }[]>;
+    getPrimaryShippingAddress: 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;
+    } | null>;
+    passwordShow: import("vue").Ref<string, string>;
+    password: import("vue").Ref<string, string>;
+    password_confirmationShow: import("vue").Ref<string, string>;
+    updateBillingAddress: (billingfield: any) => void;
+    UserAccount: import("vue").Ref<boolean, boolean>;
+    CheckUserAccount: (billingDetails: any, userEmail: string) => Promise<void>;
+    CheckingUserAccount: import("vue").Ref<boolean, boolean>;
+    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/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

@@ -0,0 +1,15 @@
+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>;
+    updateinputData: (billingfield: any) => void;
+    UserAccount: import("vue").Ref<boolean, boolean>;
+    CheckUserAccount: (billingDetails: any, userEmail: string) => Promise<void>;
+    CheckingUserAccount: import("vue").Ref<boolean, boolean>;
+    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

@@ -0,0 +1,63 @@
+import { ref } from "vue";
+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("");
+  const password_confirmationShow = ref("password");
+  const updateinputData = (billingfield) => {
+    if (billingfield.register == false) {
+      billingfield.password = "";
+      billingfield.password_confirmation = "";
+    }
+    checkoutStore.saveToCheckoutSession(billingfield);
+  };
+  const {
+    passwordStrength,
+    passwordStrengthClass,
+    passwordStrengthValue,
+    passwordStrengthWidth,
+    passwordStrengthTextColor
+  } = usePasswordFormatter(password, inputData);
+  const UserAccount = ref(true);
+  const timeout = ref("");
+  const CheckingUserAccount = ref(false);
+  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);
+  };
+  return {
+    checkoutStore,
+    passwordShow,
+    password,
+    password_confirmationShow,
+    updateinputData,
+    UserAccount,
+    CheckUserAccount,
+    CheckingUserAccount,
+    passwordStrength,
+    passwordStrengthClass,
+    passwordStrengthValue,
+    passwordStrengthWidth,
+    passwordStrengthTextColor
+  };
+}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,37 @@
+import { useCheckoutStore } from "../../stores/Checkout.js";
+import useStripe from "./PaymentMethods/useStripe.js";
+export default function(inputData) {
+  const checkoutStore = useCheckoutStore();
+  const updateDeliveryMethod = (async (inputData2) => {
+    await checkoutStore.saveToCheckoutSession(inputData2);
+    const { getpaymentMethod } = useStripe();
+    const totalPrice = checkoutStore.config ? checkoutStore.config.calculations.total : checkoutStore.config.total;
+    if (inputData2.paymentmethod && inputData2.paymentmethod == "web-stripe") {
+      getpaymentMethod("web-stripe", inputData2, totalPrice);
+    }
+    const cart = [];
+    cart.items = checkoutStore.config.cart;
+    cart.totals = checkoutStore.config.totals;
+    let shippingmethods = checkoutStore.config.shippingmethods;
+    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) {
+      shipping_method = {
+        "id": 0,
+        "title": "Click and Collect",
+        "details": "",
+        "available": 1,
+        "price": 0,
+        "selected": true
+      };
+    }
+  });
+  return {
+    checkoutStore,
+    updateDeliveryMethod
+  };
+}

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