flowrix 1.0.1-beta.12 → 1.0.1-beta.120

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

@@ -0,0 +1,130 @@
+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 formatApiError = (message) => {
+    if (typeof message === "string") {
+      return message;
+    }
+    if (typeof message === "object" && message !== null) {
+      const errors = [];
+      Object.entries(message).forEach(([field, fieldErrors]) => {
+        const fieldName = field.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+        if (Array.isArray(fieldErrors)) {
+          fieldErrors.forEach((error) => {
+            errors.push(`${fieldName}: ${error}`);
+          });
+        } else {
+          errors.push(`${fieldName}: ${fieldErrors}`);
+        }
+      });
+      return errors.join("\n");
+    }
+    return "An error occurred";
+  };
+  const validateForm = () => {
+    clearMessages();
+    if (!form.value.currentPassword?.trim()) {
+      errorMessage.value = "Current password is required!";
+      return false;
+    }
+    if (!form.value.newPassword?.trim()) {
+      errorMessage.value = "New password is required!";
+      return false;
+    }
+    if (!form.value.confirmPassword?.trim()) {
+      errorMessage.value = "Please confirm your new password!";
+      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 < 6) {
+      errorMessage.value = "New password must be at least 6 characters long!";
+      return false;
+    }
+    if (form.value.currentPassword === form.value.newPassword) {
+      errorMessage.value = "New password must be different from current password!";
+      return false;
+    }
+    return true;
+  };
+  const updatePassword = async () => {
+    if (!validateForm()) {
+      console.log("Validation failed:", errorMessage.value);
+      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) {
+        console.log("No response received");
+        errorMessage.value = "No response received from server. Please try again.";
+        return false;
+      }
+      if (response.status === "Success") {
+        successMessage.value = response.message || "Password updated successfully!";
+        setTimeout(() => {
+          resetForm();
+        }, 7e3);
+        setTimeout(() => {
+          successMessage.value = "";
+        }, 2e3);
+        return true;
+      } else if (response.status === "Error") {
+        console.log("Error response:", response.message);
+        errorMessage.value = formatApiError(response.message);
+        return false;
+      } else {
+        console.log("Unexpected response format:", response);
+        errorMessage.value = "Unexpected response from server. Please try again.";
+        return false;
+      }
+    } catch (err) {
+      console.error("Caught error:", err);
+      errorMessage.value = "An unexpected error occurred. Please try again.";
+      return false;
+    } finally {
+      loading.value = false;
+      console.log("Final state - Error:", errorMessage.value, "Success:", successMessage.value);
+    }
+  };
+  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

@@ -11,7 +11,6 @@ export const useCustomScript = defineStore("CustomScript", {
     UNIT_RELATIVE: null,
     DISCOUNTS: null,
     measurementUnit: null,
-    promotionSettings: null,
     B2BTYPE: null,
     USEBASEPRICE: null,
     BASEPRICE: null,
@@ -240,7 +239,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 +315,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 +335,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,6 +1,14 @@
 import { defineAsyncComponent } from "vue";
+import { useHead, useRequestEvent, useRoute } from "#imports";
+import { getRequestURL } from "h3";
+import { GTM_view_item } from "../useDataLayer.js";
+import { META_view_item } from "../useMetaLayer.js";
+import { TikTok_view_item } from "../useTikTokDatalayer.js";
+import { useCompanyProfile } from "../../stores/useCompanyProfile.js";
 export function useProductComponent(product) {
+  const route = useRoute();
   const templateName = "Template-" + product.template;
+  const companyProfile = useCompanyProfile();
   const components = import.meta.glob(
     "~/components/Product/Template*/index.vue"
   );
@@ -15,6 +23,108 @@ export function useProductComponent(product) {
       }
     }
   });
+  let websiteurl = "";
+  if (process.server) {
+    const event = useRequestEvent();
+    websiteurl = getRequestURL(event).origin;
+  } else {
+    websiteurl = window.location.origin;
+  }
+  const ifPromotioned = () => {
+    if (product.rpfloat > product.pricefloat) {
+      return {
+        "priceSpecification": [
+          {
+            "@type": "UnitPriceSpecification",
+            "price": product.rpfloat,
+            "priceCurrency": companyProfile.profile?.data?.currencyCode || "",
+            "priceComponentType": "https://schema.org/ListPrice"
+          }
+        ]
+      };
+    }
+    return [];
+  };
+  if (product?.faqs?.length) {
+    const faqSchema = {
+      "@context": "https://schema.org",
+      "@type": "FAQPage",
+      "name": `${product.name} - FAQs`,
+      "mainEntity": product?.faqs.map((faq) => ({
+        "@type": "Question",
+        "name": faq.question,
+        "acceptedAnswer": {
+          "@type": "Answer",
+          "text": faq.answer.replace(/<\/?p>/g, "")
+          // remove <p> tags
+        }
+      }))
+    };
+    useHead({
+      script: [
+        {
+          type: "application/ld+json",
+          id: "faq-schema",
+          children: JSON.stringify(faqSchema)
+        }
+      ]
+    });
+  }
+  useHead({
+    title: product?.meta_title || product?.name || "",
+    meta: [
+      {
+        name: "robots",
+        content: product?.robots || ""
+      },
+      {
+        name: "description",
+        content: product?.meta_description || ""
+      },
+      { property: "og:title", content: product?.meta_title || product?.name || "" },
+      { property: "og:description", content: product?.meta_description },
+      { property: "og:type", content: "website" },
+      { property: "og:url", content: `${websiteurl}${route.path}` },
+      { property: "og:image", content: product?.image },
+      // Optional but recommended
+      { name: "twitter:card", content: "summary_large_image" },
+      { name: "twitter:title", content: product?.meta_title || product?.name || "" },
+      { name: "twitter:description", content: product?.meta_description },
+      { name: "twitter:image", content: product?.image }
+    ],
+    script: [
+      {
+        type: "application/ld+json",
+        id: "product-schema",
+        children: JSON.stringify({
+          "@context": "https://schema.org/",
+          "@type": "Product",
+          "name": product?.name || "",
+          "image": [
+            product?.image || ""
+          ],
+          "description": product?.description || "",
+          "sku": product?.sku || "",
+          "brand": {
+            "@type": "Brand",
+            "name": product?.brand || ""
+          },
+          "offers": {
+            "@type": "Offer",
+            "url": `${websiteurl}${route.path}`,
+            "priceCurrency": companyProfile.profile?.data?.currencyCode || "",
+            "price": product?.pricefloat || 0,
+            "availability": "https://schema.org/InStock",
+            "itemCondition": "https://schema.org/NewCondition",
+            ...ifPromotioned()
+          }
+        })
+      }
+    ]
+  });
+  GTM_view_item(product, product?.rrpfloat, product?.rpfloat);
+  META_view_item(product, product?.rrpfloat, product?.rpfloat);
+  TikTok_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
+  });
+};