flowrix 1.0.1-beta.101 → 1.0.1-beta.103

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "flowrix",
   "configKey": "flowrix",
-  "version": "1.0.1-beta.101",
+  "version": "1.0.1-beta.103",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/composables/Cart/useCartComponent.d.ts

@@ -0,0 +1 @@
+export declare const useCartComponent: () => Promise<void>;

package/dist/runtime/composables/Cart/useCartComponent.js

@@ -0,0 +1,10 @@
+import { GTM_view_cart } from "../useDataLayer.js";
+import { META_view_cart } from "../useMetaLayer.js";
+import { TikTok_view_cart } from "../useTikTokDatalayer.js";
+export const useCartComponent = async () => {
+  const cartStore = useCartStore();
+  const cartItems = cartStore.cart.items;
+  GTM_view_cart(cartItems);
+  META_view_cart(cartItems);
+  TikTok_view_cart(cartItems);
+};

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

@@ -1,33 +1,26 @@
-import { type Ref, type ComputedRef } from 'vue';
-interface CategoryData {
-    status: string;
-    message: number;
-    data: {
-        template: any;
-        type: string;
-        record: {
-            category: object;
-            products: object;
-            brands: object[];
-            filter_values: object[];
-            filters: object[];
-            categories: object[];
-            prices: object;
-            breadcrumb: string;
+export declare const useCategoryIndex: (props: any) => {
+    catData: any;
+    pending: any;
+    error: any;
+    transformedApiData: import("vue").ComputedRef<{
+        status: any;
+        message: any;
+        data: {
+            template: any;
+            type: any;
+            record: {
+                category: any;
+                products: any;
+                brands: any;
+                filter_values: any;
+                filters: any;
+                categories: any;
+                prices: any;
+                breadcrumb: any;
+            };
         };
-    };
-}
-interface CategoryIndexProps {
-    data: CategoryData;
-}
-interface UseCategoryIndexReturn {
-    catData: Ref<any>;
-    error: Ref<any>;
-    pending: Ref<boolean>;
-    transformedApiData: ComputedRef<CategoryData | null>;
-    renderData: ComputedRef<CategoryData>;
-    refresh: () => Promise<void>;
-    getSelectedTemplate: (templateComponents: Record<string, any>) => ComputedRef<any>;
-}
-export declare const useCategoryIndex: (props: CategoryIndexProps) => UseCategoryIndexReturn;
-export {};
+    } | null>;
+    renderData: import("vue").ComputedRef<any>;
+    refresh: any;
+    getSelectedTemplate: (templateComponents: any) => import("vue").ComputedRef<any>;
+};

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

@@ -1,49 +1,48 @@
-import { useRoute, useFetch } from "#imports";
-import { watch, computed } from "vue";
+import { useHead, useRoute, useAsyncData } from "#imports";
+import { computed } from "vue";
 export const useCategoryIndex = (props) => {
   const route = useRoute();
   const slug = route.params.slug;
-  const { data: catData, error, pending, refresh } = useFetch(`/api/category/${slug}`, {
-    method: "GET",
-    query: route.query
-  });
-  watch(catData, (newData) => {
-  }, { immediate: true });
-  watch(
-    () => [route.path, route.query],
-    async () => {
-      pending.value = true;
-      const response = await useFetch(`/api/category/${slug}`, {
-        method: "GET",
-        query: route.query
-      });
-      catData.value = response.data.value;
-      pending.value = false;
-    },
-    { deep: true }
+  const { data: catData, pending, error, refresh } = useAsyncData(
+    `category-${slug}-${JSON.stringify(route.query)}`,
+    () => $fetch(`/api/category/${slug}`, { query: route.query })
   );
+  const meta = computed(() => {
+    const category = catData.value?.category || {};
+    return {
+      title: category.meta_title || category.name || "",
+      description: category.meta_description || "",
+      robots: category.robots || "index,follow"
+    };
+  });
+  useHead(() => ({
+    title: `${meta.value.title} -- ${meta.value.robots}`,
+    meta: [
+      { name: "robots", content: meta.value.robots },
+      { name: "description", content: meta.value.description }
+    ]
+  }));
   const transformedApiData = computed(() => {
-    if (catData.value && catData.value.status === "Success") {
-      return {
-        status: catData.value.status,
-        message: catData.value.message,
-        data: {
-          template: catData.value.data?.category?.template || "default",
-          type: catData.value.data?.type || "category",
-          record: {
-            category: catData.value.data?.category || {},
-            products: catData.value.data?.products || {},
-            brands: catData.value.data?.brands || [],
-            filter_values: catData.value.data?.filter_values || [],
-            filters: catData.value.data?.filters || [],
-            categories: catData.value.data?.categories || [],
-            prices: catData.value.data?.prices || {},
-            breadcrumb: catData.value.data?.breadcrumb || ""
-          }
+    const d = catData.value?.data;
+    if (!d) return null;
+    return {
+      status: catData.value.status,
+      message: catData.value.message,
+      data: {
+        template: d.category?.template || "default",
+        type: d.type || "category",
+        record: {
+          category: d.category || {},
+          products: d.products || {},
+          brands: d.brands || [],
+          filter_values: d.filter_values || [],
+          filters: d.filters || [],
+          categories: d.categories || [],
+          prices: d.prices || {},
+          breadcrumb: d.breadcrumb || ""
         }
-      };
-    }
-    return null;
+      }
+    };
   });
   const renderData = computed(() => transformedApiData.value || props.data);
   const getSelectedTemplate = (templateComponents) => {
@@ -52,13 +51,11 @@ export const useCategoryIndex = (props) => {
     });
   };
   return {
-    // State
     catData,
-    error,
     pending,
+    error,
     transformedApiData,
     renderData,
-    // Methods
     refresh,
     getSelectedTemplate
   };

package/dist/runtime/composables/Checkout/useCheckout.js

@@ -337,6 +337,7 @@ export default function() {
           }
         } else if (chckoutResponse.data.url) {
           var url = chckoutResponse.data.url;
+          window.location.href = url;
         } else {
           window.location.href = url_success;
         }

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

@@ -1,5 +1,7 @@
 import { defineAsyncComponent } from "vue";
 import { GTM_view_item } from "../useDataLayer.js";
+import { META_view_item } from "../useMetaLayer.js";
+import { TikTok_view_item } from "../useTikTokDatalayer.js";
 export function useProductComponent(product) {
   const templateName = "Template-" + product.template;
   const components = import.meta.glob(
@@ -17,6 +19,8 @@ export function useProductComponent(product) {
     }
   });
   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/index.d.ts

@@ -7,6 +7,7 @@ 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';

package/dist/runtime/composables/index.js

@@ -7,6 +7,7 @@ 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";

package/dist/runtime/composables/useApp.js

@@ -1,10 +1,29 @@
-import { useHead } from "#imports";
+import { useHead, useRequestEvent } from "#imports";
+import { getRequestURL } from "h3";
 import { useCompanyProfile } from "../stores/useCompanyProfile.js";
 export const useApp = () => {
   const companyProfile = useCompanyProfile();
   const gtmId = companyProfile.profile?.data?.integrations["google-tag-manager"]["script"] || "";
   const tiktok = companyProfile.profile?.data?.integrations["tiktok"]["script"] || "";
+  const facebookMeta = companyProfile.profile?.data?.integrations["meta"]["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 || "";
+  let websiteurl = "";
+  if (process.server) {
+    const event = useRequestEvent();
+    websiteurl = getRequestURL(event).origin;
+  } else {
+    websiteurl = window.location.origin;
+  }
   useHead({
+    meta: [
+      {
+        name: "robots",
+        content: robots
+      }
+    ],
     script: [
       {
         children: `
@@ -17,6 +36,26 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
       },
       {
         children: `${tiktok}`
+      },
+      {
+        children: `${facebookMeta}`
+      },
+      {
+        type: "application/ld+json",
+        children: JSON.stringify({
+          "@context": "https://schema.org",
+          "@type": "WebSite",
+          "url": "https://www.example.com",
+          "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"
+          }
+        })
       }
     ]
   });

package/dist/runtime/server/api/cart/related.js

@@ -1,17 +1,17 @@
+import { useRuntimeConfig } from "#imports";
 import { defineEventHandler, getRouterParam, setResponseStatus, readBody } from "h3";
-import { $fetch } from "ofetch";
 export default defineEventHandler(async (event) => {
   const slug = getRouterParam(event, "slug");
   const body = await readBody(event);
   try {
-    const productResponse = await $fetch(`${process.env.FLOWRIX_API_BASE}cart/relatedproducts`, {
-      method: "POST",
-      headers: {
-        "x-public-key": process.env.FLOWRIX_API_KEY,
-        "Origin": process.env.FLOWRIX_API_ORIGIN
-      },
-      body
-    });
+    const config = useRuntimeConfig();
+    const productResponse = await flowrixApi.post(
+      `cart/relatedproducts`,
+      config,
+      {
+        body
+      }
+    );
     return productResponse;
   } catch (error) {
     setResponseStatus(event, 500);

package/dist/runtime/server/api/cart/remove.js

@@ -1,17 +1,17 @@
+import { useRuntimeConfig } from "#imports";
 import { defineEventHandler, getRouterParam, setResponseStatus, readBody } from "h3";
-import { $fetch } from "ofetch";
 export default defineEventHandler(async (event) => {
   const slug = getRouterParam(event, "slug");
   const body = await readBody(event);
   try {
-    const productResponse = await $fetch(`${process.env.FLOWRIX_API_BASE}cart/remove`, {
-      method: "POST",
-      headers: {
-        "x-public-key": process.env.FLOWRIX_API_KEY,
-        "Origin": process.env.FLOWRIX_API_ORIGIN
-      },
-      body
-    });
+    const config = useRuntimeConfig();
+    const productResponse = await flowrixApi.post(
+      `cart/remove`,
+      config,
+      {
+        body
+      }
+    );
     return productResponse;
   } catch (error) {
     setResponseStatus(event, 500);

package/dist/runtime/stores/Cart.js

@@ -3,6 +3,8 @@ import { flowrixApi } from "../middleware/flowrix.js";
 import { useCheckoutStore } from "./Checkout.js";
 import { useRuntimeConfig } from "#imports";
 import { GTM_add_to_cart, GTM_remove_from_cart } from "../composables/useDataLayer.js";
+import { META_add_to_cart, META_remove_from_cart } from "../composables/useMetaLayer.js";
+import { TikTok_add_to_cart, TikTok_remove_from_cart } from "../composables/useTikTokDatalayer.js";
 export const useCartStore = defineStore("cart", {
   state: () => ({
     cart: {},
@@ -82,6 +84,8 @@ export const useCartStore = defineStore("cart", {
           };
           this.lastitem = response?.data.lastitem;
           GTM_add_to_cart(response?.data.lastitem);
+          META_add_to_cart(response?.data.lastitem);
+          TikTok_add_to_cart(response?.data.lastitem);
           useCheckoutStore().saveToCheckoutSession({
             cart: response?.data,
             calculations: response?.data.calculations,
@@ -182,9 +186,11 @@ export const useCartStore = defineStore("cart", {
           if (qty < product.qty) {
             GTM_remove_from_cart(this.lastitem);
             META_remove_from_cart(this.lastitem);
+            TikTok_remove_from_cart(this.lastitem);
           } else {
             GTM_add_to_cart(this.lastitem);
             META_add_to_cart(this.lastitem);
+            TikTok_add_to_cart(this.lastitem);
           }
           useCheckoutStore().saveToCheckoutSession({
             cart: response.data.cart,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowrix",
-  "version": "1.0.1-beta.101",
+  "version": "1.0.1-beta.103",
   "description": "Plug-and-play Nuxt eCommerce cart powered by FLOWRiX. Subscription required.",
   "license": "MIT",
   "type": "module",