{"version":3,"file":"products-small.aec2f318.js","sources":["../../../app/javascript/components/products/ProductsSmall.vue?vue&type=template&lang.js","../../../app/javascript/components/products/ProductsSmall.vue","../../../app/javascript/entrypoints/products-small.js"],"sourcesContent":["\n<section class=\"d-none d-md-block\" id=\"products\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h2 class=\"title text-center\">Productos</h2>\n                <div class=\"row\" v-if=\"isLoading\">\n                    <div class=\"col-12 text-center\">\n                        <div class=\"spinner-border\" style=\"width: 3rem; height: 3rem;\" role=\"status\">\n                            <span class=\"sr-only\">Loading...</span>\n                        </div>\n                    </div>\n                </div>\n                <carousel v-if=\"!isLoading && products.length > 0\"\n                          :navigationEnabled=\"true\" :paginationEnabled=\"false\" :perPage=4 :centerMode=\"true\"\n                          :loop=\"false\" navigationNextLabel=\"&#x276F;\" navigationPrevLabel=\"&#x276E;\">\n                    <slide v-for=\"(product, index) in OrdenedProducts\" :key=\"index\">\n                        <div class=\"ml-3 card card-product-small\" style=\"width: 90%\" @click=\"goToProduct(product)\">\n                            <div class=\"card-header text-center\">\n                                <img class=\"img-product-card\"\n                                     :src=\"product['producto_imagen']['public_path']\"\n                                     :alt=\"product['producto_imagen']['alt']\">\n                            </div>\n                            <div class=\"card-body text-center\">\n                                <p class=\"card-title mt-3 product-title-card\">{{ product.title }}</p>\n                            </div>\n                        </div>\n                    </slide>\n                </carousel>\n            </div>\n        </div>\n    </div>\n</section>\n","<template>\n    <section class=\"d-none d-md-block\" id=\"products\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <h2 class=\"title text-center\">Productos</h2>\n                    <div class=\"row\" v-if=\"isLoading\">\n                        <div class=\"col-12 text-center\">\n                            <div class=\"spinner-border\" style=\"width: 3rem; height: 3rem;\" role=\"status\">\n                                <span class=\"sr-only\">Loading...</span>\n                            </div>\n                        </div>\n                    </div>\n                    <carousel v-if=\"!isLoading && products.length > 0\"\n                              :navigationEnabled=\"true\" :paginationEnabled=\"false\" :perPage=4 :centerMode=\"true\"\n                              :loop=\"false\" navigationNextLabel=\"&#x276F;\" navigationPrevLabel=\"&#x276E;\">\n                        <slide v-for=\"(product, index) in OrdenedProducts\" :key=\"index\">\n                            <div class=\"ml-3 card card-product-small\" style=\"width: 90%\" @click=\"goToProduct(product)\">\n                                <div class=\"card-header text-center\">\n                                    <img class=\"img-product-card\"\n                                         :src=\"product['producto_imagen']['public_path']\"\n                                         :alt=\"product['producto_imagen']['alt']\">\n                                </div>\n                                <div class=\"card-body text-center\">\n                                    <p class=\"card-title mt-3 product-title-card\">{{ product.title }}</p>\n                                </div>\n                            </div>\n                        </slide>\n                    </carousel>\n                </div>\n            </div>\n        </div>\n    </section>\n</template>\n\n<script>\nimport {Carousel, Slide} from 'vue-carousel';\nimport axios from 'axios';\n\nexport default {\n    components: {\n        Carousel, Slide\n    },\n    data() {\n        return {\n            products: [],\n            productData: null,\n            isLoading: true,\n            headers: {  //  Header to use on axios request \n                Accept: \"application/json\",\n                ApiKey: \"99296b00807e5fe3931bdb0b7b48b32f\",\n                \"Content-Type\": \"application/json\",\n                \"x-api-key\": \"9c6334a7-8215-46ff-8ec9-f442cdc43cac\"\n            }\n        }\n    },\n    watch: {\n        $product_data: {\n            handler: function (newValue) {\n                if (newValue) {\n                    this.productData = newValue;\n                }\n            },\n            immediate: true\n        },\n    },\n    mounted() {\n        this.getProducts();\n    },\n    methods: {\n        getProducts() {\n            this.isLoading = true;\n            let params = {\n                jfilter: ''\n            }\n            axios.post(`/api/get-recommended-products`, params, {headers: this.headers})\n                .then(res => {\n                    this.products = res.data.data\n                    this.isLoading = false;\n                })\n                .catch(error => {\n                    console.error(error);\n                    this.isLoading = false;\n                });\n        },\n        goToProduct(data) {\n            trackClick('search-product', data.slug);\n            window.location.href = `/productos/${data.slug}`;\n        }\n    },\n    computed: {\n        OrdenedProducts() {\n            this.products = this.products.sort((a, b) => a.order - b.order);\n            return this.products.filter(a => a.cantidad_pagaras === this.productData.cantidad_pagaras || a.dinero_necesitas === this.productData.dinero_necesitas || a.tiempo_pagaras === this.productData.tiempo_pagaras)\n        }\n    }\n}\n</script>\n\n<style lang=\"sass\">\n</style>","import Vue from 'vue'\nimport App from '../components/products/ProductsSmall.vue'\n\nVue.prototype.$product_data = product_data;\n\ndocument.addEventListener('DOMContentLoaded', () => {\n  const app = new Vue({\n    render: h => h(App)\n  }).$mount('#products-small')\n})"],"names":["render","_vm","_h","_c","product","index","$event","staticRenderFns","__vue2_script","Carousel","Slide","newValue","params","axios","res","error","data","a","b","Vue","h","App"],"mappings":"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"}