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

package/dist/runtime/composables/Checkout/PaymentMethods/useDirectDeposit.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-direct-deposit") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  return {
+    getpaymentMethod
+  };
+}

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

@@ -0,0 +1,8 @@
+export default function (): {
+    getpaymentMethod: (paymentMethod: string, inputData: any, totalPrice: string) => Promise<void>;
+    saveToCheckoutSession: (inputData: any) => void;
+    eWayCardValidations: () => void;
+    eWayMonthValidations: () => void;
+    eWayYearValidations: () => void;
+    ChangeCard: (token?: string) => void;
+};

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

@@ -0,0 +1,88 @@
+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-eway") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+        inputData.ewayKey = checkoutStore.publishableKey.key;
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  function saveToCheckoutSession(inputData) {
+    checkoutStore.saveToCheckoutSession(inputData);
+  }
+  function eWayCardValidations() {
+    const e = document.getElementById("EWAY_CARDNUMBER");
+    if (!e) return;
+    const value = e.value.replace(/\s+/g, "");
+    let formattedValue = value.replace(/(\d{4})/g, "$1 ").trim();
+    if (value.startsWith("5")) {
+      e.maxLength = 23;
+    } else if (value.startsWith("4")) {
+      e.maxLength = 19;
+    } else {
+      e.maxLength = 19;
+    }
+    e.value = formattedValue;
+    checkoutStore.checkoutSession.fields.eway_cardnumber = formattedValue;
+  }
+  const eWayMonthValidations = (() => {
+    const e = document.getElementById("eway_expirymonth");
+    if (!e) return;
+    const value = e.value.replace(/\s+/g, "");
+    const numericValue = value.replace(/[^\d]/g, "");
+    const limitedValue = numericValue.slice(0, 2);
+    let finalValue = limitedValue;
+    const month = parseInt(limitedValue, 10);
+    if (limitedValue.length === 2) {
+      if (month < 1) {
+        finalValue = "01";
+      } else if (month > 12) {
+        finalValue = "12";
+      }
+    }
+    if (month > 0 && month < 10 && limitedValue.length === 1) {
+      finalValue = "0" + limitedValue;
+    }
+    e.value = finalValue;
+  });
+  const eWayYearValidations = (() => {
+    const e = document.getElementById("eway_expiryyear");
+    if (!e) return;
+    const value = e.value;
+    const numericValue = value.replace(/[^\d]/g, "");
+    const limitedValue = numericValue.slice(0, 2);
+    let finalValue = limitedValue;
+    const currentYear = (/* @__PURE__ */ new Date()).getFullYear() % 100;
+    if (limitedValue.length === 2) {
+      const year = parseInt(limitedValue, 10);
+      if (year < currentYear) {
+        finalValue = String(currentYear).padStart(2, "0");
+      }
+    }
+    e.value = finalValue;
+  });
+  const ChangeCard = ((token = "") => {
+    checkoutStore.checkoutSession.fields.eway_cvn = "";
+    checkoutStore.checkoutSession.fields.customertoken = token;
+    saveToCheckoutSession(checkoutStore.checkoutSession.fields);
+  });
+  return {
+    getpaymentMethod,
+    saveToCheckoutSession,
+    eWayCardValidations,
+    eWayMonthValidations,
+    eWayYearValidations,
+    ChangeCard
+    // Userstore
+  };
+}

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

@@ -0,0 +1,52 @@
+declare global {
+    class PaymentJs {
+        init(key: string, numberDiv: string, cvvDiv: string, callback: (payment: any) => void): void;
+        tokenize(data: any, successCallback: (token: string, cardData: any) => void, errorCallback: (errors: any) => void): void;
+    }
+}
+export default function (): {
+    checkoutStore: any;
+    user: {
+        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;
+    ChangeCard: (token?: string) => void;
+    getpaymentMethod: (paymentMethod: string, inputData: any, totalPrice: string) => Promise<void>;
+    saveToCheckoutSession: (inputData: any) => void;
+};

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

@@ -0,0 +1,155 @@
+import { useCheckoutStore } from "../../../stores/Checkout.js";
+import { useAuthStore } from "../../../stores/auth.js";
+export default function() {
+  const checkoutStore = useCheckoutStore();
+  const { user } = useAuthStore();
+  const payment = new PaymentJs();
+  const getpaymentMethod = async (paymentMethod, inputData, totalPrice) => {
+    try {
+      checkoutStore.PaymentErrors = [
+        {
+          "attribute": "month",
+          "key": "errors.blank",
+          "message": "Expiration month must not be empty"
+        },
+        {
+          "attribute": "year",
+          "key": "errors.blank",
+          "message": "Expiration year must not be empty"
+        },
+        {
+          "attribute": "card_holder",
+          "key": "errors.blank",
+          "message": "Card holder must not be empty"
+        },
+        {
+          "attribute": "number",
+          "key": "errors.blank",
+          "message": "Card number must not be empty"
+        },
+        {
+          "attribute": "cvv",
+          "key": "errors.blank",
+          "message": "CVV code must not be empty"
+        }
+      ];
+      inputData.paymentmethod = paymentMethod;
+      const newPrice = parseFloat(totalPrice);
+      if (paymentMethod == "web-flowrix-pay") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+        payment.init(checkoutStore.publishableKey.key, "number_div", "cvv_div", function(payment2) {
+          var numberFocused = false;
+          var cvvFocused = false;
+          var focusStyle = {
+            "border": "0px solid green",
+            outline: "none",
+            fontSize: "18px",
+            color: "#333333"
+          };
+          payment2.numberOn("focus", function() {
+            numberFocused = true;
+            payment2.setNumberStyle(focusStyle);
+          });
+          payment2.cvvOn("focus", function() {
+            cvvFocused = true;
+            payment2.setCvvStyle(focusStyle);
+          });
+          payment2.setNumberStyle({
+            "width": "100%",
+            "height": "100%",
+            "border": "none",
+            "input:focus-visible": {
+              "outline": "-webkit-focus-ring-color auto 0px"
+            }
+          });
+          payment2.setCvvStyle({
+            "width": "100%",
+            "height": "100%",
+            "border": "none"
+          });
+          payment2.numberOn("blur", function() {
+            var data = {
+              card_holder: inputData.till_cardname,
+              month: inputData.till_expirymonth,
+              year: inputData.till_expiryyear
+            };
+            payment2.tokenize(
+              data,
+              //additional data, MUST include card_holder (or first_name & last_name), month and year
+              function(token, cardData) {
+                inputData.clientsceret = token;
+                checkoutStore.publishableKey.clientsceret = token;
+                checkoutStore.PaymentErrors = {};
+                checkoutStore.saveToCheckoutSession(inputData);
+              },
+              function(errors) {
+                checkoutStore.PaymentErrors = errors;
+              }
+            );
+          });
+          payment2.cvvOn("blur", function() {
+            var data = {
+              card_holder: inputData.till_cardname,
+              month: inputData.till_expirymonth,
+              year: inputData.till_expiryyear
+            };
+            payment2.tokenize(
+              data,
+              //additional data, MUST include card_holder (or first_name & last_name), month and year
+              function(token, cardData) {
+                inputData.clientsceret = token;
+                checkoutStore.publishableKey.clientsceret = token;
+                checkoutStore.PaymentErrors = {};
+                checkoutStore.saveToCheckoutSession(inputData);
+              },
+              function(errors) {
+                checkoutStore.PaymentErrors = errors;
+              }
+            );
+          });
+        });
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  function saveToCheckoutSession(inputData) {
+    var data = {
+      card_holder: inputData.till_cardname,
+      month: inputData.till_expirymonth,
+      year: inputData.till_expiryyear
+    };
+    payment.tokenize(
+      data,
+      //additional data, MUST include card_holder (or first_name & last_name), month and year
+      function(token, cardData) {
+        inputData.clientsceret = token;
+        checkoutStore.publishableKey.clientsceret = token;
+        checkoutStore.PaymentErrors = {};
+        checkoutStore.saveToCheckoutSession(inputData);
+      },
+      function(errors) {
+        checkoutStore.PaymentErrors = errors;
+      }
+    );
+    checkoutStore.saveToCheckoutSession(inputData);
+  }
+  const ChangeCard = ((token = "") => {
+    if (checkoutStore.checkoutSession.fields) {
+      checkoutStore.checkoutSession.fields.eway_cvn = "";
+      checkoutStore.checkoutSession.fields.customertoken = token;
+      saveToCheckoutSession(checkoutStore.checkoutSession.fields);
+    }
+  });
+  return {
+    checkoutStore,
+    user,
+    ChangeCard,
+    getpaymentMethod,
+    saveToCheckoutSession
+  };
+}

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

@@ -0,0 +1,48 @@
+export default function (): {
+    getpaymentMethod: (paymentMethod: string, inputData: any, totalPrice: string) => Promise<void>;
+    saveToCheckoutSession: (inputData: any) => void;
+    opayoCardValidations: (cardnumber: string) => void;
+    opayoMonthValidations: (inputData: any) => void;
+    opayoYearValidations: () => void;
+    ChangeCard: (token?: string) => void;
+    user: {
+        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;
+};

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

@@ -0,0 +1,90 @@
+import { useCheckoutStore } from "../../../stores/Checkout.js";
+import { useAuthStore } from "../../../stores/auth.js";
+export default function() {
+  const checkoutStore = useCheckoutStore();
+  const { user } = useAuthStore();
+  const getpaymentMethod = async (paymentMethod, inputData, totalPrice) => {
+    try {
+      inputData.paymentmethod = paymentMethod;
+      const newPrice = parseFloat(totalPrice);
+      if (paymentMethod == "web-opayo") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+        inputData.opayoKey = checkoutStore.publishableKey.key;
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  function saveToCheckoutSession(inputData) {
+    checkoutStore.saveToCheckoutSession(inputData);
+  }
+  function opayoCardValidations(cardnumber) {
+    const e = document.getElementById("EWAY_CARDNUMBER");
+    if (!e) return;
+    const value = e.value.replace(/\s+/g, "");
+    let formattedValue = value.replace(/(\d{4})/g, "$1 ").trim();
+    if (value.startsWith("5")) {
+      e.maxLength = 23;
+    } else if (value.startsWith("4")) {
+      e.maxLength = 19;
+    } else {
+      e.maxLength = 19;
+    }
+    e.value = formattedValue;
+    checkoutStore.checkoutSession.fields.opayo_cardnumber = formattedValue;
+  }
+  const opayoMonthValidations = ((inputData) => {
+    const e = document.getElementById("opayo_expirymonth");
+    if (!e) return;
+    const value = e.value.replace(/\s+/g, "");
+    const numericValue = value.replace(/[^\d]/g, "");
+    const limitedValue = numericValue.slice(0, 2);
+    let finalValue = limitedValue;
+    const month = parseInt(limitedValue, 10);
+    if (limitedValue.length === 2) {
+      if (month < 1) {
+        finalValue = "01";
+      } else if (month > 12) {
+        finalValue = "12";
+      }
+    }
+    if (month > 0 && month < 10 && limitedValue.length === 1) {
+      finalValue = "0" + limitedValue;
+    }
+    inputData.opayo_expirymonth = finalValue;
+  });
+  const opayoYearValidations = (() => {
+    const e = document.getElementById("opayo_expiryyear");
+    if (!e) return;
+    const value = e.value;
+    const numericValue = value.replace(/[^\d]/g, "");
+    const limitedValue = numericValue.slice(0, 2);
+    let finalValue = limitedValue;
+    const currentYear = (/* @__PURE__ */ new Date()).getFullYear() % 100;
+    if (limitedValue.length === 2) {
+      const year = parseInt(limitedValue, 10);
+      if (year < currentYear) {
+        finalValue = String(currentYear).padStart(2, "0");
+      }
+    }
+    e.value = finalValue;
+  });
+  const ChangeCard = ((token = "") => {
+    checkoutStore.checkoutSession.fields.opayo_cvn = "";
+    checkoutStore.checkoutSession.fields.customertoken = token;
+    saveToCheckoutSession(checkoutStore.checkoutSession.fields);
+  });
+  return {
+    getpaymentMethod,
+    saveToCheckoutSession,
+    opayoCardValidations,
+    opayoMonthValidations,
+    opayoYearValidations,
+    ChangeCard,
+    user
+  };
+}

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

@@ -0,0 +1,15 @@
+declare global {
+    function loadStripe(key: string): Promise<any>;
+    const payment: any;
+}
+export default function (): {
+    Stripe: any;
+    Eway: any;
+    Flowrixpay: any;
+    Paypal: any;
+    DirectDeposit: any;
+    Zippay: any;
+    Opayo: any;
+    getpaymentMethod: (paymentMethod: string, inputData: any, totalPrice: any) => Promise<void>;
+    getPaymentComponent: (methodKey: string) => any;
+};

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

@@ -0,0 +1,135 @@
+import { defineAsyncComponent } from "vue";
+import { useCheckoutStore } from "../../../stores/Checkout.js";
+export default function() {
+  let stripe;
+  let elements;
+  const checkoutStore = useCheckoutStore();
+  const Stripe = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/Stripe.vue")
+  );
+  const Eway = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/Eway.vue")
+  );
+  const Flowrixpay = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/Flowrixpay.vue")
+  );
+  const Paypal = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/Paypal.vue")
+  );
+  const DirectDeposit = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/DirectDeposit.vue")
+  );
+  const Zippay = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/Zippay.vue")
+  );
+  const Opayo = defineAsyncComponent(
+    () => import("@/components/Checkout/Template01/PaymentMethods/Opayo.vue")
+  );
+  function getPaymentComponent(methodKey) {
+    switch (methodKey) {
+      case "web-eway":
+        return Eway;
+      case "web-flowrix-pay":
+        return Flowrixpay;
+      case "web-stripe":
+        return Stripe;
+      case "web-paypal":
+        return Paypal;
+      case "web-direct-deposit":
+        return DirectDeposit;
+      case "web-zippay":
+        return Zippay;
+      case "web-opayo":
+        return Opayo;
+      default:
+        return null;
+    }
+  }
+  const getpaymentMethod = async (paymentMethod, inputData, totalPrice) => {
+    try {
+      inputData.paymentmethod = paymentMethod;
+      const newPrice = parseFloat(totalPrice.total);
+      if (paymentMethod == "web-stripe" && stripe !== null) {
+        document.querySelector("#card-element").innerHTML = `<div class="payment-loading text-center"><svg xmlns="http://www.w3.org/2000/svg" width="5rem" height="5rem" viewBox="0 0 24 24"><circle cx="12" cy="12" r="0" fill="#f68c38"><animate id="svgSpinnersPulse30" fill="freeze" attributeName="r" begin="0;svgSpinnersPulse32.begin+0.8s" calcMode="spline" dur="2.4s" keySplines=".52,.6,.25,.99" values="0;11"/><animate fill="freeze" attributeName="opacity" begin="0;svgSpinnersPulse32.begin+0.8s" calcMode="spline" dur="2.4s" keySplines=".52,.6,.25,.99" values="1;0"/></circle><circle cx="12" cy="12" r="0" fill="#f68c38"><animate id="svgSpinnersPulse31" fill="freeze" attributeName="r" begin="svgSpinnersPulse30.begin+0.8s" calcMode="spline" dur="2.4s" keySplines=".52,.6,.25,.99" values="0;11"/><animate fill="freeze" attributeName="opacity" begin="svgSpinnersPulse30.begin+0.8s" calcMode="spline" dur="2.4s" keySplines=".52,.6,.25,.99" values="1;0"/></circle><circle cx="12" cy="12" r="0" fill="#f68c38"><animate id="svgSpinnersPulse32" fill="freeze" attributeName="r" begin="svgSpinnersPulse30.begin+1.6s" calcMode="spline" dur="2.4s" keySplines=".52,.6,.25,.99" values="0;11"/><animate fill="freeze" attributeName="opacity" begin="svgSpinnersPulse30.begin+1.6s" calcMode="spline" dur="2.4s" keySplines=".52,.6,.25,.99" values="1;0"/></circle></svg></div>`;
+        const appearance = {
+          theme: "stripe"
+        };
+        await checkoutStore.paymentMethods({
+          clientsceret: checkoutStore.publishableKey.clientsceret,
+          paymentmethod: paymentMethod,
+          total: newPrice * 100
+        });
+        const clientSecret = checkoutStore.publishableKey.clientsceret;
+        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");
+      }
+      if (paymentMethod == "web-zippay" || paymentMethod == "web-direct-deposit" || paymentMethod == "web-paypal" || paymentMethod == "web-eway") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+        if (paymentMethod == "web-eway") {
+          inputData.ewayKey = checkoutStore.publishableKey.key;
+        }
+      }
+      if (paymentMethod == "web-flowrix-pay") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+        payment.init("TFtrYq0SAcyy5l2cxi3a", "number_div", "cvv_div", function(payment2) {
+          payment2.setNumberStyle({
+            "width": "100%",
+            "height": "100%",
+            "border": "none",
+            "input:focus-visible": {
+              "outline": "-webkit-focus-ring-color auto 0px"
+            }
+          });
+          payment2.setCvvStyle({
+            "width": "100%",
+            "height": "100%",
+            "border": "none"
+          });
+          payment2.numberOn("input", function() {
+            var data = {
+              card_holder: inputData.till_cardname,
+              month: inputData.till_expirymonth,
+              year: inputData.till_expiryyear
+            };
+            payment2.tokenize(
+              data,
+              //additional data, MUST include card_holder (or first_name & last_name), month and year
+              function(token) {
+                inputData.clientsceret = token;
+              },
+              function(errors) {
+              }
+            );
+          });
+        });
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  return {
+    Stripe,
+    Eway,
+    Flowrixpay,
+    Paypal,
+    DirectDeposit,
+    Zippay,
+    Opayo,
+    getpaymentMethod,
+    getPaymentComponent
+  };
+}

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

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

package/dist/runtime/composables/Checkout/PaymentMethods/usePaypal.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-paypal") {
+        await checkoutStore.paymentMethods({
+          paymentmethod: paymentMethod,
+          total: newPrice
+        });
+      }
+      checkoutStore.saveToCheckoutSession(inputData);
+    } catch (error) {
+      console.log("Error", error);
+    }
+  };
+  return {
+    getpaymentMethod
+  };
+}

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

@@ -0,0 +1,7 @@
+export default function (): {
+    getpaymentMethod: (paymentMethod: string, inputData: any, totalPrice: string) => Promise<void>;
+};
+export declare const getStripeElements: (publishableKey: string, clientSecret: string) => Promise<{
+    stripe: null;
+    elements: null;
+}>;