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

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

@@ -1,14 +1,24 @@
 import { ref, computed, watch, onMounted, defineAsyncComponent } from "vue";
+import { useCompanyProfile } from "../../stores/useCompanyProfile.js";
+import { useCartStore } from "../../stores/Cart.js";
+import { GTM_begin_checkout, GTM_add_shipping_info, GTM_add_payment_info } from "../../composables/useDataLayer.js";
+import { META_begin_checkout, META_add_shipping_info, META_add_payment_info } from "../../composables/useMetaLayer.js";
+import { TikTok_begin_checkout, TikTok_add_payment_info } from "../../composables/useTikTokDatalayer.js";
+import { useCheckoutStore } from "../../stores/Checkout.js";
+import { useCountry } from "../Extras/useCountry.js";
+import { useRouter, useRoute } from "vue-router";
+import { useAuthStore } from "../../stores/auth.js";
 export default function() {
   const router = useRouter();
   const route = useRoute();
   const {
-    status,
-    data
-  } = useAuth();
+    user,
+    token,
+    isAuthenticated
+  } = useAuthStore();
   const { profile } = useCompanyProfile();
   const cartStore = useCartStore();
-  const companyCountryId = computed(() => profile?.value?.country_id || 235);
+  const companyCountryId = computed(() => profile?.data.country_id || "");
   const checkoutStore = useCheckoutStore();
   const AuthStore = ref();
   const shippingFormEnabled = ref(true);
@@ -75,14 +85,13 @@ export default function() {
     save_card_details: 0
   });
   const updateUserFieldsIfuserLogin = (async (sameasbilling = false) => {
-    const LoggedInUser = data;
-    if (Object.keys(LoggedInUser).length > 0 && LoggedInUser.value !== void 0) {
-      const billingAddres = LoggedInUser.value.addresses?.filter((address) => address.billing == 1)[0];
-      const shippingAddres = LoggedInUser.value.addresses?.filter((address) => address.shipping == 1)[0];
+    if (isAuthenticated) {
+      const billingAddres = user.addresses?.filter((address) => address.billing == 1)[0];
+      const shippingAddres = user.addresses?.filter((address) => address.shipping == 1)[0];
       inputData.value.billing_firstname = billingAddres.firstname;
       inputData.value.billing_lastname = billingAddres.lastname;
-      inputData.value.email = LoggedInUser.value.email;
-      inputData.value.billing_mobile = LoggedInUser.value.mobile;
+      inputData.value.email = user.email;
+      inputData.value.billing_mobile = user.mobile;
       if (sameasbilling == true) {
       } else {
         if (billingAddres != void 0) {
@@ -96,15 +105,6 @@ export default function() {
           inputData.value.billing_mobile = inputData.value.billing_mobile ? inputData.value.billing_mobile : billingAddres.mobile;
         }
         if (shippingAddres != void 0) {
-          inputData.value.shipping_fullname = "";
-          inputData.value.shipping_firstname = "";
-          inputData.value.shipping_lastname = "";
-          inputData.value.shipping_address = "";
-          inputData.value.shipping_postcode = "";
-          inputData.value.shipping_state = "";
-          inputData.value.shipping_country = "";
-          inputData.value.shipping_suburb = "";
-          inputData.value.shipping_mobile = "";
           inputData.value.shipping_fullname = shippingAddres.fullname;
           inputData.value.shipping_firstname = shippingAddres.firstname;
           inputData.value.shipping_lastname = shippingAddres.lastname;
@@ -116,7 +116,7 @@ export default function() {
           inputData.value.shipping_mobile = shippingAddres.mobile;
         }
       }
-    } else if (Object.keys(LoggedInUser).length == 0 && sameasbilling == true) {
+    } else if (isAuthenticated && sameasbilling == true) {
       inputData.value.shipping_firstname = inputData.value.billing_firstname ? inputData.value.billing_firstname : "";
       inputData.value.shipping_lastname = inputData.value.billing_lastname ? inputData.value.billing_lastname : "";
       inputData.value.shipping_address = inputData.value.billing_address ? inputData.value.billing_address : "";
@@ -126,25 +126,57 @@ export default function() {
       inputData.value.shipping_suburb = inputData.value.billing_suburb ? inputData.value.billing_suburb : "";
       inputData.value.shipping_mobile = inputData.value.billing_mobile ? inputData.value.billing_mobile : "";
     } else {
-      inputData.value.shipping_fullname = "";
-      inputData.value.shipping_firstname = "";
-      inputData.value.shipping_lastname = "";
-      inputData.value.shipping_address = "";
-      inputData.value.shipping_postcode = "";
-      inputData.value.shipping_state = "";
-      inputData.value.shipping_country = "";
-      inputData.value.shipping_suburb = "";
-      inputData.value.shipping_mobile = "";
     }
     checkoutStore.saveToCheckoutSession(inputData.value);
   });
   onMounted(() => {
     checkoutStore.getConfig();
     updateUserFieldsIfuserLogin(inputData.value.shippingasbilling);
-    const cart = [];
-    cart.items = checkoutStore.config.cart;
+    const cartInfo = [];
+    cartInfo.items = checkoutStore.config.cartInfo;
+    cartInfo.totals = checkoutStore?.config?.calculations ? checkoutStore?.config?.calculations : "";
+    let shippingmethods = checkoutStore.config.shippingmethods;
+    let shipping_method = shippingmethods.filter((method) => method.selected == true)[0];
     let deliverymethods = checkoutStore.config.preferences;
     let deliverymethod = false;
+    let delivery_method = deliverymethods.filter((method) => method.selected == true)[0];
+    if (delivery_method) {
+      if (delivery_method.id == 1) {
+        if (shipping_method) {
+          GTM_add_shipping_info(cartStore?.cart, shipping_method);
+          META_add_shipping_info(cartStore?.cart, shipping_method);
+        }
+      } else if (delivery_method.id == 2) {
+        shipping_method = {
+          "id": 0,
+          "title": "Click and Collect",
+          "details": "",
+          "available": 1,
+          "price": 0,
+          "selected": true
+        };
+        GTM_add_shipping_info(cartStore?.cart, shipping_method);
+        META_add_shipping_info(cartStore?.cart, shipping_method);
+      }
+    }
+    if (cartStore?.cart) {
+      GTM_begin_checkout(cartStore?.cart);
+      META_begin_checkout(cartStore?.cart);
+      TikTok_begin_checkout(cartStore?.cart);
+      GTM_add_payment_info(cartStore?.cart, inputData.value.paymentmethod);
+      META_add_payment_info(cartStore?.cart, inputData.value.paymentmethod);
+      TikTok_add_payment_info(cartStore?.cart, inputData.value.paymentmethod);
+    }
+  });
+  watch(() => cartStore?.cart, (newCartData) => {
+    if (newCartData) {
+      GTM_begin_checkout(newCartData);
+      META_begin_checkout(newCartData);
+      TikTok_begin_checkout(newCartData);
+      GTM_add_payment_info(cartStore?.cart, inputData.value.paymentmethod);
+      META_add_payment_info(cartStore?.cart, inputData.value.paymentmethod);
+      TikTok_add_payment_info(cartStore?.cart, inputData.value.paymentmethod);
+    }
   });
   const totalPrice = computed(() => {
     return checkoutStore.config ? checkoutStore.config?.calculations?.total : 0;
@@ -162,11 +194,11 @@ export default function() {
     }
     return states.value;
   });
-  watch(inputData.value, async (newData, oldValue) => {
+  watch(() => inputData.value, async (newData, oldValue) => {
   });
   const shippingMethods = computed(() => {
     if (checkoutStore.config) {
-      return checkoutStore.config.shippingmethods.filter((method) => method.available == 1);
+      return checkoutStore.config?.shippingmethods?.filter((method) => method.available == 1);
     }
   });
   watch(() => checkoutStore.config.shippingmethods, (newValue, oldValue) => {
@@ -212,28 +244,27 @@ export default function() {
     }
   };
   const CheckFlowrixPayment = ((inputData2, payment) => {
-    let status2 = {};
-    var data2 = {
+    let status = {};
+    var data = {
       card_holder: inputData2.till_cardname,
       month: inputData2.till_expirymonth,
       year: inputData2.till_expiryyear
     };
     payment.tokenize(
-      data2,
-      //additional data, MUST include card_holder (or first_name & last_name), month and year
-      function(token, cardData) {
-        inputData2.clientsceret = token;
-        checkoutStore.publishableKey.clientsceret = token;
+      data,
+      function(token2, cardData) {
+        inputData2.clientsceret = token2;
+        checkoutStore.publishableKey.clientsceret = token2;
         checkoutStore.saveToCheckoutSession(inputData2);
-        if (token != "") {
-          status2 = {};
+        if (token2 != "") {
+          status = {};
         }
       },
       function(errors) {
-        status2 = errors;
+        status = errors;
       }
     );
-    return status2;
+    return status;
   });
   const handleSubmit = async (url_cancel, url_success, url_booking) => {
     try {
@@ -250,8 +281,7 @@ export default function() {
           return false;
         }
       }
-      const LoggedInUser = "";
-      if (Object.keys(LoggedInUser).length == 0) {
+      if (isAuthenticated) {
         sessiondata.value.fields.firstname = inputData.value.billing_firstname;
         sessiondata.value.fields.lastname = inputData.value.billing_lastname;
       }
@@ -266,8 +296,8 @@ export default function() {
         sessiondata.value.fields.eway_cardnumber = cardnumber;
         sessiondata.value.fields.eway_cvn = eway_cvn;
       }
-      await checkoutStore.submitCheckout();
-      if (checkoutStore.errorResponseData.status != "Error") {
+      const chckoutResponse = await checkoutStore.submitCheckout();
+      if (chckoutResponse.status == "Success") {
         if (inputData.value.paymentmethod == "web-stripe") {
           const { stripe, elements } = await getStripeElements(
             checkoutStore.publishableKey.key,
@@ -277,21 +307,21 @@ export default function() {
             const { error: error2 } = await stripe.confirmPayment({
               elements,
               confirmParams: {
-                // Make sure to change this to your payment completion page
                 return_url: checkoutStore.responseData.booking ? `${window.location.origin}${url_booking}?calendar=${checkoutStore.responseData.calendar}&order_no=${checkoutStore.responseData.order_no}` : `${window.location.origin}${url_success}`,
                 receipt_email: inputData.value.email
               }
             });
             if (error2.type === "card_error" || error2.type === "validation_error") {
               showMessage(error2.message);
-            } else {
             }
           } else {
             showMessage(error.message);
           }
-        } else if (checkoutStore.response.data.url) {
-          var url = checkoutStore.response.data.url;
+        } else if (chckoutResponse.data.url) {
+          var url = chckoutResponse.data.url;
+          window.location.href = url;
         } else {
+          window.location.href = url_success;
         }
         removeLoading();
       } else if (checkoutStore.errorResponseData.status == "Error") {
@@ -361,6 +391,7 @@ export default function() {
     step1Valid,
     step2Valid,
     PaymentMethods,
-    ipLocation
+    ipLocation,
+    isAuthenticated
   };
 }

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

@@ -0,0 +1,43 @@
+export default function (inputData: any): {
+    checkoutStore: import("pinia").Store<"checkout", import("../../stores/Checkout.js").CheckoutState, {}, {}>;
+    Countries: import("vue").Ref<never[], never[]>;
+    ChangeCountry: (billingfield: any) => Promise<void>;
+    States: import("vue").Ref<never[], never[]>;
+    getUserBillingAddresses: 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;
+    }[]>;
+    getPrimaryBillingAddress: 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>;
+    fillBillingAddressFields: (billingAddress: any) => void;
+    handleBillingAddressSelect: (event: Event) => void;
+    updateBillingAddress: (billingfield: any) => void;
+};

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

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