flowrix 1.0.1-beta.9 → 1.0.1-beta.92

package/dist/runtime/composables/Customer/useUpdatePassword.js

@@ -0,0 +1,94 @@
+import { ref } from "vue";
+import { useAuthStore } from "../../stores/auth.js";
+export function useUpdatePassword() {
+  const authStore = useAuthStore();
+  const loading = ref(false);
+  const errorMessage = ref("");
+  const successMessage = ref("");
+  const form = ref({
+    currentPassword: "",
+    newPassword: "",
+    confirmPassword: ""
+  });
+  const clearMessages = () => {
+    errorMessage.value = "";
+    successMessage.value = "";
+  };
+  const resetForm = () => {
+    form.value = {
+      currentPassword: "",
+      newPassword: "",
+      confirmPassword: ""
+    };
+    clearMessages();
+  };
+  const validateForm = () => {
+    if (!form.value.currentPassword?.trim() || !form.value.newPassword?.trim() || !form.value.confirmPassword?.trim()) {
+      errorMessage.value = "All password fields are required!";
+      return false;
+    }
+    if (form.value.newPassword !== form.value.confirmPassword) {
+      errorMessage.value = "New password and confirm password do not match!";
+      return false;
+    }
+    if (form.value.newPassword.length < 8) {
+      errorMessage.value = "New password must be at least 8 characters long!";
+      return false;
+    }
+    return true;
+  };
+  const updatePassword = async () => {
+    if (!validateForm()) {
+      return false;
+    }
+    loading.value = true;
+    clearMessages();
+    try {
+      const requestBody = {
+        current_password: form.value.currentPassword.trim(),
+        password: form.value.newPassword.trim(),
+        password_confirmation: form.value.confirmPassword.trim()
+      };
+      const response = await authStore.changePassword(requestBody);
+      if (response && response?.status === "Success") {
+        successMessage.value = response.message || "Password updated successfully!";
+        resetForm();
+        return true;
+      }
+      if (response) {
+        successMessage.value = response.message || "Password updated successfully!";
+        resetForm();
+        return true;
+      } else if (response && response.status === "Error") {
+        errorMessage.value = response.message || "Failed to update password. Please try again.";
+        return false;
+      } else {
+        errorMessage.value = "Unexpected response from server. Please try again.";
+        return false;
+      }
+    } catch (err) {
+      console.error("Unexpected error:", err);
+      if (err.data && err.data.status === "Error") {
+        errorMessage.value = err.data.message || "Failed to update password. Please try again.";
+      } else if (err.message) {
+        errorMessage.value = err.message;
+      } else {
+        errorMessage.value = "An unexpected error occurred while updating your password.";
+      }
+      return false;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    // State
+    form,
+    loading,
+    errorMessage,
+    successMessage,
+    // Methods
+    updatePassword,
+    clearMessages,
+    resetForm
+  };
+}

package/dist/runtime/composables/Customer/useUserCards.d.ts

@@ -0,0 +1,22 @@
+export interface Card {
+    id: string;
+    holder_name: string;
+    last_four_digits: string;
+    [key: string]: any;
+}
+export declare function useUserCards(): {
+    cards: import("vue").ComputedRef<{
+        [x: string]: any;
+        id: string;
+        holder_name: string;
+        last_four_digits: string;
+    }[]>;
+    loading: import("vue").Ref<boolean, boolean>;
+    deletingCardId: import("vue").Ref<string | null, string | null>;
+    errorMessage: import("vue").Ref<string, string>;
+    successMessage: import("vue").Ref<string, string>;
+    hasCards: import("vue").ComputedRef<boolean>;
+    fetchCards: () => Promise<void>;
+    deleteCard: (cardId: string) => Promise<boolean>;
+    clearMessages: () => void;
+};

package/dist/runtime/composables/Customer/useUserCards.js

@@ -0,0 +1,65 @@
+import { ref, computed } from "vue";
+import { useAuthStore } from "../../stores/auth.js";
+export function useUserCards() {
+  const authStore = useAuthStore();
+  const cards = ref([]);
+  const loading = ref(false);
+  const deletingCardId = ref(null);
+  const errorMessage = ref("");
+  const successMessage = ref("");
+  const cardsData = computed(() => cards.value || []);
+  const hasCards = computed(() => cards.value && cards.value.length > 0);
+  const clearMessages = () => {
+    errorMessage.value = "";
+    successMessage.value = "";
+  };
+  const fetchCards = async () => {
+    loading.value = true;
+    clearMessages();
+    try {
+      const cardsData2 = await authStore.fetchUserCards();
+      cards.value = Array.isArray(cardsData2) ? cardsData2 : [];
+    } catch (error) {
+      console.error("Failed to fetch cards:", error);
+      cards.value = [];
+      errorMessage.value = "Failed to load cards. Please try again.";
+    } finally {
+      loading.value = false;
+    }
+  };
+  const deleteCard = async (cardId) => {
+    deletingCardId.value = cardId;
+    clearMessages();
+    try {
+      const response = await authStore.deleteCard(cardId);
+      if (response.status === "Success") {
+        successMessage.value = response.message || "Card deleted successfully!";
+        cards.value = cards.value.filter((card) => card.id !== cardId);
+        return true;
+      } else {
+        errorMessage.value = response.message || "Failed to delete card. Please try again.";
+        return false;
+      }
+    } catch (error) {
+      console.error("Delete card error:", error);
+      errorMessage.value = error.message || "Failed to delete card. Please try again.";
+      return false;
+    } finally {
+      deletingCardId.value = null;
+    }
+  };
+  return {
+    // State
+    cards: cardsData,
+    loading,
+    deletingCardId,
+    errorMessage,
+    successMessage,
+    // Computed
+    hasCards,
+    // Methods
+    fetchCards,
+    deleteCard,
+    clearMessages
+  };
+}

package/dist/runtime/composables/{useWishlists.d.ts → Customer/useWishlists.d.ts}

@@ -1,21 +1,6 @@
-import { type Wishlist, type WishlistProduct } from '../stores/wishlists.js';
-export interface ApiResponse<T> {
-    status: string;
-    message: string | Record<string, string[]> | null;
-    data: T | null;
-}
-export interface CreateWishlistData {
-    title: string;
-    default: boolean;
-}
-export interface UpdateWishlistData {
-    title: string;
-    default: boolean;
-}
-export interface AddToWishlistData {
-}
+import { type Wishlist, type WishlistProduct, type CreateWishlistData, type UpdateWishlistData, type AddToWishlistData, type ApiResponse } from '../../stores/wishlists.js';
 export declare function useWishlists(): {
-    fetchWishlists: () => Promise<ApiResponse<Wishlist[]>>;
+    fetchWishlists: (force?: boolean) => Promise<ApiResponse<Wishlist[]>>;
     fetchWishlistProducts: (listId: number) => Promise<ApiResponse<{
         id: number;
         title: string;
@@ -30,9 +15,11 @@ export declare function useWishlists(): {
     deleteWishlist: (id: number) => Promise<ApiResponse<void>>;
     wishlists: import("vue").ComputedRef<{
         id: number;
-        name?: string | undefined;
+        title: string;
+        default: boolean;
+        created_at: string;
     }[]>;
-    wishlistProducts: import("vue").ComputedRef<import("../stores/index.js").WishlistProducts>;
+    wishlistProducts: (listId: number) => WishlistProduct[];
     loading: import("vue").ComputedRef<boolean>;
     error: import("vue").ComputedRef<string | null>;
 };

package/dist/runtime/composables/{useWishlists.js → Customer/useWishlists.js}

@@ -1,6 +1,7 @@
 import { computed } from "vue";
-import { useWishlistsStore } from "../stores/wishlists.js";
-import { useApi } from "../utils/api.js";
+import {
+  useWishlistsStore
+} from "../../stores/wishlists.js";
 function formatErrorMessage(message) {
   if (!message) return "An error occurred";
   if (typeof message === "string") {
@@ -18,14 +19,12 @@ function formatErrorMessage(message) {
 }
 export function useWishlists() {
   const store = useWishlistsStore();
-  const { get, post } = useApi();
-  async function fetchWishlists() {
+  async function fetchWishlists(force) {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await get("/customer/wishlist");
-      if (response.status === "Success" && response.data) {
-        store.setWishlists(response.data);
+      const response = await store.fetchWishlists(force || false);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -45,10 +44,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await get(`/customer/wishlist/${listId}/products`);
-      if (response.status === "Success" && response.data) {
-        const products = response.data.products || [];
-        store.setWishlistProducts(listId, products);
+      const response = await store.fetchWishlistProducts(listId);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -68,9 +65,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post("/customer/wishlist/add", data);
-      if (response.status === "Success" && response.data) {
-        store.addWishlist(response.data);
+      const response = await store.createWishlist(data);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -90,9 +86,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${listId}/${productSlug}/add`, data);
-      if (response.status === "Success" && response.data) {
-        store.addWishlistProduct(listId, response.data);
+      const response = await store.addToWishlist(listId, productSlug, data);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -112,9 +107,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${listId}/item/delete`, { ids: { productSlug } });
+      const response = await store.removeFromWishlist(listId, productSlug);
       if (response.status === "Success") {
-        store.removeWishlistProduct(listId, productSlug);
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -134,9 +128,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${id}/update`, data);
-      if (response.status === "Success" && response.data) {
-        store.updateWishlist(response.data);
+      const response = await store.updateWishlist(id, data);
+      if (response.status === "Success") {
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -156,10 +149,8 @@ export function useWishlists() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/wishlist/${id}/delete`, {});
+      const response = await store.deleteWishlist(id);
       if (response.status === "Success") {
-        store.removeWishlist(id);
-        store.clearWishlistProducts(id);
         return response;
       } else {
         const errorMessage = formatErrorMessage(response.message);
@@ -183,9 +174,10 @@ export function useWishlists() {
     removeFromWishlist,
     updateWishlist,
     deleteWishlist,
-    wishlists: computed(() => store.wishlists),
-    wishlistProducts: computed(() => store.wishlistProducts),
-    loading: computed(() => store.loading),
-    error: computed(() => store.error)
+    wishlists: computed(() => store.getWishlists),
+    // Fixed: Remove extra computed wrapper - direct getter for reactivity
+    wishlistProducts: (listId) => store.getWishlistProducts(listId),
+    loading: computed(() => store.isLoading),
+    error: computed(() => store.getError)
   };
 }

package/dist/runtime/composables/Extras/useCountry.d.ts

@@ -1,6 +1,11 @@
-export declare const useCountry: () => {
-    data: any;
-    error: any;
-    refresh: any;
-    execute: any;
-};
+interface Country {
+    id: number;
+    name: string;
+}
+interface UseCountryReturn {
+    data: Ref<Country[] | null>;
+    error: Ref<Error | null>;
+    refresh: () => Promise<void>;
+}
+export declare const useCountry: () => UseCountryReturn;
+export {};

package/dist/runtime/composables/Extras/useCountry.js

@@ -1,11 +1,12 @@
+import { useFetch } from "#imports";
 export const useCountry = () => {
-  const { data, error, refresh, execute } = useAsyncData("countries", () => $fetch("/api/checkout/countries"), {
-    server: true
+  const { data, error, refresh } = useFetch("/api/checkout/countries", {
+    server: true,
+    key: "countries"
   });
   return {
     data,
     error,
-    refresh,
-    execute
+    refresh
   };
 };

package/dist/runtime/composables/Header/useHeader.d.ts

@@ -1,28 +1,14 @@
 export default function (): {
-    NavMenu: import("pinia").Store<"NavMenu", import("#imports").NavMenuState, {}, {
-        navMenu(id: number, location?: string): Promise<void>;
-    }>;
-    companyProfile: import("vue").ComputedRef<null>;
-    cartStore: import("pinia").Store<"cart", import("#imports").CartState, {}, {}>;
-    userData: {};
-    menuData: import("vue").ComputedRef<{
-        location: string;
-        items: {
-            title: string;
-            url: string;
-            sortorder: number;
-            children?: /*elided*/ any[] | undefined;
-        }[];
-    } | undefined>;
+    NavMenu: any;
+    companyProfile: import("vue").ComputedRef<any>;
+    cartStore: any;
+    userData: any;
+    menuData: import("vue").ComputedRef<any>;
     mobile_menu: import("vue").Ref<boolean, boolean>;
     MainMenu: any;
     wordpressUrl: any;
     OpenMobileMenu: () => void;
-    useSearch: import("pinia").Store<"SearchStore", {
-        data: any[];
-    }, {}, {
-        fetchSearchData(query: string): Promise<any[]>;
-    }>;
+    useSearch: any;
     getSearchData: (value: string) => void;
     handleSeachInput: (searchValue: string) => void;
 };

package/dist/runtime/composables/Header/useHeader.js

@@ -1,10 +1,11 @@
 import { defineAsyncComponent, ref, computed } from "vue";
-import { useNavMenu, useCompanyProfile, useAuth, useCartStore, useSearchStore } from "#imports";
+import { useNavMenu, useCompanyProfile, useCartStore, useSearchStore } from "#imports";
+import { useAuthStore } from "../../stores/auth.js";
 export default function() {
   const wordpressUrl = import.meta.env.VITE_APP_WORDPRESS_URL;
   const NavMenu = useNavMenu();
   const CompanyProfile = useCompanyProfile();
-  const { user } = useAuth();
+  const { user } = useAuthStore();
   const cartStore = useCartStore();
   const useSearch = useSearchStore();
   const companyProfile = computed(() => CompanyProfile.profile);

package/dist/runtime/composables/Product/CustomProduct/useCustomeScript.js

@@ -240,7 +240,7 @@ export const useCustomScript = defineStore("CustomScript", {
     showValue(h_aid, h_vid) {
       const element = document.querySelector(`${this.attributeClass + h_aid} [data-value="${h_vid}"]`);
       if (element) {
-        element.parentElement.style.display = "block";
+        element.parentElement.style.display = "";
         element.removeAttribute("disabled");
         element.style.display = "";
       }
@@ -316,10 +316,10 @@ export const useCustomScript = defineStore("CustomScript", {
     markSelected(h_aid, h_vid) {
       const element = document.querySelector(`${this.attributeClass}${h_aid} [data-value="${h_vid}"]`);
       if (element) {
-        element.parentElement.style.display = "block";
+        element.parentElement.style.display = "";
         element.setAttribute("selected", true);
         element.checked = true;
-        element.style.display = "block";
+        element.style.display = "";
         element.classList.add("active");
         if (element.getAttribute("customselect") == "true") {
           element.dispatchEvent(new Event("change"));
@@ -336,7 +336,7 @@ export const useCustomScript = defineStore("CustomScript", {
       if (dataValueElement) {
         dataValueElement.setAttribute("selected", true);
         dataValueElement.checked = true;
-        dataValueElement.style.display = "block";
+        dataValueElement.style.display = "";
         dataValueElement.classList.add("active");
       }
       if (value == 0 || value == "0") {

package/dist/runtime/composables/Product/CustomProduct/useSteps.d.ts

@@ -66,7 +66,7 @@ export default function (product: any, template?: string): {
     }>;
     activeStep: import("vue").Ref<number, number>;
     NextStep: (id: number) => false | undefined;
-    sortedGroups: (groups: any) => any[];
+    sortedGroups: (groups: any) => never[];
     scrollToPosition: () => void;
     SingleStep: import("vue").Raw<object>;
     AddToCart: import("vue").Raw<object>;

package/dist/runtime/composables/Product/useProductComponent.js

@@ -1,4 +1,5 @@
 import { defineAsyncComponent } from "vue";
+import { GTM_view_item } from "../useDataLayer.js";
 export function useProductComponent(product) {
   const templateName = "Template-" + product.template;
   const components = import.meta.glob(
@@ -15,6 +16,7 @@ export function useProductComponent(product) {
       }
     }
   });
+  GTM_view_item(product, product.rrpfloat, product.rpfloat);
   return {
     Template
   };

package/dist/runtime/composables/Product/useProductSlug.d.ts

@@ -1 +1,8 @@
-export default function (): any;
+export default function (): {
+    data: any;
+    error: any;
+    refresh: any;
+    execute: any;
+    pending: any;
+    slug: string;
+};

package/dist/runtime/composables/Product/useQuickView.d.ts

@@ -0,0 +1,8 @@
+export declare const useQuickView: (slug: string) => {
+    data: any;
+    error: any;
+    refresh: any;
+    execute: any;
+    pending: any;
+};
+export declare const useSendQuickValues: (attributes: Record<string, any>, slug: any) => Promise<unknown>;

package/dist/runtime/composables/Product/useQuickView.js

@@ -0,0 +1,27 @@
+import { useFetch } from "#imports";
+import { readonly } from "vue";
+export const useQuickView = (slug) => {
+  const { data, error, refresh, execute, pending } = useFetch(
+    `/api/quickview/${slug}`,
+    {
+      method: "POST",
+      body: { slug },
+      lazy: true,
+      server: false,
+      default: () => null
+    }
+  );
+  return {
+    data: readonly(data),
+    error: readonly(error),
+    refresh,
+    execute,
+    pending: readonly(pending)
+  };
+};
+export const useSendQuickValues = async (attributes, slug) => {
+  return await $fetch(`/api/quickview/${slug}`, {
+    method: "POST",
+    body: attributes
+  });
+};

package/dist/runtime/composables/Product/useService.d.ts

@@ -1,5 +1,5 @@
 export default function (props: any): {
-    useCartStore: import("pinia").StoreDefinition<"cart", import("../../stores/index.js").CartState, {}, {}>;
+    useCartStore: import("pinia").StoreDefinition<"cart", import("../../stores/Cart.js").CartState, {}, {}>;
     ServiceStore: import("pinia").Store<"ServiceStore", {
         services: never[];
         availability: boolean;

package/dist/runtime/composables/Product/useService.js

@@ -2,7 +2,6 @@ import { ref, watch, onMounted, computed } from "vue";
 import { useServiceStore } from "../../stores/Services.js";
 import { useCartStore } from "../../stores/Cart.js";
 import { useIpLocation } from "../../stores/IpLocation.js";
-import LocationScript from "../Location";
 export default function(props) {
   const CurrentService = ref([]);
   const ServiceStore = useServiceStore();
@@ -50,8 +49,6 @@ export default function(props) {
     }
   });
   const GetServiceLocations = async () => {
-    const { GetLocation } = LocationScript.setup();
-    GetLocation();
   };
   return {
     useCartStore,

package/dist/runtime/composables/SideBar/Filters/useFilters.d.ts

@@ -1,6 +1,6 @@
 export default function (): {
-    route: import("vue-router").RouteLocationNormalizedLoadedGeneric;
-    router: import("vue-router").Router;
+    route: any;
+    router: any;
     isChecked: (slug: any, dynamicQueryParam: any) => any;
     toggleCheckbox: (slug: any, parent_slug: any) => void;
 };

package/dist/runtime/composables/SideBar/Filters/useSorting.d.ts

@@ -1,5 +1,5 @@
 export default function (): {
-    route: import("vue-router").RouteLocationNormalizedLoadedGeneric;
-    router: import("vue-router").Router;
+    route: any;
+    router: any;
     SortingOrderChange: (order: any) => void;
 };

package/dist/runtime/composables/index.d.ts

@@ -10,14 +10,12 @@ export * from './Cart/useCartDetail.js';
 export * from './Category/useCategoryContent.js';
 export * from './Category/useCategoryGrid.js';
 export * from './Category/useCategoryIndex.js';
-export * from './Category/useCategoryTemplate2.js';
-export * from './Category/useCategoryTemplate3.js';
 export * from './Category/useCategoryTop.js';
-export * from './Checkout/useBillingAddress.js';
+export * from './Checkout/useCheckoutBillingAddress.js';
 export * from './Checkout/useCheckout.js';
 export * from './Checkout/useCreateAccount.js';
 export * from './Checkout/useDeliveryMethod.js';
-export * from './Checkout/useShippingAddress.js';
+export * from './Checkout/useCheckoutShippingAddress.js';
 export * from './Checkout/PaymentMethods/useDirectDeposit.js';
 export * from './Checkout/PaymentMethods/useEway.js';
 export * from './Checkout/PaymentMethods/useFlowrixpay.js';
@@ -27,6 +25,16 @@ export * from './Checkout/PaymentMethods/usePaypal.js';
 export * from './Checkout/PaymentMethods/useStripe.js';
 export * from './Checkout/PaymentMethods/useZippay.js';
 export * from './Customer/useRegister.js';
+export * from './Customer/useLogin.js';
+export * from './Customer/useProfile.js';
+export * from './Customer/useOrders.js';
+export * from './Customer/useQuotations.js';
+export * from './Customer/useBillingAddress.js';
+export * from './Customer/useShippingAddress.js';
+export * from './Customer/useUpdatePassword.js';
+export * from './Customer/useUserCards.js';
+export * from './Customer/useWishlists.js';
+export * from './Customer/usePasswordReset.js';
 export * from './Extras/useCountry.js';
 export * from './Extras/useDateFormatter.js';
 export * from './Extras/useNumberOnly.js';
@@ -55,20 +63,16 @@ export * from './SideBar/useSideBar.js';
 export * from './SideBar/Filters/useFilters.js';
 export * from './SideBar/Filters/useSorting.js';
 export { useAddresses } from './useAddresses.js';
+export { useQuickView } from './Product/useQuickView.js';
+export { useSendQuickValues } from './Product/useQuickView.js';
 export { useAddToCart } from './useAddToCart.js';
-export { useAuth } from './useAuth.js';
 export { useCards } from './useCards.js';
 export { useClientApi } from './useClientApi.js';
-export { useCountries } from './useCountries.js';
-export { useDataLayer } from './useDataLayer.js';
+export { GTM_page_view, GTM_view_item, GTM_view_item_list, GTM_view_cart, GTM_add_to_cart, GTM_remove_from_cart, GTM_begin_checkout, GTM_add_shipping_info, GTM_add_payment_info, GTM_purchase, GTM_select_item_color, GTM_select_item_collection, GTM_Attribute_Content } from './useDataLayer.js';
 export { useDynamicHtmlRenderer } from './useDynamicHtmlRenderer.js';
 export { useLocation } from './useLocation.js';
 export { useLocations } from './useLocations.js';
-export { useMetaLayer } from './useMetaLayer.js';
-export { useOrders } from './useOrders.js';
-export { useQuotations } from './useQuotations.js';
+export { useQuotationCheckout } from './useQuotationCheckout.js';
 export { useSearch } from './useSearch.js';
 export { useSubscriptions } from './useSubscriptions.js';
-export { useTikTokDatalayer } from './useTikTokDatalayer.js';
 export { useWebforms } from './useWebforms.js';
-export { useWishlists } from './useWishlists.js';