flowrix 1.0.1-beta.147 → 1.0.1-beta.149

package/dist/runtime/components/product/sampleProduct/ProductVariation.vue

@@ -0,0 +1,61 @@
+<script setup>
+const { attribute } = defineProps(["attribute"]);
+const emit = defineEmits(["variationChange"]);
+const route = useRoute();
+const selectedValue = ref(route.params.slug);
+const changeVariation = () => {
+  emit("variationChange", selectedValue.value);
+};
+</script>
+
+<template>
+  <div>
+    <div
+      v-for="(single_attribute, index) in attribute"
+      :key="index"
+      class="row mt-4 align-items-center border-bottom pb-4"
+    >
+      <div class="col-md-4">
+        <p class="fw-medium mb-0 col-form-label fs-6">
+          {{ single_attribute.name }}
+        </p>
+      </div>
+      <div class="col-md-8">
+        <select
+          class="form-control form-select py-2"
+          v-model="selectedValue"
+          @change="changeVariation()"
+        >
+          <template v-for="value in single_attribute.values" :key="value">
+            <option :value="value.slug">{{ value.name }}</option>
+          </template>
+        </select>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.values .value a {
+  height: 80px;
+  width: 100px;
+  text-align: center;
+  align-content: center;
+  border: 1px solid #c6c6c6;
+  display: block;
+  font-size: 18px;
+  font-weight: 500;
+}
+.values .value a:hover {
+  background: var(--iseek-primary);
+  color: #fff !important;
+  font-weight: 700 !important;
+}
+.values .value.active {
+  background: var(--iseek-primary);
+  font-weight: 700 !important;
+}
+.values .value.active a {
+  color: #fff !important;
+}
+</style>

package/dist/runtime/components/product/sampleProduct/ProductVariation.vue.d.ts

@@ -0,0 +1,11 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    attribute?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    variationChange: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<{
+    attribute?: any;
+}> & Readonly<{
+    onVariationChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/sampleProduct/SampleDetails.d.vue.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    product?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    product?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/sampleProduct/SampleDetails.vue

@@ -0,0 +1,74 @@
+<script setup>
+const { product } = defineProps(["product"]);
+import AddtoCartSample from "../AddtoCartSample.vue";
+import WishListDropdown from "../../WishList/dropdown.vue";
+const cartStore = useCartStore();
+const router = useRouter();
+const isLoading = ref(false);
+const isInCart = ref(false);
+watchEffect(() => {
+  if (cartStore.cart.items) {
+    isInCart.value = Object.values(cartStore.cart.items).some(
+      (item) => item.slug === product?.slug
+    );
+  } else {
+    isInCart.value = false;
+  }
+});
+const addidngToCart = ref(false);
+const addToCart = (async (sample) => {
+  addidngToCart.value = true;
+  await useCartStore().addToCart(sample, 1);
+  addidngToCart.value = false;
+});
+const searchProducts = (filters) => {
+  const fabricFilter = filters.find((f) => f.slug === "fabric-range");
+  const fabricValue = fabricFilter?.values[0]?.slug;
+  if (fabricValue) {
+    router.push({
+      path: "/samples",
+      query: { "fabric-range": fabricValue }
+    });
+  } else {
+    console.warn("Fabric range slug not found in filters");
+  }
+};
+</script>
+
+<template>
+    <div class="row g-0 card flex-row">
+        <div class="col-md-6">
+            <div class="card-body d-flex flex-column justify-content-center p-xl-5 px-2 py-3 h-100">
+                <h1 class="text-dark fw-semibold fs-2">{{ product?.name }}</h1>
+                <p v-if="product.width" class="card-text fw-medium text-custom mb-0 fs-5">Max width: {{ product?.width
+                }}mm</p>
+                <div class="d-flex flex-column gap-3 col-xl-8 col-xxl-7">
+                    <button @click="addToCart(product)"
+                        class="btn d-inline-flex justify-content-center align-items-center btn-secondary fs-6 text-white fw-medium px-5 rounded-5"
+                        :disabled="isInCart">
+                        <span v-if="!addidngToCart">Order a Sample</span>
+                        <span v-else class="d-flex align-items-center">
+                            <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
+                            Processing...
+                        </span>
+                    </button>
+                    <button @click="searchProducts(product.filters)"
+                        class="btn btn-outline-primary fw-semibold rounded-5">
+                        Explore products with this fabric
+                    </button>
+                    <WishListDropdown v-if="product" :product="product" />
+                </div>
+
+            </div>
+        </div>
+        <div class="col-md-6 order-first order-xl-last">
+            <div class="d-flex justify-content-center p-xl-5 p-2">
+                <img :src="product?.image" alt="Sample" class="img-fluid sample-img">
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.sample-img{border-radius:15px;width:100%}
+</style>

package/dist/runtime/components/product/sampleProduct/SampleDetails.vue.d.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    product?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    product?: any;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/sampleProduct/SampleFeatures.d.vue.ts

@@ -0,0 +1,9 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    items?: unknown[] | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const props: {
+    readonly items?: unknown[] | undefined;
+};

package/dist/runtime/components/product/sampleProduct/SampleFeatures.vue

@@ -0,0 +1,63 @@
+<script setup>
+const props = defineProps({
+  items: Array
+});
+</script>
+
+<template>
+  <div v-for="(item, index) in items" :key="index" class="my-5">
+    <div v-if="item.title=='Product Features'">
+      <h2 class="fw-semibold fs-1 text-center mb-4">Features</h2>
+      <span class="horizontal-line d-block mx-auto mb-4" v-html="item.body.html"></span>
+    </div>
+  </div>
+  <!-- <div class="card p-xl-5 p-3 bg-cream" style="border: none;">
+    <div class="row">
+      <div class="col-12 col-md-6 order-1 order-md-1">
+        <div class="form-check mb-2">
+          <span class="check-icon">✔</span>
+          <label class="form-check-label text-primary fw-medium text-custom fs-6">100% Polyester with Acrylic coating</label>
+        </div>
+      </div>
+
+      <div class="col-12 col-md-6 order-2 order-md-4">
+        <div class="form-check mb-2">
+          <span class="check-icon">✔</span>
+          <label class="form-check-label text-primary fw-medium text-custom fs-6">100% Blockout</label>
+        </div>
+      </div>
+
+      <div class="col-12 col-md-6 order-3 order-md-2">
+        <div class="form-check mb-2">
+          <span class="check-icon">✔</span>
+          <label class="form-check-label text-primary fw-medium text-custom fs-6">GreenGuard Gold Certification</label>
+        </div>
+      </div>
+
+      <div class="col-12 col-md-6 order-4 order-md-5">
+        <div class="form-check mb-2">
+          <span class="check-icon">✔</span>
+          <label class="form-check-label text-primary fw-medium text-custom fs-6">Dust or wipe with a clean damp cloth</label>
+        </div>
+      </div>
+
+      <div class="col-12 col-md-6 order-5 order-md-3">
+        <div class="form-check mb-2">
+          <span class="check-icon">✔</span>
+          <label class="form-check-label text-primary fw-medium text-custom fs-6">Fully fade resistant</label>
+        </div>
+      </div>
+
+      <div class="col-12 col-md-6 order-6 order-md-6">
+        <div class="form-check mb-2">
+          <span class="check-icon">✔</span>
+          <label class="form-check-label text-primary fw-medium text-custom fs-6">Coordinates with: Bali sheer curtains</label>
+        </div>
+      </div>
+    </div>
+  </div> -->
+</template>
+
+<style scoped>
+.bg-cream{background-color:var(--bs-cream)}.form-check{align-items:center;display:flex}.check-icon{border:2px solid var(--bs-primary);border-radius:4px;color:var(--bs-primary);display:inline-block;font-size:14px;font-weight:700;height:20px;line-height:16px;margin-right:8px;text-align:center;width:20px}
+</style>

package/dist/runtime/components/product/sampleProduct/SampleFeatures.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof props>;
+    items?: unknown[] | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const props: {
+    readonly items?: unknown[] | undefined;
+};

package/dist/runtime/components/product/sampleProduct/index.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    product: {
+        template: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/sampleProduct/index.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { ref } from "vue";
+import SampleFeatures from "./SampleFeatures.vue";
+import SampleDetails from "./SampleDetails.vue";
+import SampleProductCard from "../../SampleProductCard.vue";
+const { product } = defineProps({
+  product: { type: Object, required: true }
+});
+const quantity = ref(1);
+</script>
+
+<template>
+  <div class="container-fluids">
+    <SampleDetails :product />
+    <div class="row justify-content-center">
+      <div class="col-xl-10">
+        <div class="my-5 text-center text-custom fs-6 px-2" v-html="product.description">
+        </div>
+      </div>
+    </div>
+  </div>
+  <SampleFeatures :items="product?.content" />
+  <div class="container-fluid" v-if="product?.variations != void 0">
+    <div class="row mt-4">
+      <div class="col-xl-12">
+        <div class="mb-4">
+          <h2 class="fw-semibold fs-1">Other Colours Available </h2>
+          <span class="horizontal-line"></span>
+        </div>
+      </div>
+    </div>
+    <template v-for="(swatch, index) in product?.variations" :key="index">
+      <div class="row gy-5">
+      <div class="col-lg-3 col-sm-6 col-12 mb-4" v-for="value in swatch.values" :key="value.slug">
+        <!-- <SampleProductCard :swatch="value" /> -->
+        <SampleProductCard :swatch="value" :otherColor="true" from="sampleSingle" />
+      </div>
+    </div>
+    </template>
+  </div>
+  <div class="container-fluid px-xl-5 d-none" v-if="product?.accessories.length > 0">
+    <div class="row">
+      <div class="col-xl-12">
+        <CustomProductOtherProducts :items="product?.accessories" btnTitle="Explore" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.horizontal-line {
+  width: 170px;
+  display: block;
+  height: 5px;
+  background: var(--bs-secondary);
+}
+
+@media only screen and (min-width: 990px) {
+  .custom-col-25 {
+    width: 20%;
+    /* 100% / 5 */
+  }
+}
+</style>

package/dist/runtime/components/product/sampleProduct/index.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    product: {
+        template: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/simpleProduct/ProductVariation.d.vue.ts

@@ -0,0 +1,11 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    attribute?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    variationChange: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<{
+    attribute?: any;
+}> & Readonly<{
+    onVariationChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/simpleProduct/ProductVariation.vue

@@ -0,0 +1,61 @@
+<script setup>
+const { attribute } = defineProps(["attribute"]);
+const emit = defineEmits(["variationChange"]);
+const route = useRoute();
+const selectedValue = ref(route.params.slug);
+const changeVariation = () => {
+  emit("variationChange", selectedValue.value);
+};
+</script>
+
+<template>
+  <div>
+    <div
+      v-for="(single_attribute, index) in attribute"
+      :key="index"
+      class="row mt-4 align-items-center border-bottom pb-4"
+    >
+      <div class="col-md-4">
+        <p class="fw-medium mb-0 col-form-label fs-6">
+          {{ single_attribute.name }}
+        </p>
+      </div>
+      <div class="col-md-8">
+        <select
+          class="form-control form-select py-2"
+          v-model="selectedValue"
+          @change="changeVariation()"
+        >
+          <template v-for="value in single_attribute.values" :key="value">
+            <option :value="value.slug">{{ value.name }}</option>
+          </template>
+        </select>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.values .value a {
+  height: 80px;
+  width: 100px;
+  text-align: center;
+  align-content: center;
+  border: 1px solid #c6c6c6;
+  display: block;
+  font-size: 18px;
+  font-weight: 500;
+}
+.values .value a:hover {
+  background: var(--iseek-primary);
+  color: #fff !important;
+  font-weight: 700 !important;
+}
+.values .value.active {
+  background: var(--iseek-primary);
+  font-weight: 700 !important;
+}
+.values .value.active a {
+  color: #fff !important;
+}
+</style>

package/dist/runtime/components/product/simpleProduct/ProductVariation.vue.d.ts

@@ -0,0 +1,11 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    attribute?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    variationChange: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<{
+    attribute?: any;
+}> & Readonly<{
+    onVariationChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/simpleProduct/index.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    product: {
+        template: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/product/simpleProduct/index.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { ref } from "vue";
+import ProductAddToCart from "../AddToCart.vue";
+import gallery from "../Gallery.vue";
+const { product } = defineProps({
+  product: { type: Object, required: true }
+});
+const quantity = ref(1);
+const handleVariationChange = (variation) => {
+  navigateTo(`/product/${variation}`);
+};
+const incrementQuantity = () => {
+  quantity.value++;
+};
+const decrementQuantity = () => {
+  if (quantity.value > 1) {
+    quantity.value--;
+  }
+};
+</script>
+
+<template>
+        <SimpleProductDetails :title="product.name" :variations="product?.variations" :price="product.price" />
+        <SimpleProductDescription :description="product?.description" :type="product?.type" />
+        <ProductTemplate01SimpleProductVariation :attribute="product.variations" v-if="product.variations !== ''"
+          @variationChange="handleVariationChange" />
+        <div class="d-flex justify-content-between align-items-center mt-4">
+          <CartCounter :quantity="quantity" @increment="incrementQuantity" @decrement="decrementQuantity" />
+          <h2 class="fw-semibold text-primary">{{ product.price }}</h2>
+        </div>
+        <div class="add-to-cart-btn-container mt-4">
+          <ProductAddToCart from="detailpage" :quantity :product="product" service="" />
+        </div>
+</template>

package/dist/runtime/components/product/simpleProduct/index.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    product: {
+        template: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/composables/Product/CustomProductDynamic/useAttributeTypeDynamic.d.ts

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

package/dist/runtime/composables/Product/CustomProductDynamic/useAttributeTypeDynamic.js

@@ -0,0 +1,20 @@
+import { defineAsyncComponent, ref, markRaw } from "vue";
+export default function(attribute, group, template = "default") {
+  const designkey = ref(attribute.designkey);
+  const components = import.meta.glob("../../../components/product/*/**/*");
+  let DesignComponent = markRaw("");
+  DesignComponent = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `../../../components/product/customProduct/AttributesComponents/Styles/${designkey.value}.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `../../../components/product/customProduct/AttributesComponents/Styles/${designkey.value}.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  return {
+    DesignComponent
+  };
+}

package/dist/runtime/composables/Product/CustomProductDynamic/useAttributesDynamic.d.ts

@@ -0,0 +1,70 @@
+export default function (product: any, runTime?: number, template?: string): {
+    CustomScript: import("pinia").Store<"CustomScriptDynamic", import("./useCustomeScriptDynamic.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;
+    }>;
+    Steps: any;
+    ConfirmPopup: import("vue").Raw<object>;
+    ConfirmPopupShow: import("vue").ComputedRef<any>;
+};

package/dist/runtime/composables/Product/CustomProductDynamic/useAttributesDynamic.js

@@ -0,0 +1,63 @@
+import { watch, onMounted, computed, defineAsyncComponent, markRaw } from "vue";
+import { useCustomeScriptDynamic } from "./useCustomeScriptDynamic.js";
+export default function(product, runTime = 0, template = "default") {
+  const CustomScript = useCustomeScriptDynamic();
+  const renderdValues = computed(() => useCustomeScriptDynamic().renderdValues);
+  let allactiveattributes = [];
+  watch(renderdValues, (newValue) => {
+    if (allactiveattributes.length == 0) {
+      Object.values(product.attributeIdz).forEach((item) => {
+        if (item.active) {
+          allactiveattributes.push(item);
+        }
+      });
+    }
+    if (newValue >= allactiveattributes.length) {
+      setTimeout(function() {
+        callcustomscript();
+      }, 500);
+    }
+  });
+  function callcustomscript() {
+    CustomScript.pdpsummary = {};
+    CustomScript.processAttributes();
+    CustomScript.setConditions("", true);
+    let hasnewMeasurements = CustomScript.setWidthHeightbaseonStyle();
+    if (hasnewMeasurements) {
+      CustomScript.setConditions("", true);
+    }
+    CustomScript.calculatePrice();
+  }
+  onMounted(() => {
+    let totalValues = 0;
+    Object.values(product.attributeIdz).forEach((item) => {
+      totalValues = Object.values(item.values).length + totalValues;
+    });
+  });
+  const components = import.meta.glob("../../../components/product/*/**/*");
+  const stepsPath = `../../../components/product/customProduct/Steps.vue`;
+  const Steps = defineAsyncComponent({
+    loader: async () => {
+      return await components[stepsPath]();
+    }
+  });
+  let ConfirmPopup = markRaw("");
+  ConfirmPopup = defineAsyncComponent({
+    loader: async () => {
+      try {
+        const path = `../../../components/product/customProduct/ConfirmPopup.vue`;
+        return await components[path]?.();
+      } catch (error) {
+        const path = `../../../components/product/customProduct/ConfirmPopup.vue`;
+        return await components[path]?.();
+      }
+    }
+  });
+  const ConfirmPopupShow = computed(() => CustomScript.confirmPopup);
+  return {
+    CustomScript,
+    Steps,
+    ConfirmPopup,
+    ConfirmPopupShow
+  };
+}