flowrix 1.0.1-beta.85 → 1.0.1-beta.87

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

@@ -0,0 +1,4 @@
+export default function (attribute: any, group: any, template?: string): {
+    currentTemplate: import("vue").Ref<string, string>;
+    AttributeComponent: import("vue").Raw<object>;
+};

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

@@ -0,0 +1,27 @@
+import { defineAsyncComponent, ref, markRaw } from "vue";
+export default function(attribute, group, template = "default") {
+  const attributetype = ref(attribute.typeLabel);
+  let AttributeComponent = markRaw("");
+  const currentTemplate = ref("");
+  const components = import.meta.glob("@/components/Product/Template*/**/*");
+  AttributeComponent = defineAsyncComponent({
+    loader: async () => {
+      try {
+        let path = "";
+        if (attributetype.value == "drop-down" || attributetype.value == "style" || attributetype.value == "swatch") {
+          path = `/components/Product/Template-${template}/customProduct/AttributesComponents/AttributeType/${attributetype.value}.vue`;
+          currentTemplate.value = path;
+        } else {
+          path = `/components/Product/Template-${template}/customProduct/AttributesComponents/Styles/${attributetype.value}.vue`;
+        }
+        return await components[path]?.();
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  });
+  return {
+    currentTemplate,
+    AttributeComponent
+  };
+}

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

@@ -0,0 +1,68 @@
+export default function (group: any, template?: string): {
+    useCustomScript: import("pinia").StoreDefinition<"CustomScript", import("./useCustomeScript.js").State, {}, {
+        CallScriptFIrstTime(): void;
+        initprocess(): Promise<void>;
+        getAvailableValues(aid: any, parent_value_id?: number): unknown[];
+        setWidthHeightbaseonStyle(): boolean;
+        setSummery(attrib: any, value: any): void;
+        unsetSummery(aid: any): void;
+        hideValue(h_aid: any, h_vid: any): void;
+        showValue(h_aid: any, h_vid: any): void;
+        showAttribute(aid: any): void;
+        hideAttribute(aid: any): void;
+        hideChildValues(aid: any, parent_id: any): void;
+        hideChildValuesOfParentValue(aid: any, parent_attribute_id: any, parent_value_id: any): void;
+        showChildValues(aid: any, parent_selected_val_id: any): void;
+        showGroup(gid: any): void;
+        hideGroup(gid: any): void;
+        markSelected(h_aid: any, h_vid: any): void;
+        markInputSelected(aid: any, vid: any, value?: any): void;
+        markUnselected(h_aid: any, h_vid: any): void;
+        findSelectedValue(values: any, parent_value_id?: number): unknown;
+        processAttributes(): void;
+        processAttribute(attributes: any): void;
+        processAttributeAfterCondition(attributes: any): void;
+        hideAttributeHirerachy(aid: any): void;
+        hideChildAttributes(child_attrib: any): void;
+        processChildAttribute(child_attrib: any): void;
+        setConditions(aid?: string, first_call?: boolean): Promise<boolean>;
+        createCondition(conditionArray: any): any;
+        getelement(classname: any): Element | undefined;
+        toggle(classname: any): Element | undefined;
+        getvalue(classname: any): any;
+        executeCondition(newcondition: any, c_aid: any, v_id: any, changed_values: any, msgValue: any, hiddenValues: any, child_Values: any, first_call: any, available?: any): {
+            msgValue: any;
+            changed_values: any;
+            hiddenValues: any;
+            child_Values: any;
+        };
+        hideAttributeOrGroup(c_aid: any): void;
+        unsetMsg(aid: any): void;
+        showValueAttributeOrGroup(c_aid: any, v_id: any): boolean;
+        selectOneValue(c_aid: any): void;
+        checkChangeAttributesMsg(c_aid: any, msgAttributes: any, msgValue: any, selected_value_hidden: any, child_Values: any, first_call: any, available: any): {
+            child_Values: any;
+        };
+        showbox(popUpMsg: any): Promise<unknown>;
+        confirmChange(changed_attribs: any, hiddenAttributes: any, aid: any, paid?: string): Promise<boolean>;
+        customRoundUp(value: any): number;
+        sqrunitprice(price: any, width: any, height: any, unit_relative: any): number;
+        sqrmeasureprice(price: any, measurement: any, unit_relative: any): number;
+        closest(num: any, arr: any): any;
+        lookupprice(price: any, width?: any, height?: any): any;
+        swatchimage(): void;
+        getMeasurement(attribute_type: any): number;
+        getMeasurementByID(attribute_id: any): number;
+        getSubHeights(): unknown[];
+        getSubWidths(): unknown[];
+        calculateMultiPrice(width: any, height: any, value: any, subWidths: any, subHeights: any): number;
+        getValuePrice(price_type: any, width: any, height: any, PRICE_TYPES: any, price: any, priceArray: any): number;
+        getValuePriceDiscount(discount_type: any, discount: any, value_price: any): void;
+        setValuePricePromotionsDiscount(attributes: any): void;
+        getValuePricePromotionDiscount(product_id: any, value_price: any): void;
+        calculatePrice(): void;
+        calculateDiscount(discounttype: any, discount: any, price: any): any;
+        calculateservicePrice(): void;
+    }>;
+    SingleAttribute: import("vue").Raw<object>;
+};

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

@@ -0,0 +1,21 @@
+import { defineAsyncComponent, markRaw } from "vue";
+import { useCustomScript } from "./useCustomeScript.js";
+export default function(group, template = "default") {
+  const components = import.meta.glob("~/components/Product/Template*/**/*");
+  let SingleAttribute = markRaw("");
+  SingleAttribute = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `/components/Product/Template-${template}/customProduct/AttributesComponents/SingleAttribute.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `/components/Product/Template-default/customProduct/AttributesComponents/SingleAttribute.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  return {
+    useCustomScript,
+    SingleAttribute
+  };
+}

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

@@ -0,0 +1,67 @@
+export default function (attribute: any): {
+    script: import("pinia").Store<"CustomScript", import("./useCustomeScript.js").State, {}, {
+        CallScriptFIrstTime(): void;
+        initprocess(): Promise<void>;
+        getAvailableValues(aid: any, parent_value_id?: number): unknown[];
+        setWidthHeightbaseonStyle(): boolean;
+        setSummery(attrib: any, value: any): void;
+        unsetSummery(aid: any): void;
+        hideValue(h_aid: any, h_vid: any): void;
+        showValue(h_aid: any, h_vid: any): void;
+        showAttribute(aid: any): void;
+        hideAttribute(aid: any): void;
+        hideChildValues(aid: any, parent_id: any): void;
+        hideChildValuesOfParentValue(aid: any, parent_attribute_id: any, parent_value_id: any): void;
+        showChildValues(aid: any, parent_selected_val_id: any): void;
+        showGroup(gid: any): void;
+        hideGroup(gid: any): void;
+        markSelected(h_aid: any, h_vid: any): void;
+        markInputSelected(aid: any, vid: any, value?: any): void;
+        markUnselected(h_aid: any, h_vid: any): void;
+        findSelectedValue(values: any, parent_value_id?: number): unknown;
+        processAttributes(): void;
+        processAttribute(attributes: any): void;
+        processAttributeAfterCondition(attributes: any): void;
+        hideAttributeHirerachy(aid: any): void;
+        hideChildAttributes(child_attrib: any): void;
+        processChildAttribute(child_attrib: any): void;
+        setConditions(aid?: string, first_call?: boolean): Promise<boolean>;
+        createCondition(conditionArray: any): any;
+        getelement(classname: any): Element | undefined;
+        toggle(classname: any): Element | undefined;
+        getvalue(classname: any): any;
+        executeCondition(newcondition: any, c_aid: any, v_id: any, changed_values: any, msgValue: any, hiddenValues: any, child_Values: any, first_call: any, available?: any): {
+            msgValue: any;
+            changed_values: any;
+            hiddenValues: any;
+            child_Values: any;
+        };
+        hideAttributeOrGroup(c_aid: any): void;
+        unsetMsg(aid: any): void;
+        showValueAttributeOrGroup(c_aid: any, v_id: any): boolean;
+        selectOneValue(c_aid: any): void;
+        checkChangeAttributesMsg(c_aid: any, msgAttributes: any, msgValue: any, selected_value_hidden: any, child_Values: any, first_call: any, available: any): {
+            child_Values: any;
+        };
+        showbox(popUpMsg: any): Promise<unknown>;
+        confirmChange(changed_attribs: any, hiddenAttributes: any, aid: any, paid?: string): Promise<boolean>;
+        customRoundUp(value: any): number;
+        sqrunitprice(price: any, width: any, height: any, unit_relative: any): number;
+        sqrmeasureprice(price: any, measurement: any, unit_relative: any): number;
+        closest(num: any, arr: any): any;
+        lookupprice(price: any, width?: any, height?: any): any;
+        swatchimage(): void;
+        getMeasurement(attribute_type: any): number;
+        getMeasurementByID(attribute_id: any): number;
+        getSubHeights(): unknown[];
+        getSubWidths(): unknown[];
+        calculateMultiPrice(width: any, height: any, value: any, subWidths: any, subHeights: any): number;
+        getValuePrice(price_type: any, width: any, height: any, PRICE_TYPES: any, price: any, priceArray: any): number;
+        getValuePriceDiscount(discount_type: any, discount: any, value_price: any): void;
+        setValuePricePromotionsDiscount(attributes: any): void;
+        getValuePricePromotionDiscount(product_id: any, value_price: any): void;
+        calculatePrice(): void;
+        calculateDiscount(discounttype: any, discount: any, price: any): any;
+        calculateservicePrice(): void;
+    }>;
+};

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

@@ -0,0 +1,15 @@
+import { onMounted } from "vue";
+import { useCustomScript } from "./useCustomeScript.js";
+export default function(attribute) {
+  onMounted(() => {
+    if (attribute.values.length > 0) {
+      useCustomScript().renderdValues = useCustomScript().renderdValues + 1;
+    } else {
+      useCustomScript().renderdValues = useCustomScript().renderdValues + 1;
+    }
+  });
+  const script = useCustomScript();
+  return {
+    script
+  };
+}

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

@@ -0,0 +1,74 @@
+export default function (product: any, template?: string): {
+    useCustomScript: import("pinia").StoreDefinition<"CustomScript", import("./useCustomeScript.js").State, {}, {
+        CallScriptFIrstTime(): void;
+        initprocess(): Promise<void>;
+        getAvailableValues(aid: any, parent_value_id?: number): unknown[];
+        setWidthHeightbaseonStyle(): boolean;
+        setSummery(attrib: any, value: any): void;
+        unsetSummery(aid: any): void;
+        hideValue(h_aid: any, h_vid: any): void;
+        showValue(h_aid: any, h_vid: any): void;
+        showAttribute(aid: any): void;
+        hideAttribute(aid: any): void;
+        hideChildValues(aid: any, parent_id: any): void;
+        hideChildValuesOfParentValue(aid: any, parent_attribute_id: any, parent_value_id: any): void;
+        showChildValues(aid: any, parent_selected_val_id: any): void;
+        showGroup(gid: any): void;
+        hideGroup(gid: any): void;
+        markSelected(h_aid: any, h_vid: any): void;
+        markInputSelected(aid: any, vid: any, value?: any): void;
+        markUnselected(h_aid: any, h_vid: any): void;
+        findSelectedValue(values: any, parent_value_id?: number): unknown;
+        processAttributes(): void;
+        processAttribute(attributes: any): void;
+        processAttributeAfterCondition(attributes: any): void;
+        hideAttributeHirerachy(aid: any): void;
+        hideChildAttributes(child_attrib: any): void;
+        processChildAttribute(child_attrib: any): void;
+        setConditions(aid?: string, first_call?: boolean): Promise<boolean>;
+        createCondition(conditionArray: any): any;
+        getelement(classname: any): Element | undefined;
+        toggle(classname: any): Element | undefined;
+        getvalue(classname: any): any;
+        executeCondition(newcondition: any, c_aid: any, v_id: any, changed_values: any, msgValue: any, hiddenValues: any, child_Values: any, first_call: any, available?: any): {
+            msgValue: any;
+            changed_values: any;
+            hiddenValues: any;
+            child_Values: any;
+        };
+        hideAttributeOrGroup(c_aid: any): void;
+        unsetMsg(aid: any): void;
+        showValueAttributeOrGroup(c_aid: any, v_id: any): boolean;
+        selectOneValue(c_aid: any): void;
+        checkChangeAttributesMsg(c_aid: any, msgAttributes: any, msgValue: any, selected_value_hidden: any, child_Values: any, first_call: any, available: any): {
+            child_Values: any;
+        };
+        showbox(popUpMsg: any): Promise<unknown>;
+        confirmChange(changed_attribs: any, hiddenAttributes: any, aid: any, paid?: string): Promise<boolean>;
+        customRoundUp(value: any): number;
+        sqrunitprice(price: any, width: any, height: any, unit_relative: any): number;
+        sqrmeasureprice(price: any, measurement: any, unit_relative: any): number;
+        closest(num: any, arr: any): any;
+        lookupprice(price: any, width?: any, height?: any): any;
+        swatchimage(): void;
+        getMeasurement(attribute_type: any): number;
+        getMeasurementByID(attribute_id: any): number;
+        getSubHeights(): unknown[];
+        getSubWidths(): unknown[];
+        calculateMultiPrice(width: any, height: any, value: any, subWidths: any, subHeights: any): number;
+        getValuePrice(price_type: any, width: any, height: any, PRICE_TYPES: any, price: any, priceArray: any): number;
+        getValuePriceDiscount(discount_type: any, discount: any, value_price: any): void;
+        setValuePricePromotionsDiscount(attributes: any): void;
+        getValuePricePromotionDiscount(product_id: any, value_price: any): void;
+        calculatePrice(): void;
+        calculateDiscount(discounttype: any, discount: any, price: any): any;
+        calculateservicePrice(): void;
+    }>;
+    activeStep: import("vue").Ref<number, number>;
+    NextStep: (id: number) => false | undefined;
+    sortedGroups: (groups: any) => never[];
+    scrollToPosition: () => void;
+    SingleStep: import("vue").Raw<object>;
+    AddToCart: import("vue").Raw<object>;
+    RequiredValidation: import("vue").Ref<never[], never[]>;
+};

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

@@ -0,0 +1,78 @@
+import { defineAsyncComponent, ref, markRaw } from "vue";
+import { useCustomScript } from "./useCustomeScript.js";
+export default function(product, template = "default") {
+  const activeStep = ref(0);
+  const RequiredValidation = ref([]);
+  const NextStep = ((id) => {
+    RequiredValidation.value = [];
+    let activestep = document.querySelector(".active.step-content");
+    const elements = activestep.querySelectorAll("input, textarea, select");
+    elements.forEach((element) => {
+      if (element.required == true && element.value == "") {
+        let Ename = element.getAttribute("data-label");
+        let Relemnt = [{ name: Ename }];
+        RequiredValidation.value = [...RequiredValidation.value, ...Relemnt];
+      }
+    });
+    if (RequiredValidation.value.length > 0) {
+      return false;
+    }
+    activeStep.value = id;
+  });
+  const sortedGroups = (groups) => {
+    const myObject = groups;
+    var sortedObject = [];
+    if (myObject) {
+      const sortedArray = Object.entries(myObject).sort(
+        (a, b) => a[1]["sortorder"] - b[1]["sortorder"]
+      );
+      sortedArray.forEach(([key, value]) => {
+        sortedObject.push(value);
+      });
+    }
+    return sortedObject;
+  };
+  const scrollToPosition = () => {
+    setTimeout(function() {
+      window.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    }, 0);
+  };
+  const components = import.meta.glob("~/components/Product/Template*/**/*");
+  let SingleStep = markRaw("");
+  SingleStep = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `/components/Product/Template-${template}/customProduct/SingleStep.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `/components/Product/Template-default/customProduct/SingleStep.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  let AddToCart = markRaw("");
+  AddToCart = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `/components/Product/Template-${template}/customProduct/AddToCart.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `/components/Product/Template-default/customProduct/AddToCart.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  return {
+    useCustomScript,
+    activeStep,
+    NextStep,
+    sortedGroups,
+    scrollToPosition,
+    SingleStep,
+    AddToCart,
+    RequiredValidation
+  };
+}

package/dist/runtime/composables/Product/simpleProduct/useSimpleProduct.d.ts

@@ -0,0 +1,25 @@
+interface SimpleProduct {
+    template: string;
+    name?: string;
+    brandimage?: string;
+    variations?: string;
+    description?: string;
+    price?: string;
+    rrp?: string;
+    rpfloat?: number;
+    pricefloat?: number;
+}
+export declare const useSimpleProduct: (product: SimpleProduct) => {
+    quantity: import("vue").Ref<number, number>;
+    screenwidth: import("vue").Ref<number, number>;
+    isMobile: import("vue").ComputedRef<boolean>;
+    isDesktop: import("vue").ComputedRef<boolean>;
+    hasDiscount: import("vue").ComputedRef<boolean | 0 | undefined>;
+    hasBrandImage: import("vue").ComputedRef<string | undefined>;
+    hasVariations: import("vue").ComputedRef<boolean | "" | undefined>;
+    handleVariationChange: (variation: string) => void;
+    incrementQuantity: () => void;
+    decrementQuantity: () => void;
+    updateScreenWidth: () => void;
+};
+export {};

package/dist/runtime/composables/Product/simpleProduct/useSimpleProduct.js

@@ -0,0 +1,77 @@
+import { ref, computed } from "vue";
+export const useSimpleProduct = (product) => {
+  if (!product) {
+    console.warn("Product is null/undefined in useSimpleProduct, using defaults");
+    product = { template: "simple" };
+  }
+  if (!product.template) {
+    console.warn("Product template is missing, using default");
+    product.template = "simple";
+  }
+  const quantity = ref(1);
+  const screenwidth = ref(0);
+  if (import.meta.client) {
+    screenwidth.value = window.screen.width;
+  }
+  const isMobile = computed(() => screenwidth.value < 700);
+  const isDesktop = computed(() => screenwidth.value > 700);
+  const hasDiscount = computed(
+    () => product.rpfloat && product.pricefloat && product.rpfloat > product.pricefloat
+  );
+  const hasBrandImage = computed(() => product && product.brandimage);
+  const hasVariations = computed(() => product.variations && product.variations !== "");
+  const handleVariationChange = (variation) => {
+    navigateTo(`/product/${variation}`);
+  };
+  const incrementQuantity = () => {
+    quantity.value++;
+  };
+  const decrementQuantity = () => {
+    if (quantity.value > 1) {
+      quantity.value--;
+    }
+  };
+  const updateScreenWidth = () => {
+    if (import.meta.client) {
+      screenwidth.value = window.screen.width;
+    }
+  };
+  return {
+    // State
+    quantity,
+    screenwidth,
+    // Computed
+    isMobile,
+    isDesktop,
+    hasDiscount,
+    hasBrandImage,
+    hasVariations,
+    // Methods
+    handleVariationChange,
+    incrementQuantity,
+    decrementQuantity,
+    updateScreenWidth
+  };
+};
+if (import.meta.client) {
+  const mockProduct = {
+    template: "simple",
+    name: "Test Product",
+    price: "$99.99",
+    rrp: "$129.99",
+    rpfloat: 129.99,
+    pricefloat: 99.99,
+    brandimage: "/test-brand.jpg",
+    variations: "color,size",
+    description: "Test product description"
+  };
+  const {
+    quantity,
+    isMobile,
+    hasDiscount,
+    incrementQuantity,
+    decrementQuantity
+  } = useSimpleProduct(mockProduct);
+  incrementQuantity();
+  decrementQuantity();
+}

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

@@ -0,0 +1,13 @@
+export default function (item: any, template?: string): {
+    ProductCard: any;
+    imagesize: (swatchImage: string) => string;
+    addToCart: (product: any, qty: number) => Promise<void>;
+    updateQuantity: (product: any, quantity: number) => Promise<void>;
+    checkInCart: import("vue").Ref<number, number>;
+    productQty: import("vue").Ref<number, number>;
+    isProductInCart: (productId: string) => void;
+    promotionTag: any;
+    PopUp: any;
+    openPopup: import("vue").Ref<boolean, boolean>;
+    closePopupModal: () => void;
+};

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

@@ -0,0 +1,88 @@
+import { ref, defineAsyncComponent } from "vue";
+import { useCartStore } from "../../stores/Cart.js";
+export default function(item, template = "default") {
+  const CartStore = useCartStore();
+  const openPopup = ref(false);
+  const components = import.meta.glob("~/components/Product/Template*/**/*");
+  const ProductCard = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `/components/Product/Template-${template}/ProductCard.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `/components/Product/Template-default/ProductCard.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  const promotionTag = defineAsyncComponent({
+    loader: async () => {
+      try {
+        return await import("@/components/Others/promotionTag.vue");
+      } catch (error) {
+        return import("@/components/Others/promotionTag.vue");
+      }
+    }
+  });
+  const checkInCart = ref(0);
+  const productQty = ref(1);
+  const isProductInCart = (productId) => {
+    if (CartStore.cart.items) {
+      var isincart = Object.values(CartStore.cart.items).filter((v) => v.slug == productId);
+      if (isincart.length > 0) {
+        productQty.value = isincart[0].qty;
+        checkInCart.value = 1;
+      } else {
+        productQty.value = 0;
+        checkInCart.value = 0;
+      }
+    }
+  };
+  const updateQuantity = async (product, quantity) => {
+    const SingleProduct = Object.values(CartStore.cart.items).find((item2) => item2.slug === product.slug);
+    await CartStore.updateQuantity(SingleProduct, quantity);
+    productQty.value = SingleProduct.qty;
+    isProductInCart(product.slug);
+  };
+  const addToCart = async (product, qty) => {
+    await useCartStore().addToCart(product, qty);
+    if (useCartStore().addedResponse == "success") {
+      openPopup.value = true;
+    }
+    isProductInCart(product.slug);
+  };
+  const imagesize = ((swatchImage) => {
+    if (swatchImage) {
+      let swatchImage320 = swatchImage.replace(/.webp/gi, "320.webp");
+      return swatchImage320;
+    }
+    return swatchImage;
+  });
+  const PopUp = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `/components/Product/Template-${template}/PopUpCart.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `/components/Product/Template-default/PopUpCart.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  const closePopupModal = () => {
+    openPopup.value = false;
+  };
+  return {
+    ProductCard,
+    imagesize,
+    addToCart,
+    updateQuantity,
+    checkInCart,
+    productQty,
+    isProductInCart,
+    promotionTag,
+    PopUp,
+    openPopup,
+    closePopupModal
+  };
+}

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

@@ -0,0 +1,5 @@
+export declare function useProductComponent(product: {
+    template: string;
+}): {
+    Template: any;
+};

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

@@ -0,0 +1,23 @@
+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(
+    "~/components/Product/Template*/index.vue"
+  );
+  const path = `/components/Product/${templateName}/index.vue`;
+  const fallbackPath = "/components/Product/Template-default/index.vue";
+  const Template = defineAsyncComponent({
+    loader: async () => {
+      if (components[path]) {
+        return await components[path]();
+      } else {
+        return await components[fallbackPath]();
+      }
+    }
+  });
+  GTM_view_item(product, product.rrpfloat, product.rpfloat);
+  return {
+    Template
+  };
+}

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

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

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

@@ -0,0 +1,25 @@
+import { useRoute, useFetch } from "#app";
+import { readonly } from "vue";
+export default function() {
+  const route = useRoute();
+  const slug = route.params.slug;
+  const { data, error, refresh, execute, pending } = useFetch(
+    `/api/products/${slug}`,
+    {
+      key: `${slug}`,
+      lazy: true,
+      server: true,
+      // Enable server-side rendering
+      default: () => null
+      // Provide default value
+    }
+  );
+  return {
+    data: readonly(data),
+    error: readonly(error),
+    refresh,
+    execute,
+    pending: readonly(pending),
+    slug
+  };
+}

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
+  });
+};