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

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

@@ -0,0 +1,5 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    attribute?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, 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,5 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    attribute?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, 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,5 @@
+declare const __VLS_export: import("vue").DefineComponent<{
+    attribute?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, 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/components/SampleProductCard.d.vue.ts

@@ -0,0 +1,13 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    swatch: ArrayConstructor;
+    otherColor: BooleanConstructor;
+    from: StringConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    swatch: ArrayConstructor;
+    otherColor: BooleanConstructor;
+    from: StringConstructor;
+}>> & Readonly<{}>, {
+    otherColor: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;