flowrix 1.0.0

package/dist/runtime/composables/Category/useCategoryTemplate3.d.ts

@@ -0,0 +1,66 @@
+interface CategoryData {
+    category: {
+        name: string;
+        h1: string;
+        description: string;
+    };
+    products: {
+        data: any[];
+        from: number;
+        to: number;
+        total: number;
+        per_page: number;
+        links: any[];
+        last_page: number;
+        current_page: number;
+    };
+    prices: any;
+    categories: any[];
+    brands: any[];
+    filters: any[];
+    filter_values: any[];
+}
+interface CategoryTemplate3Props {
+    data: CategoryData;
+}
+export declare const useCategoryTemplate3: (props: CategoryTemplate3Props) => {
+    data: import("vue").ComputedRef<CategoryData>;
+    category: import("vue").ComputedRef<{
+        name: string;
+        h1: string;
+        description: string;
+    }>;
+    products: import("vue").ComputedRef<{
+        data: any[];
+        from: number;
+        to: number;
+        total: number;
+        per_page: number;
+        links: any[];
+        last_page: number;
+        current_page: number;
+    }>;
+    hasCategory: import("vue").ComputedRef<boolean>;
+    hasProducts: import("vue").ComputedRef<boolean>;
+    shouldShowPagination: import("vue").ComputedRef<boolean>;
+    sidebarData: import("vue").ComputedRef<{
+        pricing: any;
+        categories: any[];
+        brands: any[];
+        filters: any[];
+        filterValues: any[];
+    }>;
+    topData: import("vue").ComputedRef<{
+        from: number;
+        to: number;
+        total: number;
+    }>;
+    paginationData: import("vue").ComputedRef<{
+        pagination: any[];
+        lastPage: number;
+        currentPage: number;
+        query: import("vue-router").LocationQuery;
+    }>;
+    route: import("vue-router").RouteLocationNormalizedLoadedGeneric;
+};
+export {};

package/dist/runtime/composables/Category/useCategoryTemplate3.js

@@ -0,0 +1,45 @@
+import { useRoute } from "#imports";
+import { computed } from "vue";
+export const useCategoryTemplate3 = (props) => {
+  const route = useRoute();
+  const data = computed(() => props.data);
+  const category = computed(() => data.value.category);
+  const products = computed(() => data.value.products);
+  const hasCategory = computed(() => !!data.value.category);
+  const hasProducts = computed(() => data.value.products.data.length > 0);
+  const shouldShowPagination = computed(
+    () => data.value.category && data.value.products.total > data.value.products.per_page
+  );
+  const sidebarData = computed(() => ({
+    pricing: data.value.prices,
+    categories: data.value.categories,
+    brands: data.value.brands,
+    filters: data.value.filters,
+    filterValues: data.value.filter_values
+  }));
+  const topData = computed(() => ({
+    from: data.value.products.from,
+    to: data.value.products.to,
+    total: data.value.products.total
+  }));
+  const paginationData = computed(() => ({
+    pagination: data.value.products.links,
+    lastPage: data.value.products.last_page,
+    currentPage: data.value.products.current_page,
+    query: route.query
+  }));
+  return {
+    // Computed
+    data,
+    category,
+    products,
+    hasCategory,
+    hasProducts,
+    shouldShowPagination,
+    sidebarData,
+    topData,
+    paginationData,
+    // Route
+    route
+  };
+};

package/dist/runtime/composables/Category/useCategoryTop.d.ts

@@ -0,0 +1,18 @@
+type SortType = 'priceasc' | 'pricedesc' | '';
+interface CategoryTopProps {
+    from: number;
+    to: number;
+    total: number;
+}
+export declare const useCategoryTop: (props: CategoryTopProps) => {
+    sortingvalue: import("vue").Ref<SortType, SortType>;
+    windowWidth: import("vue").Ref<number, number>;
+    from: import("vue").ComputedRef<number>;
+    to: import("vue").ComputedRef<number>;
+    total: import("vue").ComputedRef<number>;
+    itemCountText: import("vue").ComputedRef<string>;
+    isMobile: import("vue").ComputedRef<boolean>;
+    selectSort: (sort: SortType) => void;
+    updateWindowWidth: () => void;
+};
+export {};

package/dist/runtime/composables/Category/useCategoryTop.js

@@ -0,0 +1,65 @@
+import { useRoute, useRouter } from "#imports";
+import { ref, computed, watch, onMounted, onUnmounted } from "vue";
+export const useCategoryTop = (props) => {
+  const route = useRoute();
+  const router = useRouter();
+  const sortingvalue = ref(route.query.sortby || "");
+  const selectSort = (sort) => {
+    const queryParams = { ...route.query };
+    if (sort && sort !== "") {
+      queryParams.sortby = sort;
+    } else {
+      delete queryParams.sortby;
+    }
+    delete queryParams.page;
+    const timestamp = Date.now();
+    router.push({
+      path: route.path,
+      query: { ...queryParams, _t: timestamp }
+    });
+  };
+  watch(() => route.query.sortby, (newSortBy) => {
+    sortingvalue.value = newSortBy || "";
+  });
+  const from = computed(() => props.from);
+  const to = computed(() => props.to);
+  const total = computed(() => props.total);
+  const itemCountText = computed(() => {
+    if (props.from && props.to && props.total) {
+      return `Showing ${props.from}-${props.to} of ${props.total} Items`;
+    }
+    return `${props.total} Items`;
+  });
+  const windowWidth = ref(1200);
+  const updateWindowWidth = () => {
+    if (process.client) {
+      windowWidth.value = window.innerWidth;
+    }
+  };
+  onMounted(() => {
+    if (process.client) {
+      updateWindowWidth();
+      window.addEventListener("resize", updateWindowWidth);
+    }
+  });
+  onUnmounted(() => {
+    if (process.client) {
+      window.removeEventListener("resize", updateWindowWidth);
+    }
+  });
+  const isMobile = computed(() => windowWidth.value < 1200);
+  return {
+    // State
+    sortingvalue,
+    windowWidth,
+    // Computed
+    from,
+    to,
+    total,
+    itemCountText,
+    isMobile,
+    // Methods
+    selectSort,
+    updateWindowWidth
+  };
+};

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

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

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,13 @@
+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: import("vue").ComputedRef<import("../../../stores/index.js").User | 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 { useAuth } from "../../useAuth.js";
+export default function() {
+  const checkoutStore = useCheckoutStore();
+  const { user } = useAuth();
+  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,9 @@
+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: import("vue").ComputedRef<import("../../../stores/index.js").User | null>;
+};

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

@@ -0,0 +1,90 @@
+import { useCheckoutStore } from "../../../stores/Checkout.js";
+import { useAuth } from "../../useAuth.js";
+export default function() {
+  const checkoutStore = useCheckoutStore();
+  const { user } = useAuth();
+  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;
+};