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

package/dist/runtime/components/WishList/modal.vue

@@ -0,0 +1,229 @@
+<script setup>
+const { product } = defineProps(["product"]);
+const {
+  fetchWishlists,
+  createWishlist,
+  addToWishlist,
+  wishlists,
+  wishlistProducts,
+  loading: isWishlistLoading
+} = useWishlists();
+const emit = defineEmits(["closewish"]);
+const router = useRouter();
+const route = useRoute();
+const authStore = useAuthStore();
+const isAuthenticated = computed(() => authStore.isAuthenticated);
+const createMode = ref(false);
+const selectedWishlist = ref("");
+const successMessage = ref("");
+const errorMessage = ref("");
+const checkAuthAndRedirect = () => {
+  if (!isAuthenticated.value) {
+    const returnUrl = route.fullPath;
+    router.push({
+      path: "/login",
+      query: { redirect: returnUrl }
+    });
+    return false;
+  }
+  return true;
+};
+onMounted(async () => {
+  if (!checkAuthAndRedirect()) {
+    emit("closewish");
+    return;
+  }
+  try {
+    await fetchWishlists();
+  } catch (error) {
+    console.error("Failed to fetch wishlists:", error);
+    errorMessage.value = "Failed to load wishlists";
+  }
+});
+const closeWisthmodal = () => {
+  emit("closewish");
+};
+const handleCreateWishlist = async () => {
+  if (!checkAuthAndRedirect()) {
+    emit("closewish");
+    return;
+  }
+  if (!selectedWishlist.value?.trim()) {
+    errorMessage.value = "Wishlist name is required!";
+    return;
+  }
+  try {
+    const wishlistData = {
+      title: selectedWishlist.value.trim(),
+      default: false
+    };
+    const response = await createWishlist(wishlistData);
+    if (response.status === "Success") {
+      successMessage.value = "Wishlist created successfully!";
+      if (response.data && product?.slug) {
+        await addProductToWishlist(response.data.id);
+      } else {
+        setTimeout(() => {
+          closeWisthmodal();
+        }, 1500);
+      }
+    } else {
+      errorMessage.value = response.message || "Failed to create wishlist";
+    }
+  } catch (error) {
+    console.error("Create wishlist error:", error);
+    errorMessage.value = error.message || "Failed to create wishlist";
+  }
+};
+const addProductToWishlist = async (wishlistId) => {
+  if (!checkAuthAndRedirect()) {
+    emit("closewish");
+    return;
+  }
+  if (!product?.slug) {
+    errorMessage.value = "Product information is missing";
+    return;
+  }
+  try {
+    const response = await addToWishlist(wishlistId, product.slug);
+    if (response.status === "Success") {
+      successMessage.value = "Product added to wishlist successfully!";
+      setTimeout(() => {
+        closeWisthmodal();
+      }, 1500);
+    } else {
+      errorMessage.value = response.message || "Failed to add product to wishlist";
+    }
+  } catch (error) {
+    console.error("Add to wishlist error:", error);
+    errorMessage.value = error.message || "Failed to add product to wishlist";
+  }
+};
+const handleWishlistAction = async (wishlistId) => {
+  if (!checkAuthAndRedirect()) {
+    emit("closewish");
+    return;
+  }
+  if (!wishlistId) {
+    errorMessage.value = "Please select a wishlist";
+    return;
+  }
+  await addProductToWishlist(wishlistId);
+};
+const handleKeypress = (event) => {
+  if (event.key === "Enter") {
+    if (createMode.value) {
+      handleCreateWishlist();
+    } else if (selectedWishlist.value) {
+      handleWishlistAction(selectedWishlist.value);
+    }
+  }
+};
+watch([selectedWishlist, createMode], () => {
+  if (errorMessage.value) {
+    errorMessage.value = "";
+  }
+});
+const isInWishlist = (productId, wishlistId) => {
+  if (!product?.slug) return false;
+  const products = wishlistProducts(wishlistId).value || [];
+  return products.some((item) => item.productSlug === product.slug || item.productId === productId);
+};
+defineExpose({
+  wishlists,
+  isInWishlist
+});
+</script>
+
+<template>
+  <div class="wishlist-backdrop fade show">
+    <div class="wishlist-content">
+      <div class="d-flex justify-content-between align-items-center mb-1">
+        <h6 class="modal-title mb-0">Add to Wishlist</h6>
+        <button type="button" class="btn-close" @click="closeWisthmodal" aria-label="Close"></button>
+      </div>
+      
+      <div>
+        <!-- Success/Error Messages -->
+        <div v-if="successMessage" class="alert alert-success alert-dismissible fade show py-1 mb-2" role="alert">
+          <small>{{ successMessage }}</small>
+          <button type="button" class="btn-close btn-close-sm" @click="successMessage = ''"></button>
+        </div>
+        
+        <div v-if="errorMessage" class="alert alert-danger alert-dismissible fade show py-1 mb-2" role="alert">
+          <small>{{ errorMessage }}</small>
+          <button type="button" class="btn-close btn-close-sm" @click="errorMessage = ''"></button>
+        </div>
+
+        <!-- Select Existing Wishlist -->
+        <div v-if="!createMode">
+          <div class="mb-1">
+            <label for="wishlistSelect" class="form-label small mb-1">Select Wishlist</label>
+            <select 
+              v-model="selectedWishlist" 
+              class="form-select form-select-sm"
+              id="wishlistSelect"
+              :disabled="isWishlistLoading"
+            >
+              <option value="">Select a Wishlist</option>
+              <template v-for="wishlist in wishlists" :key="wishlist.id">
+                <option :value="wishlist.id">
+                  {{ wishlist.title }}
+                </option>
+              </template>
+            </select>
+          </div>
+          
+          <button 
+            @click="handleWishlistAction(selectedWishlist)"
+            :disabled="!selectedWishlist || isWishlistLoading || !product?.slug"
+            class="btn btn-secondary text-white w-100 mb-1 btn-sm"
+          >
+            <span v-if="isWishlistLoading" class="spinner-border spinner-border-sm me-1" role="status"></span>
+            <small>Add to Wishlist</small>
+          </button>
+          
+          <div class="text-center">
+            <a href="#" @click.prevent="createMode = true" class="small text-primary text-decoration-none">
+              + Create new wishlist
+            </a>
+          </div>
+        </div>
+
+        <!-- Create New Wishlist -->
+        <div v-else>
+          <div class="mb-1">
+            <label for="newWishlistInput" class="form-label small mb-1">New Wishlist Name</label>
+            <input 
+              v-model="selectedWishlist" 
+              id="newWishlistInput" 
+              placeholder="Enter name"
+              class="form-control form-control-sm" 
+              @keypress="handleKeypress"
+              :disabled="isWishlistLoading"
+            />
+          </div>
+          
+          <button 
+            @click="handleCreateWishlist" 
+            :disabled="!selectedWishlist?.trim() || isWishlistLoading"
+            class="btn btn-secondary text-white btn-sm w-100 mb-1"
+          >
+            <span v-if="isWishlistLoading" class="spinner-border spinner-border-sm me-1" role="status"></span>
+            <small>Create & Add</small>
+          </button>
+          
+          <div class="text-center">
+            <a href="#" @click.prevent="createMode = false" class="small text-muted text-decoration-none">
+              Cancel
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.wishlist-backdrop{align-items:center;animation:fadeIn .3s ease-in-out;background:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:3}.wishlist-content{animation:slideUp .3s ease-in-out;background:#fff;border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:90%;padding:.75rem;width:260px}.modal-title{font-size:.95rem;font-weight:600}.form-label{font-size:.75rem;font-weight:500}.btn-sm,.form-control-sm,.form-select-sm{font-size:.8rem;padding:.25rem .5rem}.alert{margin-bottom:.5rem;padding:.25rem .5rem}.btn-close-sm{font-size:.7rem;padding:.5rem}.text-muted,.text-primary{text-decoration:none}.text-primary:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.wishlist-content{padding:.5rem;width:240px}}
+</style>

package/dist/runtime/components/WishList/modal.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    wishlists: any;
+    isInWishlist: (productId: any, wishlistId: any) => any;
+    $emit: typeof emit;
+    $props: Partial<typeof __VLS_props>;
+    product?: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const emit: (event: "closewish", ...args: any[]) => void;
+declare const __VLS_props: {
+    readonly product?: any;
+};

package/dist/runtime/composables/Blog/useBlogIndex.d.ts

@@ -101,11 +101,8 @@ export declare const useBlogIndex: () => {
     loadMore: () => Promise<void>;
     clearSearch: () => void;
     fetchBlogData: () => Promise<{
-        data: import("vue").Ref<BlogData | undefined, BlogData | undefined>;
-        pending: import("vue").Ref<boolean, boolean>;
-    } | {
-        data: import("vue").Ref<null, null>;
-        pending: import("vue").Ref<boolean, boolean>;
+        data: any;
+        pending: any;
     }>;
 };
 export {};

package/dist/runtime/composables/Blog/useBlogSingle.js

@@ -1,16 +1,14 @@
 import { ref, computed } from "vue";
-import { useRoute, useRequestHeaders, useHead } from "#imports";
-import magazineImg1 from "@/assets/images/single-blog/Mask Group 79.png";
-import magazineImg2 from "@/assets/images/single-blog/Mask Group 80.png";
+import { useRoute, useHead, useRuntimeConfig } from "#imports";
 export const useBlogSingle = (props) => {
   const route = useRoute();
   const magazineCards = ref([
     {
-      CardImg: magazineImg1,
+      CardImg: "",
       CardTitle: "What is Matter Technology and Why Does it Matter?"
     },
     {
-      CardImg: magazineImg2,
+      CardImg: "",
       CardTitle: "Easily convert your existing roller blinds into smart shades"
     }
   ]);
@@ -29,10 +27,9 @@ export const useBlogSingle = (props) => {
   };
   const fullPath = computed(() => {
     if (process.server) {
-      const headers = useRequestHeaders();
-      const protocol = headers["x-forwarded-proto"] || "http";
-      const host = headers.host || "localhost";
-      return `${protocol}://${host}${route.fullPath}`;
+      const config = useRuntimeConfig();
+      const websiteurl = config.WEBSITE_URL || "";
+      return `${websiteurl}${route.fullPath}`;
     } else {
       return `${window.location.origin}${route.fullPath}`;
     }

package/dist/runtime/composables/Brand/brand.d.ts

@@ -1,6 +1,6 @@
 export declare function useBrand(template: {
     template: string;
-}): {
+}, ProductTypesFilterbradns?: any): {
     Brandtemplate: any;
     brandData: any;
     pending: any;

package/dist/runtime/composables/Brand/brand.js

@@ -1,5 +1,6 @@
 import { defineAsyncComponent, watch } from "vue";
-export function useBrand(template) {
+import { useRoute, useFetch } from "#imports";
+export function useBrand(template, ProductTypesFilterbradns = []) {
   const route = useRoute();
   const components = import.meta.glob(
     "~/components/Brand/Template*/**/index.vue"
@@ -18,8 +19,35 @@ export function useBrand(template) {
     }
   });
   const slug = route.params.slug;
-  const query = route.query;
+  let query = {
+    ...route.query
+  };
+  if (ProductTypesFilterbradns.includes("parentsonly")) {
+    query.parentsonly = "true";
+  }
+  if (ProductTypesFilterbradns.includes("directproducts")) {
+    query.directproducts = "true";
+  }
+  if (ProductTypesFilterbradns.includes("custom")) {
+    query.custom = "true";
+  }
+  if (ProductTypesFilterbradns.includes("simple")) {
+    query.simple = "true";
+  }
+  if (ProductTypesFilterbradns.includes("bundle")) {
+    query.bundle = "true";
+  }
+  if (ProductTypesFilterbradns.includes("sample")) {
+    query.sample = "true";
+  }
+  if (ProductTypesFilterbradns.includes("direct_categories")) {
+    query.direct_categories = "true";
+  }
+  if (ProductTypesFilterbradns.includes("only_parent_categories")) {
+    query.only_parent_categories = "true";
+  }
   const { data: brandData, error, pending, refresh } = useFetch(`/api/brand/${slug}`, {
+    method: "post",
     query
   });
   watch(brandData, (newData) => {

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

@@ -0,0 +1,40 @@
+export interface Product {
+    name: string;
+    height?: number;
+    width?: number;
+    type: string;
+    image: string;
+    options: {
+        promotionlabel: Array<{
+            cartPromotionTag: string;
+            cartPromotionTagBackgroundColor: string;
+            cartPromotionTagColor: string;
+            cartDescription?: string;
+        }>;
+        summary: Array<{
+            name: string;
+            value: string;
+        }>;
+    };
+    pricefloat: number;
+    qty: number;
+    rpfloat: number;
+    rowId: string;
+    slug: string;
+    bundle?: Array<{
+        name: string;
+        qty: number;
+        price: string;
+        image?: string;
+        rrp?: string;
+    }>;
+    service?: {
+        per_order_pricing: number;
+    };
+}
+export interface CartDetailProps {
+    items: Record<string, Product>;
+}
+export declare const useCartDetail: (props: CartDetailProps) => Promise<{
+    response: any;
+}>;

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

@@ -0,0 +1,10 @@
+export const useCartDetail = async (props) => {
+  const apiUrl = `/api/cart/related`;
+  const response = await $fetch(apiUrl, {
+    method: "POST",
+    body: props
+  });
+  return {
+    response
+  };
+};

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,11 @@
+import { useCartStore } from "../../stores/Cart.js";
+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 cart = cartStore.cart;
+  GTM_view_cart(cart);
+  META_view_cart(cart);
+  TikTok_view_cart(cart);
+};

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

@@ -1,4 +1,4 @@
-interface Product {
+export interface Product {
     name: string;
     height?: number;
     width?: number;
@@ -32,18 +32,28 @@ interface Product {
         per_order_pricing: number;
     };
 }
-interface CartDetailProps {
+export interface CartDetailProps {
     items: Record<string, Product>;
 }
 export declare const useCartDetail: (props: CartDetailProps) => {
     productAccordionStates: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
     cartItems: import("vue").ComputedRef<Record<string, Product>>;
-    companyProfile: any;
-    checkoutData: import("vue").ComputedRef<any>;
+    companyProfile: null;
+    checkoutData: import("vue").ComputedRef<{
+        [x: string]: any;
+        preferences?: Record<string, any>[] | undefined;
+        outlets?: Record<string, any>[] | undefined;
+        deliverytype?: string | undefined;
+        order_no?: string | undefined;
+        publishableKey?: any;
+        calculations?: any;
+        shippingmethods?: any;
+        cart?: Record<string, import("../../stores/Checkout.js").CartItem> | undefined;
+        totals?: Record<string, any> | undefined;
+    }>;
     removeFromCartMiddleware: (productId: string, product: Product) => Promise<void>;
     updateQuantityMiddleware: (product: Product, qty: number) => Promise<void>;
     toggleAccordion: (rowId: string) => void;
     dvidedsummary: (sammarydata: any[]) => any[][];
     swatchimagesSrcset: (swatchImage: string) => string;
 };
-export {};

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

@@ -1,4 +1,7 @@
 import { onMounted, ref, computed } from "vue";
+import { useCartStore } from "../../stores/Cart.js";
+import { useCompanyProfile } from "../../stores/useCompanyProfile.js";
+import { useCheckoutStore } from "../../stores/Checkout.js";
 export const useCartDetail = (props) => {
   const cartStore = useCartStore();
   const { profile: companyProfile } = useCompanyProfile();

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, ProductTypesFilter?: 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,70 @@
-import { useRoute, useFetch } from "#imports";
-import { watch, computed } from "vue";
-export const useCategoryIndex = (props) => {
+import { useHead, useRoute, useFetch } from "#imports";
+import { computed } from "vue";
+export const useCategoryIndex = (props, ProductTypesFilter = []) => {
   const route = useRoute();
   const slug = route.params.slug;
-  const { data: catData, error, pending, refresh } = useFetch(`/api/category/${slug}`, {
-    method: "GET",
-    query: route.query
+  let query = {
+    ...route.query
+  };
+  if (ProductTypesFilter.includes("parentsonly")) {
+    query.parentsonly = "true";
+  }
+  if (ProductTypesFilter.includes("directproducts")) {
+    query.directproducts = "true";
+  }
+  if (ProductTypesFilter.includes("custom")) {
+    query.custom = "true";
+  }
+  if (ProductTypesFilter.includes("simple")) {
+    query.simple = "true";
+  }
+  if (ProductTypesFilter.includes("bundle")) {
+    query.bundle = "true";
+  }
+  if (ProductTypesFilter.includes("sample")) {
+    query.sample = "true";
+  }
+  query.ProductTypesFilter = ["custom", "simple", "bundle", "sample"];
+  const { data: catData, pending, error, refresh } = useFetch(`/api/category/${slug}`, {
+    key: `category-${slug}-${JSON.stringify(route.query)}`,
+    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"
+    };
   });
-  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 }
-  );
+  useHead(() => ({
+    title: `${meta.value.title}`,
+    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 +73,11 @@ export const useCategoryIndex = (props) => {
     });
   };
   return {
-    // State
     catData,
-    error,
     pending,
+    error,
     transformedApiData,
     renderData,
-    // Methods
     refresh,
     getSelectedTemplate
   };

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

@@ -1,4 +1,8 @@
 import { useCheckoutStore } from "../../../stores/Checkout.js";
+import { useCartStore } from "../../../stores/Cart.js";
+import { GTM_add_payment_info } from "../../useDataLayer.js";
+import { META_add_payment_info } from "../../useMetaLayer.js";
+import { TikTok_add_payment_info } from "../../useTikTokDatalayer.js";
 export default function() {
   const checkoutStore = useCheckoutStore();
   const getpaymentMethod = async (paymentMethod, inputData, totalPrice) => {
@@ -12,6 +16,10 @@ export default function() {
         });
       }
       checkoutStore.saveToCheckoutSession(inputData);
+      const cartData = useCartStore().cart;
+      GTM_add_payment_info(cartData, "Direct Deposit");
+      META_add_payment_info(cartData, "Direct Deposit");
+      TikTok_add_payment_info(cartData, "Direct Deposit");
     } catch (error) {
       console.log("Error", error);
     }