{"version":3,"file":"PromotionItem.76bc46c2.js","sources":["../../../app/javascript/components/filters-with-list/components/list-components/PromotionItem.vue?vue&type=template&lang.js","../../../app/javascript/components/filters-with-list/components/list-components/PromotionItem.vue"],"sourcesContent":["\n<div class=\"recompensas-card\" v-if=\"storeVersioned\">\n    <a class=\"recompensas-card__img\" :href=\"itemUrl\">\n        <img v-if=\"item.promotion_image\"\n             :src=\"item.promotion_image.public_path + '?size=list'\"\n             class=\"recompensas-card__img-in\"\n             :alt=\"item.promotion_image.alt\"/>\n    </a>\n\n    <div class=\"recompensas-card__right\">\n        <div class=\"d-flex flex-column h-100 justify-content-center align-items-center px-3\">\n            <div class=\"recompensas-card__brand mt-3 mt-sm-2\">\n                <img v-if=\"storeVersioned && storeVersioned.thumbnail\"\n                     :src=\"storeVersioned.thumbnail.public_path + '?size=list'\"\n                     class=\"img-brand\"\n                     :alt=\"storeVersioned.thumbnail.alt\"/>\n            </div>\n            <span class=\"recompensas-card__discount mt-1 mb-2\">\n                {{item.discount}}\n            </span>\n        </div>\n        <a class=\"btn btn-primary px-4 w-100 d-flex flex-nowrap align-items-center justify-content-center\" :href=\"itemUrl\">\n            <span class=\"pe-3\" v-html=\"configTexts.detailedBtn\"></span>\n            <img src=\"https://asurcloudrunprod-16905.kxcdn.com/public-assets/right-arrow-icon\" alt=\"arrow\" class=\"arrow-icon\">\n        </a>\n    </div>\n</div>\n","<template>\r\n    <div class=\"recompensas-card\" v-if=\"storeVersioned\">\r\n        <a class=\"recompensas-card__img\" :href=\"itemUrl\">\r\n            <img v-if=\"item.promotion_image\"\r\n                 :src=\"item.promotion_image.public_path + '?size=list'\"\r\n                 class=\"recompensas-card__img-in\"\r\n                 :alt=\"item.promotion_image.alt\"/>\r\n        </a>\r\n\r\n        <div class=\"recompensas-card__right\">\r\n            <div class=\"d-flex flex-column h-100 justify-content-center align-items-center px-3\">\r\n                <div class=\"recompensas-card__brand mt-3 mt-sm-2\">\r\n                    <img v-if=\"storeVersioned && storeVersioned.thumbnail\"\r\n                         :src=\"storeVersioned.thumbnail.public_path + '?size=list'\"\r\n                         class=\"img-brand\"\r\n                         :alt=\"storeVersioned.thumbnail.alt\"/>\r\n                </div>\r\n                <span class=\"recompensas-card__discount mt-1 mb-2\">\r\n                    {{item.discount}}\r\n                </span>\r\n            </div>\r\n            <a class=\"btn btn-primary px-4 w-100 d-flex flex-nowrap align-items-center justify-content-center\" :href=\"itemUrl\">\r\n                <span class=\"pe-3\" v-html=\"configTexts.detailedBtn\"></span>\r\n                <img src=\"https://asurcloudrunprod-16905.kxcdn.com/public-assets/right-arrow-icon\" alt=\"arrow\" class=\"arrow-icon\">\r\n            </a>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: {\r\n        item: Object,\r\n        locale: String,\r\n        configTexts: Object,\r\n        contentVersionID: [String, Number]\r\n    },\r\n    computed: {\r\n        store() {\r\n            return this.item.relationships?.story?.store ? this.item.relationships.story.store[0] : null;\r\n        },\r\n        itemUrl() {\r\n            if (this.storeVersioned === null || this.item === null) return;\r\n\r\n            return this.locale === 'es' ?\r\n                `/${this.locale}/tiendas/${this.storeVersioned.slug}/promocion/${this.item.slug}` :\r\n                `/${this.locale}/stores/${this.storeVersioned.slug}/promotion/${this.item.slug}`\r\n        },\r\n        storeVersioned() {\r\n              return this.store?.versions ? this.store.versions.filter(x => parseInt(x.content_version_id) === parseInt(this.contentVersionID))[0] : null\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style>\r\n.img-no-fluid{\r\n    max-width: initial !important;\r\n    height: auto !important;\r\n    width: auto !important;\r\n}\r\n.img-brand{\r\n    height: 100%;\r\n    object-fit: contain;\r\n}\r\n.recompensas-card__img-in{\r\n    width: 100%;\r\n    height: 100%;\r\n    object-position: left;\r\n}\r\n</style>"],"names":["render","_vm","_h","_c","staticRenderFns","__vue2_script","_b","_a","x"],"mappings":"yDAAA,IAAIA,EAAS,UAAY,CAAC,IAAIC,EAAI,KAASC,EAAGD,EAAI,eAAmBE,EAAGF,EAAI,MAAM,IAAIC,EAAG,OAAQD,EAAI,eAAgBE,EAAG,MAAM,CAAC,YAAY,kBAAkB,EAAE,CAACA,EAAG,IAAI,CAAC,YAAY,wBAAwB,MAAM,CAAC,KAAOF,EAAI,OAAO,CAAC,EAAE,CAAEA,EAAI,KAAK,gBAAiBE,EAAG,MAAM,CAAC,YAAY,2BAA2B,MAAM,CAAC,IAAMF,EAAI,KAAK,gBAAgB,YAAc,aAAa,IAAMA,EAAI,KAAK,gBAAgB,GAAG,CAAC,CAAC,EAAEA,EAAI,GAAI,CAAA,CAAC,EAAEE,EAAG,MAAM,CAAC,YAAY,yBAAyB,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,yEAAyE,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,sCAAsC,EAAE,CAAEF,EAAI,gBAAkBA,EAAI,eAAe,UAAWE,EAAG,MAAM,CAAC,YAAY,YAAY,MAAM,CAAC,IAAMF,EAAI,eAAe,UAAU,YAAc,aAAa,IAAMA,EAAI,eAAe,UAAU,GAAG,CAAC,CAAC,EAAEA,EAAI,GAAI,CAAA,CAAC,EAAEE,EAAG,OAAO,CAAC,YAAY,sCAAsC,EAAE,CAACF,EAAI,GAAG,IAAIA,EAAI,GAAGA,EAAI,KAAK,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAEE,EAAG,IAAI,CAAC,YAAY,0FAA0F,MAAM,CAAC,KAAOF,EAAI,OAAO,CAAC,EAAE,CAACE,EAAG,OAAO,CAAC,YAAY,OAAO,SAAS,CAAC,UAAYF,EAAI,GAAGA,EAAI,YAAY,WAAW,CAAC,CAAC,CAAC,EAAEE,EAAG,MAAM,CAAC,YAAY,aAAa,MAAM,CAAC,IAAM,0EAA0E,IAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEF,EAAI,IAAI,EACpzCG,EAAkB,CAAA,EC4BtB,MAAAC,EAAA,CACA,MAAA,CACA,KAAA,OACA,OAAA,OACA,YAAA,OACA,iBAAA,CAAA,OAAA,MAAA,CACA,EACA,SAAA,CACA,OAAA,SACA,OAAAC,GAAAC,EAAA,KAAA,KAAA,gBAAA,YAAAA,EAAA,QAAA,MAAAD,EAAA,MAAA,KAAA,KAAA,cAAA,MAAA,MAAA,GAAA,IACA,EACA,SAAA,CACA,GAAA,OAAA,iBAAA,MAAA,KAAA,OAAA,MAEA,OAAA,KAAA,SAAA,KACA,IAAA,KAAA,kBAAA,KAAA,eAAA,kBAAA,KAAA,KAAA,OACA,IAAA,KAAA,iBAAA,KAAA,eAAA,kBAAA,KAAA,KAAA,MACA,EACA,gBAAA,OACA,OAAAC,EAAA,KAAA,QAAA,MAAAA,EAAA,SAAA,KAAA,MAAA,SAAA,OAAAC,GAAA,SAAAA,EAAA,kBAAA,IAAA,SAAA,KAAA,gBAAA,CAAA,EAAA,GAAA,IACA,CACA,CACA"}