{"version":3,"file":"home_filters.6f6235c1.js","sources":["../../../app/javascript/components/home-filters/App.vue?vue&type=template&lang.js","../../../app/javascript/components/home-filters/App.vue","../../../app/javascript/entrypoints/home_filters.js"],"sourcesContent":["\n<div>\n    <div class=\"d-flex flex-wrap justify-content-between align-items-center border-bottom pb-3 mb-4\">\n        <h2 class=\"h2-subtitle border-bottom-0 pb-0 mb-0 me-4\" style=\"text-transform: none;\" v-html=\"rewardsTitle\"></h2>\n        <div class=\"d-flex flex-wrap justify-content-between align-items-center\">\n            <label class=\"filter-label me-2\">{{filterText}}</label>\n            <div class=\"d-flex flexm-sm-nowrap\">\n                <select class=\"input-type-2 filter-selector bg-transparent\" v-model=\"taxonomy\">\n                    <option v-for=\"(filter, index) in filters\" :key=\"index\" :value=\"filter.slug ? filter.slug : null\">{{filter.title}}</option>\n                </select>\n\n                <select class=\"input-type-2 filter-selector bg-transparent\" v-model=\"terminal\">\n                    <option v-for=\"(filter, index) in filtersTerminals\" :key=\"index\" :value=\"filter.slug ? filter.slug : null\">{{filter.title}}</option>\n                </select>\n            </div>\n        </div>\n    </div>\n    <template v-if=\"!status.loading && component\">\n        <div class=\"d-flex flex-column justify-content-between\">\n            <div class=\"recompensas-card__container\">\n                <div class=\"class-improv d-flex justify-content-start\" v-if=\"items && items.length > 0\">\n                    <template v-for=\"(item, index) in items\">\n                        <component :is=\"component\" :item=\"item\" :configTexts=\"configTexts\" :locale=\"locale\" :contentVersionID=\"contentVersionID\" :key=\"index\"/>\n                    </template>\n                </div>\n                <div v-else>\n                    {{$locale == 'es' ? 'No se encontraron resultados para la búsqueda realizada' : 'No results were found for the search'}}\n                </div>\n                \n\n                <div class=\"d-flex align-items-center justify-content-end mt-2 pt-2 w-100\">\n                    <a class=\"btn px-4 btn-secondary d-flex flex-nowrap align-items-center\" :href=\"promotionsUrl\">\n                        <span class=\"pe-3\" v-html=\"discountBtn\"></span>\n                        <img src=\"https://asurcloudrunprod-16905.kxcdn.com/public-assets/right-arrow-icon\" class='arrow-icon' alt='arrow'/>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </template>\n    <template v-else>\n        <Skeleton />\n    </template>\n</div>\n","<template>\r\n    <div>\r\n        <div class=\"d-flex flex-wrap justify-content-between align-items-center border-bottom pb-3 mb-4\">\r\n            <h2 class=\"h2-subtitle border-bottom-0 pb-0 mb-0 me-4\" style=\"text-transform: none;\" v-html=\"rewardsTitle\"></h2>\r\n            <div class=\"d-flex flex-wrap justify-content-between align-items-center\">\r\n                <label class=\"filter-label me-2\">{{filterText}}</label>\r\n                <div class=\"d-flex flexm-sm-nowrap\">\r\n                    <select class=\"input-type-2 filter-selector bg-transparent\" v-model=\"taxonomy\">\r\n                        <option v-for=\"(filter, index) in filters\" :key=\"index\" :value=\"filter.slug ? filter.slug : null\">{{filter.title}}</option>\r\n                    </select>\r\n\r\n                    <select class=\"input-type-2 filter-selector bg-transparent\" v-model=\"terminal\">\r\n                        <option v-for=\"(filter, index) in filtersTerminals\" :key=\"index\" :value=\"filter.slug ? filter.slug : null\">{{filter.title}}</option>\r\n                    </select>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <template v-if=\"!status.loading && component\">\r\n            <div class=\"d-flex flex-column justify-content-between\">\r\n                <div class=\"recompensas-card__container\">\r\n                    <div class=\"class-improv d-flex justify-content-start\" v-if=\"items && items.length > 0\">\r\n                        <template v-for=\"(item, index) in items\">\r\n                            <component :is=\"component\" :item=\"item\" :configTexts=\"configTexts\" :locale=\"locale\" :contentVersionID=\"contentVersionID\" :key=\"index\"/>\r\n                        </template>\r\n                    </div>\r\n                    <div v-else>\r\n                        {{$locale == 'es' ? 'No se encontraron resultados para la búsqueda realizada' : 'No results were found for the search'}}\r\n                    </div>\r\n                    \r\n\r\n                    <div class=\"d-flex align-items-center justify-content-end mt-2 pt-2 w-100\">\r\n                        <a class=\"btn px-4 btn-secondary d-flex flex-nowrap align-items-center\" :href=\"promotionsUrl\">\r\n                            <span class=\"pe-3\" v-html=\"discountBtn\"></span>\r\n                            <img src=\"https://asurcloudrunprod-16905.kxcdn.com/public-assets/right-arrow-icon\" class='arrow-icon' alt='arrow'/>\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </template>\r\n        <template v-else>\r\n            <Skeleton />\r\n        </template>\r\n    </div>\r\n</template>\r\n<script>\r\nimport _ from 'lodash';\r\nimport Skeleton from '../filters-with-list/components/Skeleton.vue';\r\n\r\nexport default {\r\n    props: {\r\n        filters: Array,\r\n        rewardsTitle: String,\r\n        filterText: String,\r\n        discountBtn: String,\r\n        configTexts: Object,\r\n        locale: String,\r\n        filtersTerminals: Array,\r\n        hasPromotions: Boolean\r\n    },\r\n    components: { Skeleton },\r\n    computed: {\r\n        contentVersionID() {\r\n            return Boolean(this.metadata?.response_version_id) ? this.metadata.response_version_id : null;\r\n        },\r\n        promotionsUrl() {\r\n            return this.hasPromotions ? (this.locale == 'es' ? '/es/promociones' : '/en/promotions') : (this.locale == 'es' ? '/es/catalogo' : '/en/catalog');\r\n        },\r\n    },\r\n    data: () => ({\r\n        items: [],\r\n        page: 1,\r\n        pageSize: 6,\r\n        metadata: null,\r\n        status: {\r\n            loading: false\r\n        },\r\n        taxonomy: null,\r\n        terminal: null,\r\n        endpoint: 'catalog',\r\n        component: null\r\n    }),\r\n    mounted() {\r\n        if (this.hasPromotions) {\r\n            this.endpoint = 'promotions';\r\n            this.component = () => import('../filters-with-list/components/list-components/PromotionItem.vue');\r\n        } else {\r\n            this.component = () => import('../filters-with-list/components/list-components/CatalogItem.vue');\r\n        }\r\n\r\n        this.getData();\r\n    },\r\n    watch: {\r\n        taxonomy: {\r\n            handler:  _.debounce(function () {\r\n                this.getData();\r\n            }, 500)\r\n        },\r\n        terminal: {\r\n            handler:  _.debounce(function () {\r\n                this.getData();\r\n            }, 500)\r\n        }\r\n    },\r\n    methods: {\r\n        getData() {\r\n            if (this.status.loading) return;\r\n\r\n            this.status.loading = true;\r\n            let queryString = '';\r\n            let urlFilters = []\r\n\r\n            if (this.taxonomy) {\r\n                urlFilters.push(this.taxonomy)\r\n            }\r\n\r\n            if (this.terminal) {\r\n                urlFilters.push(this.terminal)\r\n            }\r\n\r\n            if (urlFilters.length > 0) queryString = `&categories=${urlFilters.join(',')}`;\r\n\r\n            this.$axios.get(`/api/v1/${this.endpoint}?page=${this.page}&pageSize=${this.pageSize}&locale=${this.locale}` + queryString).then(response => {\r\n                this.items = response.data.data;\r\n                this.metadata = response.data.meta;\r\n            }).finally(() => {\r\n                this.status.loading = false;\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.filter-selector {\r\n    cursor: pointer;\r\n    margin-right: 0;\r\n    padding-right: 3rem;\r\n}\r\n</style>","import Vue from 'vue'\r\nimport App from '../components/home-filters/App.vue'\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const app = new Vue({\r\n        render: h => h(App, {\r\n            props: {\r\n                filters: filters,\r\n                config: listConfig,\r\n                locale: locale,\r\n                configTexts: configTexts,\r\n                rewardsTitle: rewardsTitle,\r\n                filterText: filterText,\r\n                discountBtn: discountBtn,\r\n                filtersTerminals: filtersTerminals,\r\n                hasPromotions: hasPromotions\r\n            }\r\n        })\r\n    }).$mount('#home-filters')\r\n})"],"names":["render","_vm","_h","_c","$event","$$selectedVal","o","val","filter","index","item","staticRenderFns","__vue2_script","Skeleton","_a","__vitePreload","_","queryString","urlFilters","response","Vue","h","App"],"mappings":"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"}