flowrix 1.0.1-beta.16 → 1.0.1-beta.160

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

@@ -1,67 +1,156 @@
-import { ref, watch, onMounted, computed } from "vue";
+import { ref, computed, watch } 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();
+import { useLocationsStore } from "../../stores/locations.js";
+export function useService() {
+  const serviceStore = useServiceStore();
+  const cartStore = useCartStore();
+  const locationStore = useLocationsStore();
   const servicesAvailability = ref(false);
-  const serviceSusccess = ref("");
-  const ServiceAvailability = async (data) => {
-    const response = await ServiceStore.checkAvailability(data);
-    servicesAvailability.value = response.service;
-    return response;
+  const serviceSuccess = ref("");
+  const checkingAvailability = ref(false);
+  const addingToCart = ref(false);
+  const location = computed(() => locationStore.location);
+  const services = computed(() => serviceStore.services);
+  const currentService = computed(() => serviceStore.currentService);
+  const cart = computed(() => cartStore.cart);
+  const loading = computed(() => serviceStore.loading);
+  const error = computed(() => serviceStore.error);
+  const getServiceBySlug = async (slug, query = {}) => {
+    try {
+      const service = await serviceStore.getServiceBySlug(slug, query);
+      return service;
+    } catch (error2) {
+      console.error("Error fetching service by slug:", error2);
+      return null;
+    }
   };
-  const ipLocation = computed(() => useIpLocation().location);
-  watch(ipLocation, async (newvalue, oldvalue) => {
-    if (useIpLocation().location != null) {
-      await ServiceAvailability({ shipping_country: useIpLocation().location.country_id, shipping_state: useIpLocation().location.region_id, shipping_postcode: useIpLocation().location.zip_code });
+  const checkAvailability = async (payload) => {
+    if (!payload.shipping_country || !payload.shipping_state || !payload.shipping_postcode) {
+      console.error("Invalid availability check payload:", payload);
+      return null;
     }
-  });
-  const addToCartService = async (service) => {
-    await useCartStore().addToCart("", 1, "", "", service);
-    if (useCartStore().addedResponse == "success") {
-      serviceSusccess.value = "Services Added to cart.";
+    checkingAvailability.value = true;
+    try {
+      const response = await serviceStore.checkAvailability(payload);
+      if (response?.service !== void 0) {
+        servicesAvailability.value = response.service;
+      }
+      return response;
+    } catch (error2) {
+      console.error("Error checking service availability:", error2);
+      return null;
+    } finally {
+      checkingAvailability.value = false;
     }
-    var modalEl = document.querySelector(".serviceModelSuccess");
-    var serviceModelsuccess = bootstrap.Modal.getInstance(modalEl);
-    if (serviceModelsuccess) {
-      serviceModelsuccess.hide();
+  };
+  const checkAvailabilityByLocation = async () => {
+    if (!location.value) {
+      console.warn("No location available for availability check");
+      return null;
+    }
+    const payload = {
+      shipping_country: location.value.country_id,
+      shipping_state: location.value.region_id,
+      shipping_postcode: location.value.zip_code
+    };
+    return await checkAvailability(payload);
+  };
+  const addToCart = async (service) => {
+    if (!service) {
+      console.error("No service provided");
+      return false;
+    }
+    addingToCart.value = true;
+    serviceSuccess.value = "";
+    try {
+      await cartStore.addToCart("", 1, "", "", service);
+      if (cartStore.addedResponse === "success") {
+        serviceSuccess.value = "Service added to cart successfully.";
+        closeServiceModal();
+        return true;
+      }
+      return false;
+    } catch (error2) {
+      console.error("Error adding service to cart:", error2);
+      return false;
+    } finally {
+      addingToCart.value = false;
     }
   };
   const findItemBySlug = (slug) => {
-    if (Object.values(useCartStore().cart).length > 0) {
-      const entries = Object.values(useCartStore().cart.items);
-      let item = entries.find((entry) => entry.slug === slug);
-      if (item) {
-        return item.rowId;
-      } else {
-        return false;
+    if (!cart.value?.items || Object.keys(cart.value.items).length === 0) {
+      return false;
+    }
+    const entries = Object.values(cart.value.items);
+    const item = entries.find((entry) => entry.slug === slug);
+    return item ? item.rowId : false;
+  };
+  const isServiceInCart = (slug) => {
+    return findItemBySlug(slug) !== false;
+  };
+  const closeServiceModal = () => {
+    const modalEl = document.querySelector(".serviceModelSuccess");
+    if (modalEl && typeof bootstrap !== "undefined") {
+      const serviceModal = bootstrap.Modal.getInstance(modalEl);
+      if (serviceModal) {
+        serviceModal.hide();
       }
     }
-    return false;
   };
-  onMounted(async () => {
-    await ServiceStore.getAllServices();
-    findItemBySlug("check-measure");
-    if (useIpLocation().location != null) {
-      ServiceAvailability({ shipping_country: useIpLocation().location.country_id, shipping_state: useIpLocation().location.region_id, shipping_postcode: useIpLocation().location.zip_code });
+  const getAllServices = async () => {
+    try {
+      await serviceStore.getAllServices();
+      return services.value;
+    } catch (error2) {
+      console.error("Error fetching services:", error2);
+      return [];
+    }
+  };
+  const clearCurrentService = () => {
+    serviceStore.clearCurrentService();
+  };
+  const clearSuccessMessage = () => {
+    serviceSuccess.value = "";
+  };
+  const autoClearSuccess = () => {
+    if (serviceSuccess.value) {
+      setTimeout(() => {
+        clearSuccessMessage();
+      }, 5e3);
     }
-  });
-  const GetServiceLocations = async () => {
-    const { GetLocation } = LocationScript.setup();
-    GetLocation();
   };
+  watch(location, async (newLocation) => {
+    if (newLocation) {
+      await checkAvailabilityByLocation();
+    }
+  });
+  watch(() => serviceSuccess.value, () => {
+    autoClearSuccess();
+  });
   return {
-    useCartStore,
-    ServiceStore,
-    CurrentService,
-    findItemBySlug,
+    // State
     servicesAvailability,
-    ServiceAvailability,
-    addToCartService,
-    GetServiceLocations,
-    serviceSusccess
+    serviceSuccess,
+    checkingAvailability,
+    addingToCart,
+    // Computed
+    location,
+    services,
+    currentService,
+    cart,
+    loading,
+    error,
+    // Methods
+    getServiceBySlug,
+    checkAvailability,
+    checkAvailabilityByLocation,
+    addToCart,
+    findItemBySlug,
+    isServiceInCart,
+    getAllServices,
+    clearCurrentService,
+    clearSuccessMessage,
+    closeServiceModal
   };
 }

package/dist/runtime/composables/Samples/useSamples.d.ts

@@ -1,10 +1,9 @@
 export default function (props: any): {
     filters: import("vue").Ref<{}, {}>;
     samplesData: import("vue").ComputedRef<any>;
-    innerBanner: any;
-    SideBar: any;
-    TopBar: any;
-    SampleCard: any;
-    Pagination: any;
-    Services: any;
+    SideBar: new () => import("vue").ComponentPublicInstance;
+    TopBar: new () => import("vue").ComponentPublicInstance;
+    SampleCard: new () => import("vue").ComponentPublicInstance;
+    Pagination: new () => import("vue").ComponentPublicInstance;
+    Services: new () => import("vue").ComponentPublicInstance;
 };

package/dist/runtime/composables/Samples/useSamples.js

@@ -1,24 +1,29 @@
-import { ref, computed, defineAsyncComponent } from "vue";
+import { ref, computed, defineAsyncComponent, defineComponent } from "vue";
 export default function(props) {
   const filters = ref({});
   const samplesData = computed(() => props);
-  const innerBanner = defineAsyncComponent(
-    () => import("@/components/Others/InnerBanner.vue")
+  const EmptyComponent = defineComponent(() => null);
+  function asyncIfExists(path) {
+    const modules = import.meta.glob("@/components/**/*.vue");
+    return defineAsyncComponent(
+      modules[path] ? modules[path] : async () => EmptyComponent
+    );
+  }
+  const innerBanner = asyncIfExists("@/components/Others/InnerBanner.vue");
+  const SideBar = asyncIfExists(
+    "@/components/Samples/Template01/Sidebar.vue"
   );
-  const SideBar = defineAsyncComponent(
-    () => import("@/components/Samples/Template01/Sidebar.vue")
+  const TopBar = asyncIfExists(
+    "@/components/Samples/Template01/TopBar.vue"
   );
-  const TopBar = defineAsyncComponent(
-    () => import("@/components/Samples/Template01/TopBar.vue")
+  const SampleCard = asyncIfExists(
+    "@/components/Product/SampleProductCard.vue"
   );
-  const SampleCard = defineAsyncComponent(
-    () => import("@/components/Samples/Template01/SampleProductCard.vue")
+  const Pagination = asyncIfExists(
+    "@/components/Others/Pagination.vue"
   );
-  const Pagination = defineAsyncComponent(
-    () => import("@/components/Others/Pagination.vue")
-  );
-  const Services = defineAsyncComponent(
-    () => import("@/components/Services/Template01/Services.vue")
+  const Services = asyncIfExists(
+    "@/components/Services/Template01/Services.vue"
   );
   return {
     // pageData,
@@ -26,7 +31,6 @@ export default function(props) {
     filters,
     samplesData,
     // updateFilters,
-    innerBanner,
     SideBar,
     TopBar,
     SampleCard,

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

@@ -7,17 +7,16 @@ export * from './Blog/useMagazineCard.js';
 export * from './Blog/useSingleBlogMain.js';
 export * from './Brand/brand.js';
 export * from './Cart/useCartDetail.js';
+export * from './Cart/useCartComponent.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 +26,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';
@@ -49,26 +58,32 @@ export * from './Product/CustomProduct/useSingleAttribute.js';
 export * from './Product/CustomProduct/useSingleStep.js';
 export * from './Product/CustomProduct/useSingleValue.js';
 export * from './Product/CustomProduct/useSteps.js';
+export * from './Product/CustomProductDynamic/useCustomeScriptDynamic.js';
+export * from './Product/CustomProductDynamic/useCustomProductDynamic.js';
+export * from './Product/CustomProductDynamic/useAttributesDynamic.js';
+export * from './Product/CustomProductDynamic/useAttributeTypeDynamic.js';
+export * from './Product/CustomProductDynamic/useStepsDynamic.js';
+export * from './Product/CustomProductDynamic/useSingleStepDynamic.js';
+export * from './Product/CustomProductDynamic/useSingleValueDynamic.js';
+export * from './Product/CustomProductDynamic/useSingleAttributeDynamic.js';
 export * from './Product/simpleProduct/useSimpleProduct.js';
 export * from './Samples/useSamples.js';
 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 { useCookieConsent } from './useCookieConsent.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';
+export { useApp } from './useApp.js';
+export { usePriceCalculation } from './usePriceCalculation.js';

package/dist/runtime/composables/index.js

@@ -7,17 +7,16 @@ export * from "./Blog/useMagazineCard.js";
 export * from "./Blog/useSingleBlogMain.js";
 export * from "./Brand/brand.js";
 export * from "./Cart/useCartDetail.js";
+export * from "./Cart/useCartComponent.js";
 export * from "./Category/useCategoryContent.js";
 export * from "./Category/useCategoryGrid.js";
 export * from "./Category/useCategoryIndex.js";
-export * from "./Category/useCategoryTemplate2";
-export * from "./Category/useCategoryTemplate3";
 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 +26,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";
@@ -49,26 +58,32 @@ export * from "./Product/CustomProduct/useSingleAttribute.js";
 export * from "./Product/CustomProduct/useSingleStep.js";
 export * from "./Product/CustomProduct/useSingleValue.js";
 export * from "./Product/CustomProduct/useSteps.js";
+export * from "./Product/CustomProductDynamic/useCustomeScriptDynamic.js";
+export * from "./Product/CustomProductDynamic/useCustomProductDynamic.js";
+export * from "./Product/CustomProductDynamic/useAttributesDynamic.js";
+export * from "./Product/CustomProductDynamic/useAttributeTypeDynamic.js";
+export * from "./Product/CustomProductDynamic/useStepsDynamic.js";
+export * from "./Product/CustomProductDynamic/useSingleStepDynamic.js";
+export * from "./Product/CustomProductDynamic/useSingleValueDynamic.js";
+export * from "./Product/CustomProductDynamic/useSingleAttributeDynamic.js";
 export * from "./Product/simpleProduct/useSimpleProduct.js";
 export * from "./Samples/useSamples.js";
 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 { useCookieConsent } from "./useCookieConsent.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";
+export { useApp } from "./useApp.js";
+export { usePriceCalculation } from "./usePriceCalculation.js";

package/dist/runtime/composables/useAddresses.js

@@ -1,7 +1,8 @@
 import { computed } from "vue";
 import { useAddressesStore } from "../stores/addresses.js";
-import { useAuth } from "./useAuth.js";
-import { useApi } from "../utils/api.js";
+import { useAuthStore } from "../stores/auth.js";
+import { flowrixApi } from "../middleware/flowrix.js";
+import { useRuntimeConfig } from "#imports";
 function formatErrorMessage(message) {
   if (!message) return "An error occurred";
   if (typeof message === "string") {
@@ -19,14 +20,19 @@ function formatErrorMessage(message) {
 }
 export function useAddresses() {
   const store = useAddressesStore();
-  const { fetchProfile } = useAuth();
-  const { post, patch, delete: deleteRequest } = useApi();
+  const { fetchProfile } = useAuthStore();
+  const config = useRuntimeConfig();
   async function addAddress(userData) {
     store.setLoading(true);
     store.setError(null);
     try {
+      let rawCookies = "";
+      if (process.client) {
+        rawCookies = document.cookie || "";
+      }
+      const apiConfig = { ...config, cookies: rawCookies };
       userData.shipping = 1;
-      const response = await post("/customer/address/add", userData);
+      const response = await flowrixApi.post("/mystore/customer/address/add", apiConfig, { body: userData });
       if (response.status === "Success" && response.data) {
         await fetchProfile();
         return response;
@@ -48,7 +54,12 @@ export function useAddresses() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await patch(`/customer/address/${userData.id}/update`, userData);
+      let rawCookies = "";
+      if (process.client) {
+        rawCookies = document.cookie || "";
+      }
+      const apiConfig = { ...config, cookies: rawCookies };
+      const response = await flowrixApi.patch(`/mystore/customer/address/${userData.id}/update`, apiConfig, { body: userData });
       if (response.status === "Success" && response.data) {
         await fetchProfile();
         return response;
@@ -70,7 +81,12 @@ export function useAddresses() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await patch(`/customer/address/${id}/delete`, {});
+      let rawCookies = "";
+      if (process.client) {
+        rawCookies = document.cookie || "";
+      }
+      const apiConfig = { ...config, cookies: rawCookies };
+      const response = await flowrixApi.patch(`/mystore/customer/address/${id}/delete`, apiConfig, { body: {} });
       if (response.status === "Success") {
         await fetchProfile();
         return response;
@@ -92,7 +108,12 @@ export function useAddresses() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await post(`/customer/address/${addressId}/setshipping`, {});
+      let rawCookies = "";
+      if (process.client) {
+        rawCookies = document.cookie || "";
+      }
+      const apiConfig = { ...config, cookies: rawCookies };
+      const response = await flowrixApi.post(`/mystore/customer/address/${addressId}/setshipping`, apiConfig, { body: {} });
       if (response.status === "Success") {
         await fetchProfile();
         return response;

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

@@ -0,0 +1 @@
+export declare const useApp: () => {};

package/dist/runtime/composables/useApp.js

@@ -0,0 +1,87 @@
+import { useHead, useRoute, useRuntimeConfig } from "#imports";
+import { useCompanyProfile } from "../stores/useCompanyProfile.js";
+export const useApp = () => {
+  const route = useRoute();
+  const companyProfile = useCompanyProfile();
+  let gtmId = companyProfile.profile?.data?.integrations["google-tag-manager"];
+  gtmId = gtmId ? gtmId["script"] : "";
+  let tiktok = companyProfile.profile?.data?.integrations["tiktok"];
+  tiktok = tiktok ? tiktok["script"] : "";
+  let facebookMeta = companyProfile.profile?.data?.integrations["meta"] || "";
+  facebookMeta = facebookMeta ? facebookMeta["script"] : "";
+  const sitename = companyProfile.profile?.data?.name || "";
+  const meta_title = companyProfile.profile?.data?.meta_title || "";
+  const meta_description = companyProfile.profile?.data?.meta_description || "";
+  const robots = companyProfile.profile?.data?.robots || "";
+  const logo = companyProfile.profile?.data?.logo || "";
+  let recaptcha = "";
+  if (companyProfile.profile?.data?.recaptcha) {
+    recaptcha = `https://www.google.com/recaptcha/api.js?render=${companyProfile.profile?.data?.recaptcha}`;
+  }
+  let websiteurl = "";
+  if (process.server) {
+    const config = useRuntimeConfig();
+    websiteurl = config.WEBSITE_URL || "";
+  } else {
+    websiteurl = window.location.origin;
+  }
+  useHead({
+    link: [
+      {
+        rel: "canonical",
+        href: `${websiteurl}${route.path}`
+      }
+    ],
+    meta: [
+      {
+        name: "robots",
+        content: robots
+      },
+      { property: "og:title", content: meta_title },
+      { property: "og:description", content: meta_description },
+      { property: "og:type", content: "website" },
+      { property: "og:url", content: `${websiteurl}${route.path}` },
+      { property: "og:image", content: logo }
+    ],
+    script: [
+      {
+        src: recaptcha,
+        async: true,
+        defer: true
+      },
+      {
+        children: `
+        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','${gtmId}');
+      `
+      },
+      {
+        children: `${tiktok}`
+      },
+      {
+        children: `${facebookMeta}`
+      },
+      {
+        type: "application/ld+json",
+        children: JSON.stringify({
+          "@context": "https://schema.org",
+          "@type": "WebSite",
+          "url": websiteurl,
+          "name": sitename,
+          "alternateName": meta_title,
+          "description": meta_description,
+          "inLanguage": "en",
+          "potentialAction": {
+            "@type": "SearchAction",
+            "target": `${websiteurl}/search?search={search_term_string}`,
+            "query-input": "required name=search_term_string"
+          }
+        })
+      }
+    ]
+  });
+  return {};
+};

package/dist/runtime/composables/useCards.js

@@ -1,6 +1,5 @@
 import { computed } from "vue";
 import { useCardsStore } from "../stores/cards.js";
-import { useApi } from "../utils/api.js";
 function formatErrorMessage(message) {
   if (!message) return "An error occurred";
   if (typeof message === "string") {
@@ -23,7 +22,7 @@ export function useCards() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await get("/customer/cards");
+      const response = await get("/mystore/customer/cards");
       if (response.status === "Success" && response.data) {
         store.setCards(response.data.data);
         return response;
@@ -45,7 +44,7 @@ export function useCards() {
     store.setLoading(true);
     store.setError(null);
     try {
-      const response = await del(`/customer/cards/${cardId}`);
+      const response = await del(`/mystore/customer/cards/${cardId}`);
       if (response.status === "Success") {
         store.removeCard(cardId);
         return response;