flowrix 1.0.1-beta.85 → 1.0.1-beta.87

package/dist/runtime/composables/Checkout/PaymentMethods/useStripe.js

@@ -0,0 +1,43 @@
+import { loadStripe } from "@stripe/stripe-js";
+import { useCheckoutStore } from "../../../stores/Checkout.js";
+let stripe = null;
+let elements = null;
+export default function() {
+  const checkoutStore = useCheckoutStore();
+  const loader = "auto";
+  const getpaymentMethod = async (paymentMethod, inputData, totalPrice) => {
+    try {
+      inputData.paymentmethod = paymentMethod;
+      const newPrice = parseFloat(totalPrice);
+      if (paymentMethod === "web-stripe") {
+        document.querySelector("#card-element").innerHTML = `<div class="payment-loading text-center">Loading...</div>`;
+        const appearance = { theme: "stripe" };
+        await checkoutStore.paymentMethods({
+          clientsceret: checkoutStore.publishableKey.clientsceret,
+          paymentmethod: paymentMethod,
+          total: newPrice * 100
+        });
+        const clientSecret = checkoutStore.publishableKey.clientsceret;
+        inputData.clientsceret = clientSecret;
+        stripe = await loadStripe(checkoutStore.publishableKey.key);
+        elements = stripe.elements({ appearance, clientSecret, loader });
+        const paymentElementOptions = { layout: { type: "tabs" } };
+        const cardElement = elements.create("payment", paymentElementOptions);
+        cardElement.mount("#card-element");
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  return { getpaymentMethod };
+}
+export const getStripeElements = async (publishableKey, clientSecret) => {
+  if (!stripe) {
+    stripe = await loadStripe(publishableKey);
+  }
+  if (!elements) {
+    elements = stripe.elements({ clientSecret });
+  }
+  return { stripe, elements };
+};

package/dist/runtime/composables/Checkout/PaymentMethods/useZippay.d.ts

@@ -0,0 +1,3 @@
+export default function (): {
+    getpaymentMethod: (paymentMethod: any, inputData: any, totalPrice: any) => Promise<void>;
+};

package/dist/runtime/composables/Checkout/PaymentMethods/useZippay.js

@@ -0,0 +1,22 @@
+import { useCheckoutStore } from "../../../stores/Checkout.js";
+export default function() {
+  const checkoutStore = useCheckoutStore();
+  const getpaymentMethod = async (paymentMethod, inputData, totalPrice) => {
+    try {
+      inputData.paymentmethod = paymentMethod;
+      const newPrice = parseFloat(totalPrice);
+      if (paymentMethod == "web-zippay") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  return {
+    getpaymentMethod
+  };
+}

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

@@ -0,0 +1,197 @@
+export default function (): {
+    router: import("vue-router").Router;
+    route: import("vue-router").RouteLocationNormalizedLoadedGeneric;
+    inputData: import("vue").Ref<{
+        deliverymethod: string | number | undefined;
+        billing_address: string | number | undefined;
+        billing_country: any;
+        shippingasbilling: boolean;
+        isCustomer: boolean;
+        billing_state: string | number | undefined;
+        billing_suburb: string | undefined;
+        clientsceret: any;
+        billing_postcode: number | undefined;
+        billing_mobile: string | number | undefined;
+        billing_firstname: string | number | undefined;
+        firstname: string | number | undefined;
+        billing_middlename: string | undefined;
+        billing_lastname: string | number | undefined;
+        lastname: string | number | undefined;
+        shipping_address: string | undefined;
+        shippingmethod: string | number | undefined;
+        shipping_country: any;
+        shipping_state: string | number | undefined;
+        shipping_suburb: string | undefined;
+        shipping_postcode: number | undefined;
+        shipping_mobile: string | undefined;
+        shipping_firstname: string | undefined;
+        shipping_middlename: string | undefined;
+        shipping_lastname: string | undefined;
+        vouchercode: any;
+        paymentmethod: string;
+        cart: any;
+        abndToken: string | undefined;
+        customertoken: string;
+        email: string | number | undefined;
+        mobile: string | number | undefined;
+        authoritytoleave: undefined;
+        register: string;
+        password: string;
+        password_confirmation: string;
+        passwordStrengthValue: string;
+        customernotes: string;
+        ewayKey: string;
+        eway_cardname: string;
+        eway_cardnumber: string;
+        eway_expirymonth: string;
+        eway_expiryyear: string;
+        eway_cvn: string;
+        till_cardname: string;
+        till_cardnumber: string;
+        till_cvn: string;
+        till_expirymonth: string;
+        till_expiryyear: string;
+        save_card_details: number;
+    }, {
+        deliverymethod: string | number | undefined;
+        billing_address: string | number | undefined;
+        billing_country: any;
+        shippingasbilling: boolean;
+        isCustomer: boolean;
+        billing_state: string | number | undefined;
+        billing_suburb: string | undefined;
+        clientsceret: any;
+        billing_postcode: number | undefined;
+        billing_mobile: string | number | undefined;
+        billing_firstname: string | number | undefined;
+        firstname: string | number | undefined;
+        billing_middlename: string | undefined;
+        billing_lastname: string | number | undefined;
+        lastname: string | number | undefined;
+        shipping_address: string | undefined;
+        shippingmethod: string | number | undefined;
+        shipping_country: any;
+        shipping_state: string | number | undefined;
+        shipping_suburb: string | undefined;
+        shipping_postcode: number | undefined;
+        shipping_mobile: string | undefined;
+        shipping_firstname: string | undefined;
+        shipping_middlename: string | undefined;
+        shipping_lastname: string | undefined;
+        vouchercode: any;
+        paymentmethod: string;
+        cart: any;
+        abndToken: string | undefined;
+        customertoken: string;
+        email: string | number | undefined;
+        mobile: string | number | undefined;
+        authoritytoleave: undefined;
+        register: string;
+        password: string;
+        password_confirmation: string;
+        passwordStrengthValue: string;
+        customernotes: string;
+        ewayKey: string;
+        eway_cardname: string;
+        eway_cardnumber: string;
+        eway_expirymonth: string;
+        eway_expiryyear: string;
+        eway_cvn: string;
+        till_cardname: string;
+        till_cardnumber: string;
+        till_cvn: string;
+        till_expirymonth: string;
+        till_expiryyear: string;
+        save_card_details: number;
+    } | {
+        deliverymethod: string | number | undefined;
+        billing_address: string | number | undefined;
+        billing_country: any;
+        shippingasbilling: boolean;
+        isCustomer: boolean;
+        billing_state: string | number | undefined;
+        billing_suburb: string | undefined;
+        clientsceret: any;
+        billing_postcode: number | undefined;
+        billing_mobile: string | number | undefined;
+        billing_firstname: string | number | undefined;
+        firstname: string | number | undefined;
+        billing_middlename: string | undefined;
+        billing_lastname: string | number | undefined;
+        lastname: string | number | undefined;
+        shipping_address: string | undefined;
+        shippingmethod: string | number | undefined;
+        shipping_country: any;
+        shipping_state: string | number | undefined;
+        shipping_suburb: string | undefined;
+        shipping_postcode: number | undefined;
+        shipping_mobile: string | undefined;
+        shipping_firstname: string | undefined;
+        shipping_middlename: string | undefined;
+        shipping_lastname: string | undefined;
+        vouchercode: any;
+        paymentmethod: string;
+        cart: any;
+        abndToken: string | undefined;
+        customertoken: string;
+        email: string | number | undefined;
+        mobile: string | number | undefined;
+        authoritytoleave: undefined;
+        register: string;
+        password: string;
+        password_confirmation: string;
+        passwordStrengthValue: string;
+        customernotes: string;
+        ewayKey: string;
+        eway_cardname: string;
+        eway_cardnumber: string;
+        eway_expirymonth: string;
+        eway_expiryyear: string;
+        eway_cvn: string;
+        till_cardname: string;
+        till_cardnumber: string;
+        till_cvn: string;
+        till_expirymonth: string;
+        till_expiryyear: string;
+        save_card_details: number;
+    }>;
+    cartData: import("vue").ComputedRef<{
+        [x: string]: any;
+        preferences?: Record<string, any>[] | undefined;
+        outlets?: Record<string, any>[] | undefined;
+        deliverytype?: string | undefined;
+        order_no?: string | undefined;
+        publishableKey?: any;
+        calculations?: any;
+        shippingmethods?: any;
+        cart?: Record<string, import("../../stores/Checkout.js").CartItem> | undefined;
+        totals?: Record<string, any> | undefined;
+    }>;
+    AuthStore: import("vue").Ref<any, any>;
+    checkoutStore: import("pinia").Store<"checkout", import("../../stores/Checkout.js").CheckoutState, {}, {}>;
+    countries: any;
+    BillingDetailsForm: any;
+    DeliveryMethodForm: any;
+    ShippingDetailsForm: any;
+    ShippingMethodForm: any;
+    Calculations: any;
+    Order: any;
+    states: import("vue").Ref<never[], never[]>;
+    CreateAccount: any;
+    AuthorityToLeave: any;
+    totalPrice: import("vue").ComputedRef<any>;
+    deliveryMethods: import("vue").ComputedRef<any>;
+    getStates: import("vue").ComputedRef<never[]>;
+    shippingMethods: import("vue").ComputedRef<any>;
+    proceedtoNext: () => void;
+    proceedtoPrev: () => void;
+    showMessage: (messageText: string) => void;
+    handleSubmit: (url_cancel: string, url_success: string, url_booking: string) => Promise<false | undefined>;
+    shippingFormEnabled: import("vue").Ref<boolean, boolean>;
+    updateUserFieldsIfuserLogin: (sameasbilling?: boolean) => Promise<void>;
+    step_2: import("vue").Ref<boolean, boolean>;
+    step1Valid: import("vue").ComputedRef<boolean>;
+    step2Valid: import("vue").ComputedRef<boolean>;
+    PaymentMethods: any;
+    ipLocation: import("vue").Ref<any, any>;
+};

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

@@ -0,0 +1,374 @@
+import { ref, computed, watch, onMounted, defineAsyncComponent } from "vue";
+import { useCompanyProfile } from "../../stores/useCompanyProfile.js";
+import { useCartStore } from "../../stores/Cart.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 {
+    user,
+    token,
+    isAuthenticated
+  } = useAuthStore();
+  const { profile } = useCompanyProfile();
+  const cartStore = useCartStore();
+  const companyCountryId = computed(() => profile?.data.country_id || "");
+  const checkoutStore = useCheckoutStore();
+  const AuthStore = ref();
+  const shippingFormEnabled = ref(true);
+  const isCustomer = ref(false);
+  const countries = useCountry().data;
+  const ipLocation = ref();
+  const cartData = computed(() => {
+    const cartItems = checkoutStore.config;
+    return cartItems;
+  });
+  const abndToken = cartStore.cart.abndToken;
+  const vouchercode = cartStore.cart.code;
+  const sessiondata = computed(() => checkoutStore.checkoutSession);
+  const inputData = ref({
+    deliverymethod: sessiondata.value.fields ? sessiondata.value.fields.deliverymethod : "",
+    billing_address: sessiondata.value.fields ? sessiondata.value.fields.billing_address : "",
+    billing_country: sessiondata.value.fields ? sessiondata.value.fields.billing_country : companyCountryId.value,
+    shippingasbilling: shippingFormEnabled.value,
+    isCustomer: isCustomer.value,
+    billing_state: sessiondata.value.fields ? sessiondata.value.fields.billing_state : "",
+    billing_suburb: sessiondata.value.fields ? sessiondata.value.fields.billing_suburb : "",
+    clientsceret: checkoutStore.publishableKey.clientsceret,
+    billing_postcode: sessiondata.value.fields ? sessiondata.value.fields.billing_postcode : void 0,
+    billing_mobile: sessiondata.value.fields ? sessiondata.value.fields.billing_mobile : "",
+    billing_firstname: sessiondata.value.fields ? sessiondata.value.fields.billing_firstname : "",
+    firstname: sessiondata.value.fields ? sessiondata.value.fields.firstname : "",
+    billing_middlename: sessiondata.value.fields ? sessiondata.value.fields.billing_middlename : "",
+    billing_lastname: sessiondata.value.fields ? sessiondata.value.fields.billing_lastname : "",
+    lastname: sessiondata.value.fields ? sessiondata.value.fields.lastname : "",
+    shipping_address: sessiondata.value.fields ? sessiondata.value.fields.shipping_address : "",
+    shippingmethod: sessiondata.value.fields ? sessiondata.value.fields.shippingmethod : "",
+    shipping_country: sessiondata.value.fields ? sessiondata.value.fields.shipping_country : companyCountryId.value,
+    shipping_state: sessiondata.value.fields ? sessiondata.value.fields.shipping_state : void 0,
+    shipping_suburb: sessiondata.value.fields ? sessiondata.value.fields.shipping_suburb : "",
+    shipping_postcode: sessiondata.value.fields ? sessiondata.value.fields.shipping_postcode : void 0,
+    shipping_mobile: sessiondata.value.fields ? sessiondata.value.fields.shipping_mobile : "",
+    shipping_firstname: sessiondata.value.fields ? sessiondata.value.fields.shipping_firstname : "",
+    shipping_middlename: sessiondata.value.fields ? sessiondata.value.fields.shipping_middlename : "",
+    shipping_lastname: sessiondata.value.fields ? sessiondata.value.fields.shipping_lastname : "",
+    vouchercode,
+    paymentmethod: "",
+    cart: cartData.value.items,
+    abndToken,
+    customertoken: "",
+    email: sessiondata.value.fields ? sessiondata.value.fields.email : "",
+    mobile: sessiondata.value.fields ? sessiondata.value.fields.mobile : "",
+    authoritytoleave: void 0,
+    register: "",
+    password: "",
+    password_confirmation: "",
+    passwordStrengthValue: "",
+    customernotes: "",
+    ewayKey: "",
+    eway_cardname: "",
+    eway_cardnumber: "",
+    eway_expirymonth: "",
+    eway_expiryyear: "",
+    eway_cvn: "",
+    till_cardname: "",
+    till_cardnumber: "",
+    till_cvn: "",
+    till_expirymonth: "",
+    till_expiryyear: "",
+    save_card_details: 0
+  });
+  const updateUserFieldsIfuserLogin = (async (sameasbilling = false) => {
+    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 = user.email;
+      inputData.value.billing_mobile = user.mobile;
+      if (sameasbilling == true) {
+      } else {
+        if (billingAddres != void 0) {
+          inputData.value.billing_firstname = inputData.value.billing_firstname ? inputData.value.billing_firstname : billingAddres.firstname;
+          inputData.value.billing_lastname = inputData.value.billing_lastname ? inputData.value.billing_lastname : billingAddres.lastname;
+          inputData.value.billing_address = inputData.value.billing_address ? inputData.value.billing_address : billingAddres.address;
+          inputData.value.billing_postcode = inputData.value.billing_postcode ? inputData.value.billing_postcode : billingAddres.postcode;
+          inputData.value.billing_state = inputData.value.billing_state ? inputData.value.billing_state : billingAddres.state_id;
+          inputData.value.billing_country = inputData.value.billing_country ? inputData.value.billing_country : billingAddres.country_id;
+          inputData.value.billing_suburb = inputData.value.billing_suburb ? inputData.value.billing_suburb : billingAddres.suburb;
+          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;
+          inputData.value.shipping_address = shippingAddres.address;
+          inputData.value.shipping_postcode = shippingAddres.postcode;
+          inputData.value.shipping_state = shippingAddres.state_id;
+          inputData.value.shipping_country = shippingAddres.country_id;
+          inputData.value.shipping_suburb = shippingAddres.suburb;
+          inputData.value.shipping_mobile = shippingAddres.mobile;
+        }
+      }
+    } 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 : "";
+      inputData.value.shipping_postcode = inputData.value.billing_postcode ? inputData.value.billing_postcode : "";
+      inputData.value.shipping_state = inputData.value.billing_state ? inputData.value.billing_state : "";
+      inputData.value.shipping_country = inputData.value.billing_country ? inputData.value.billing_country : "";
+      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;
+    let deliverymethods = checkoutStore.config.preferences;
+    let deliverymethod = false;
+  });
+  const totalPrice = computed(() => {
+    return checkoutStore.config ? checkoutStore.config?.calculations?.total : 0;
+  });
+  const deliveryMethods = computed(() => {
+    return checkoutStore.config?.preferences || [];
+  });
+  const states = ref([]);
+  const getStates = computed(() => {
+    if (countries?.value?.length > 0) {
+      const country = countries.value.find((country2) => country2.id == companyCountryId.value);
+      if (country) {
+        states.value = country.states;
+      }
+    }
+    return states.value;
+  });
+  watch(inputData.value, async (newData, oldValue) => {
+  });
+  const shippingMethods = computed(() => {
+    if (checkoutStore.config) {
+      return checkoutStore.config?.shippingmethods?.filter((method) => method.available == 1);
+    }
+  });
+  watch(() => checkoutStore.config.shippingmethods, (newValue, oldValue) => {
+    if (shippingMethods?.value?.length == 1) {
+      inputData.value.shippingmethod = shippingMethods.value[0].id;
+    }
+  });
+  const step_2 = ref(false);
+  const proceedtoNext = () => {
+    checkoutStore.saveToCheckoutSession(inputData.value);
+    step_2.value = true;
+  };
+  const step1Valid = computed(() => (inputData.value.register == false && inputData.value.password == "" && inputData.value.password_confirmation == "" || inputData.value.register == true && inputData.value.password != "" && inputData.value.password_confirmation != "" && inputData.value.password == inputData.value.password_confirmation && Number(inputData.value.passwordStrengthValue) > 80) && inputData.value.billing_firstname != "" && inputData.value.billing_lastname != "" && inputData.value.email != "" && inputData.value.billing_mobile != "" && inputData.value.billing_address != "" && inputData.value.billing_suburb != "" && inputData.value.billing_postcode != "" && inputData.value.billing_state != "");
+  const step2Valid = computed(() => step1Valid.value && inputData.value.paymentmethod != "");
+  const proceedtoPrev = () => {
+    step_2.value = false;
+  };
+  function showMessage(messageText) {
+    const messageContainer = document.querySelector("#payment-message");
+    if (messageContainer) {
+      const errorbody = messageContainer.querySelector(".alert-body");
+      if (errorbody) {
+        messageContainer.classList.remove("d-none");
+        errorbody.textContent = messageText;
+        setTimeout(() => {
+          messageContainer.classList.add("d-none");
+          messageContainer.textContent = "";
+        }, 14e3);
+      }
+    }
+  }
+  const addLoading = () => {
+    const loadingDiv = document.createElement("div");
+    loadingDiv.className = "loading";
+    const spanElement = document.createElement("span");
+    loadingDiv.appendChild(spanElement);
+    const bodyElement = document.body;
+    bodyElement.insertBefore(loadingDiv, bodyElement.firstChild);
+  };
+  const removeLoading = () => {
+    if (document.querySelector(".loading")) {
+      document.querySelector(".loading").remove();
+    }
+  };
+  const CheckFlowrixPayment = ((inputData2, payment) => {
+    let status = {};
+    var data = {
+      card_holder: inputData2.till_cardname,
+      month: inputData2.till_expirymonth,
+      year: inputData2.till_expiryyear
+    };
+    payment.tokenize(
+      data,
+      //additional data, MUST include card_holder (or first_name & last_name), month and year
+      function(token2, cardData) {
+        inputData2.clientsceret = token2;
+        checkoutStore.publishableKey.clientsceret = token2;
+        checkoutStore.saveToCheckoutSession(inputData2);
+        if (token2 != "") {
+          status = {};
+        }
+      },
+      function(errors) {
+        status = errors;
+      }
+    );
+    return status;
+  });
+  const handleSubmit = async (url_cancel, url_success, url_booking) => {
+    try {
+      let paymenterror = {
+        "status": "Error",
+        "message": []
+      };
+      if (inputData.value.paymentmethod == "web-flowrix-pay" && inputData.value.customertoken == "") {
+        if (checkoutStore.PaymentErrors.length > 0) {
+          checkoutStore.PaymentErrors.forEach((error2) => {
+            paymenterror.message.push(error2.message);
+          });
+          checkoutStore.errorResponseData = paymenterror;
+          return false;
+        }
+      }
+      if (isAuthenticated) {
+        sessiondata.value.fields.firstname = inputData.value.billing_firstname;
+        sessiondata.value.fields.lastname = inputData.value.billing_lastname;
+      }
+      sessiondata.value.fields.mobile = inputData.value.billing_mobile ? inputData.value.billing_mobile : inputData.value.billing_phone;
+      addLoading();
+      inputData.value.clientsceret = checkoutStore?.publishableKey?.clientsceret;
+      sessiondata.value.fields.url_success = `${window.location.origin}${url_success}`;
+      sessiondata.value.fields.url_cancel = `${window.location.origin}${url_cancel}`;
+      if (inputData.value.paymentmethod == "web-eway") {
+        const cardnumber = eCrypt.encryptValue(sessiondata.value.fields.eway_cardnumber, inputData.value.ewayKey);
+        const eway_cvn = eCrypt.encryptValue(sessiondata.value.fields.eway_cvn, inputData.value.ewayKey);
+        sessiondata.value.fields.eway_cardnumber = cardnumber;
+        sessiondata.value.fields.eway_cvn = eway_cvn;
+      }
+      const chckoutResponse = await checkoutStore.submitCheckout();
+      if (chckoutResponse.status == "Success") {
+        if (inputData.value.paymentmethod == "web-stripe") {
+          const { stripe, elements } = await getStripeElements(
+            checkoutStore.publishableKey.key,
+            inputData.value.clientsceret
+          );
+          if (sessiondata.value.calculations.total > 0) {
+            console.log("chckoutResponse", sessiondata.value);
+            console.log("chckoutResponse", checkoutStore.responseData.booking ? `${window.location.origin}${url_booking}?calendar=${checkoutStore.responseData.calendar}&order_no=${checkoutStore.responseData.order_no}` : `${window.location.origin}${url_success}`);
+            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 (chckoutResponse.data.url) {
+          var url = chckoutResponse.data.url;
+        } else {
+          window.location.href = url_success;
+        }
+        removeLoading();
+      } else if (checkoutStore.errorResponseData.status == "Error") {
+        removeLoading();
+      }
+    } catch (error2) {
+      removeLoading();
+    } finally {
+      removeLoading();
+    }
+  };
+  const BillingDetailsForm = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/BillingAddress.vue")
+  );
+  const DeliveryMethodForm = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/DeliveryMethod.vue")
+  );
+  const ShippingDetailsForm = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/ShippingAddress.vue")
+  );
+  const ShippingMethodForm = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/ShippingMethod.vue")
+  );
+  const Calculations = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/Calculations.vue")
+  );
+  const Order = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/Order.vue")
+  );
+  const AuthorityToLeave = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/AuthorityToLeave.vue")
+  );
+  const PaymentMethods = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/PaymentMethods.vue")
+  );
+  const CreateAccount = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/CreateAccount.vue")
+  );
+  return {
+    router,
+    route,
+    inputData,
+    cartData,
+    AuthStore,
+    checkoutStore,
+    countries,
+    BillingDetailsForm,
+    DeliveryMethodForm,
+    ShippingDetailsForm,
+    ShippingMethodForm,
+    Calculations,
+    Order,
+    states,
+    CreateAccount,
+    AuthorityToLeave,
+    totalPrice,
+    deliveryMethods,
+    getStates,
+    shippingMethods,
+    proceedtoNext,
+    proceedtoPrev,
+    showMessage,
+    handleSubmit,
+    shippingFormEnabled,
+    updateUserFieldsIfuserLogin,
+    step_2,
+    step1Valid,
+    step2Valid,
+    PaymentMethods,
+    ipLocation
+  };
+}

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