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

package/dist/runtime/components/product/RequiredPopUp.vue

@@ -0,0 +1,57 @@
+<script setup>
+const { fields } = defineProps(["fields"]);
+</script>
+
+<template>
+    <div>
+        <div class="modals modal">
+            <div class="modal-dialog modal-lg modal-dialog-centered opacity-100">
+                <div class="modal-content">
+                    <div class="modal-header py-2 bg-secondary">
+                        <h4 class="modal-title fs-5 text-start text-white fw-semibold">Please provide the missing information before adding to the cart.</h4>
+                        <button type="button" class="btn-close text-white" data-bs-dismiss="modal" @click="$emit('closeRequried')"
+                            aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <p class="text-danger text-start fs-6" v-for="(field, key) in fields">{{ key + 1 }}) <b>{{
+                            field.name
+                                }}</b> {{ field.validation }}</p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary btn-sm text-white"
+                            @click="$emit('closeRequried')" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.btn-close {
+  filter: brightness(0) invert(1);
+  opacity: 1;
+}
+
+.modal {
+  z-index: 9999909999;
+  background-color: rgba(51, 51, 51, 0.55);
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+}
+.modal .modal-dialog {
+  width: 50%;
+}
+.modal .modal-dialog .image {
+  width: 100%;
+  height: 88px;
+  object-fit: cover;
+}
+
+@media only screen and (max-width: 768px) {
+  .modal-dialog {
+    width: 100% !important;
+  }
+}
+</style>

package/dist/runtime/components/product/RequiredPopUp.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 __VLS_props>;
+    fields?: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly fields?: any;
+};

package/dist/runtime/components/product/bundleProduct/Bundle.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    product: {
+        bundle: Array<{
+            image: string;
+            name: string;
+            quantity: number;
+            price: 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/bundleProduct/Bundle.vue

@@ -0,0 +1,35 @@
+<script setup>
+const props = defineProps({
+  product: { type: Object, required: true }
+});
+</script>
+
+<template>
+  <div>
+    <p class="fw-bold mt-5">What's in the bundle</p>
+    <div class="table-responsive">
+      <table class="table table-light">
+        <thead>
+          <tr>
+            <th width="10%" scope="col"></th>
+            <th width="30%" scope="col">Part Name</th>
+            <th width="10%" scope="col">Qty</th>
+            <th width="10%" scope="col">Unit Price</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(item, index) in product.bundle" :key="index">
+            <td scope="row">
+              <img :src="item.image" class="img-fluid bundle_image" :alt="item.name" />
+            </td>
+            <td class="align-middle">
+              <p class="fw-bold text-primary mb-0">{{ item.name }}</p>
+            </td>
+            <td class="align-middle">{{ item.qty }}</td>
+            <td class="align-middle text-end fw-medium">{{ item.price }}</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/product/bundleProduct/Bundle.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    product: {
+        bundle: Array<{
+            image: string;
+            name: string;
+            quantity: number;
+            price: 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/bundleProduct/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/bundleProduct/index.vue

@@ -0,0 +1,32 @@
+<script setup>
+import gallery from "../Gallery.vue";
+import ProductAddToCart from "../AddToCart.vue";
+const { product } = defineProps({
+  product: { type: Object, required: true }
+});
+const quantity = ref(1);
+const incrementQuantity = () => {
+  quantity.value++;
+};
+const decrementQuantity = () => {
+  if (quantity.value > 1) {
+    quantity.value--;
+  }
+};
+</script>
+
+<template>
+        <SimpleProductDetails :title="product.name" :price="product.price" :reviews="product?.reviews" />
+        <BundleProductBundle :bundleData="product?.bundle" />
+        <div class="mt-4" v-if="product?.description != null">
+          <SimpleProductDescription :description="product?.description" :type="product?.type" />
+        </div>
+        <div class="d-flex flex-row 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/bundleProduct/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/customProduct/AddtoCartSample.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    samples: Array<any>;
+};
+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/customProduct/AddtoCartSample.vue

@@ -0,0 +1,101 @@
+<script setup>
+const props = defineProps({
+  samples: { type: Array, required: true }
+});
+import PopUpCart from "../PopUpCart.vue";
+const samplesData = ref(props.samples || []);
+const flattenedValues = ref([]);
+watch(samplesData, (newVal) => {
+  if (newVal && newVal.length > 0) {
+    flattenedValues.value = newVal.flatMap(
+      (item) => item.attributeInfo?.values ? Object.values(item.attributeInfo.values) : []
+    );
+  } else {
+    flattenedValues.value = [];
+  }
+}, { immediate: true });
+const checkInCart = ((product2) => {
+  let cartItems = useCartStore().cart.items;
+  if (cartItems) {
+    for (const key in cartItems) {
+      if (cartItems[key].slug === product2.slug) {
+        return false;
+      }
+    }
+  }
+  return true;
+});
+const open = ref(false);
+const isAddingToCart = ref(false);
+const price_span = ref("");
+const product = ref(null);
+const addToCart = async (samples, qty) => {
+  if (!samples) return;
+  isAddingToCart.value = true;
+  try {
+    for (const sample of Object.values(samples)) {
+      if (sample && sample.sampleproduct) {
+        let productToAdd = { slug: sample.sampleproduct };
+        if (checkInCart(productToAdd)) {
+          await useCartStore().addToCart(productToAdd, 1);
+          if (useCartStore().addedResponse === "success") {
+            product.value = productToAdd;
+            open.value = true;
+          }
+        }
+      }
+    }
+  } finally {
+    isAddingToCart.value = false;
+  }
+};
+const removeFromCart = async (productId, product2) => {
+  await useCartStore().removeFromCart(productId, product2);
+};
+const closeModal = () => {
+  open.value = false;
+};
+const orderSampleButtonDisabled = computed(() => {
+  const currentScriptSamples = useCustomeScriptDynamic().sampleproduct;
+  if (!currentScriptSamples || Object.keys(currentScriptSamples).length === 0) {
+    return true;
+  }
+  const samplesArray = Object.values(currentScriptSamples);
+  if (samplesArray.length === 0) {
+    return true;
+  }
+  for (const sample of samplesArray) {
+    if (sample && sample.sampleproduct) {
+      const productToCheck = { slug: sample.sampleproduct };
+      if (checkInCart(productToCheck)) {
+        return false;
+      }
+    }
+  }
+  return true;
+});
+</script>
+
+<template>
+    <div v-if="useCustomeScriptDynamic().sampleproduct && Object.values(useCustomeScriptDynamic().sampleproduct).length > 0"
+        class="text-center bg-white-gray mb-4 border border-top-0 py-4">
+        <button v-if="orderSampleButtonDisabled === false" @click="addToCart(useCustomeScriptDynamic().sampleproduct, 1)"
+            class="btn d-inline-flex justify-content-center align-items-center btn-success fs-6 text-white fw-medium px-5 rounded-5"
+            :disabled="isAddingToCart">
+            <span v-if="!isAddingToCart">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 v-else :disabled="orderSampleButtonDisabled"
+            class="btn d-inline-flex justify-content-center align-items-center btn-primary fs-6 text-white fw-medium px-5 rounded-5">
+            SAMPLE ALREADY IN YOUR BASKET
+        </button>
+    </div>
+    <Teleport to="#teleports">
+        <div v-if="open" class="modals">
+            <PopUpCart @some-event="closeModal" :productData="flattenedValues[0]" :price="price_span" />
+        </div>
+    </Teleport>
+</template>

package/dist/runtime/components/product/customProduct/AddtoCartSample.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    samples: Array<any>;
+};
+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/customProduct/Attributes.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 __VLS_props>;
+    product?: Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly product?: Record<string, any> | undefined;
+};

package/dist/runtime/components/product/customProduct/Attributes.vue

@@ -0,0 +1,12 @@
+<script setup>
+import useAttributesDynamic from "../../../composables/Product/CustomProductDynamic/useAttributesDynamic";
+const { product } = defineProps({ "product": Object });
+const { CustomScript, Steps, ConfirmPopup, ConfirmPopupShow } = useAttributesDynamic(product, "", product.template);
+</script>
+
+<template>
+    <div class="product-Attributes">
+        <component :is="Steps" :product="product" />
+        <ConfirmPopup :message="CustomScript.msgStr" v-show="ConfirmPopupShow == true" />
+    </div>
+</template>

package/dist/runtime/components/product/customProduct/Attributes.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 __VLS_props>;
+    product?: Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly product?: Record<string, any> | undefined;
+};

package/dist/runtime/components/product/customProduct/AttributesComponents/AttributeType/drop-down.d.vue.ts

@@ -0,0 +1,13 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    product?: Record<string, any> | undefined;
+    attribute?: Record<string, any> | undefined;
+    group?: Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly product?: Record<string, any> | undefined;
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};

package/dist/runtime/components/product/customProduct/AttributesComponents/AttributeType/drop-down.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { defineProps, ref, defineAsyncComponent } from "vue";
+const { attribute, group, product } = defineProps({ "attribute": Object, "group": Object, "product": Object });
+const { DesignComponent } = useAttributeTypeDynamic(attribute, group, product.template);
+</script>
+
+<template>
+      <div class="product-multi-val-attr-wrapper">
+      <component :is="DesignComponent" :group="group" :attribute="attribute" />
+      </div>
+</template>

package/dist/runtime/components/product/customProduct/AttributesComponents/AttributeType/drop-down.vue.d.ts

@@ -0,0 +1,13 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    $props: Partial<typeof __VLS_props>;
+    product?: Record<string, any> | undefined;
+    attribute?: Record<string, any> | undefined;
+    group?: Record<string, any> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_props: {
+    readonly product?: Record<string, any> | undefined;
+    readonly attribute?: Record<string, any> | undefined;
+    readonly group?: Record<string, any> | undefined;
+};

package/dist/runtime/components/product/customProduct/AttributesComponents/AttributeType/multi-collection.d.vue.ts

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