{"version":3,"sources":["webpack:///./src/app/modules/marketplace/components/products/highlights/marketplace-highlights-header.component.vue","webpack:///src/app/modules/marketplace/components/products/highlights/marketplace-highlights-header.component.vue","webpack:///./src/app/modules/marketplace/components/products/highlights/marketplace-highlights-header.component.vue?725d","webpack:///./src/app/modules/marketplace/components/products/highlights/marketplace-highlights-header.component.vue?04fd"],"names":["render","_vm","this","_c","_self","staticClass","active_category","key","style","$route","name","selected","img","category","length","attrs","description","details","index","on","$event","card_minize","activeDetails","_e","directives","rawName","value","loading","expression","_l","item","domProps","_s","$icons","arrow_left","empty","_v","errorMsg","data","pageName","options","categories","nativeOn","activeCategory","class","category_image","getInstitutionIcon","partner_institution","category_name","category_description","active_details","strategy","product","nextDetails","staticRenderFns","components","Swiper","SwiperSlide","ProductComponent","CarouselRanking","PlaceholderCardComponent","props","type","Array","default","slidesPerView","centeredSlides","spaceBetween","autoplay","delay","disableOnInteraction","pagination","el","clickable","navigation","nextEl","prevEl","breakpoints","computed","mapState","accountTypes","state","methods","institution","xp","clear","rico_badge","logo","detail","enter","done","tl","TimelineMax","onComplete","set","x","window","innerWidth","scale","transformOrigin","to","ease","Power4","easeOut","leave","TweenMax","fromTo","autoAlpha","product_id","strategies","strategy_id","$nextTick","eventValue","selectedAccount","broker_name","account_number","category_id","$gtm","trackEvent","event","action","label","$api","get","$endpoint","GET_MARKETPLACE_CATEGORY","img_id","sessionStorage","aid","then","response","catch","err","finally","component"],"mappings":"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","file":"js/chunk-2d21b30b.080bca3f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"transform transition-all duration-150\"},[(!_vm.active_category)?_c('div',{key:1,staticClass:\"px-3 md:px-6\"},[_c('h1',{staticClass:\"text-ontick-carbon-900 py-6 text-3xl font-bold dark:text-gray-300\"},[_vm._v(\" \"+_vm._s(_vm.data.pageName)+\" \")]),_c('swiper',{staticClass:\"h-36\",attrs:{\"options\":_vm.options}},_vm._l((_vm.categories),function(item,index){return _c('swiper-slide',{key:index,staticClass:\"group relative h-36 cursor-pointer overflow-hidden rounded-xl shadow-xl\",nativeOn:{\"click\":function($event){return _vm.activeCategory(item)}}},[_c('div',{staticClass:\"h-full transform px-3 py-3 filter duration-200 hover:brightness-125\",class:_vm.$route.name !== 'Analistas XP'\n                ? 'bg-cover bg-center'\n                : 'bg-ontick-steel-500',style:(`${\n              _vm.$route.name !== 'Analistas XP'\n                ? `background-image: url(${item.category_image})`\n                : ''\n            }`)},[_c('div',{staticClass:\"absolute inset-0\"},[(_vm.$route.name === 'Analistas XP')?_c('img',{staticClass:\"absolute right-0 h-full w-auto\",attrs:{\"src\":item.category_image,\"alt\":\"\"}}):_vm._e(),_c('div',{staticClass:\"from-ontick-graphite-500 absolute inset-0 bg-gradient-to-r to-transparent\"}),_c('div',{staticClass:\"bg-ontick-graphite-500 absolute inset-0 opacity-40\"})]),_c('div',{staticClass:\"absolute bottom-4 z-20 w-full -translate-y-16 transform space-y-2 py-3 transition-all duration-300 lg:translate-y-0 lg:group-hover:-translate-y-16\"},[_c('div',{staticClass:\"absolute bottom-0 space-y-2\"},[(_vm.$route.name === 'Analistas XP')?_c('div',{staticClass:\"h-6 w-6\"},[_c('i',{staticClass:\"h-6 w-6\",domProps:{\"innerHTML\":_vm._s(_vm.getInstitutionIcon(item.partner_institution))}})]):_vm._e(),_c('h2',{staticClass:\"text-lg font-semibold !leading-none text-gray-50 dark:text-gray-300\"},[_vm._v(\" \"+_vm._s(item.category_name)+\" \")])]),_c('p',{staticClass:\"absolute w-full pr-6 pt-2 text-xs text-gray-50 transition-all duration-200 group-hover:pt-2 group-hover:opacity-100 dark:text-gray-300 lg:pt-12 lg:opacity-0\"},[_vm._v(\" \"+_vm._s(item.category_description)+\" \")])])])])}),1)],1):_c('div',{key:2,staticClass:\"h-full w-full bg-cover bg-center\",style:(_vm.$route.name === 'Analistas XP'\n          ? ''\n          : `background-image: url(${_vm.selected.img})`)},[_c('div',{staticClass:\"from-ontick-carbon-900 to-ontick-graphite-500 absolute inset-0 w-full bg-gradient-to-t opacity-80\"}),_c('div',{staticClass:\"from-ontick-carbon-500 absolute inset-y-0 w-full bg-gradient-to-t\"}),(_vm.category.length > 0)?_c('carousel-ranking',{attrs:{\"title\":_vm.selected.name,\"description\":_vm.selected.description,\"products\":_vm.category,\"details_index\":_vm.details.index},on:{\"close\":function($event){(_vm.category = []), (_vm.active_category = false), (_vm.card_minize = true)},\"details\":_vm.activeDetails}}):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"grid grid-cols-1 gap-6 px-6 pt-6 md:grid-cols-4\"},_vm._l((4),function(item,index){return _c('placeholder-card-component',{key:index,attrs:{\"qtd\":4}})}),1),(_vm.category.length == 0 && _vm.active_category)?_c('div',{staticClass:\"relative\"},[_c('button',{staticClass:\"ml-6 mt-6 text-white\",on:{\"click\":function($event){(_vm.category = []), (_vm.active_category = false), (_vm.card_minize = true)}}},[_c('i',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.arrow_left)}})]),(_vm.empty)?_c('div',{staticClass:\"p-6 text-gray-400\"},[_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]):_vm._e()]):_vm._e()],1)]),_c('ontick-aero',{attrs:{\"active\":_vm.active_details},on:{\"close\":function($event){(_vm.active_details = false), (_vm.details.index = null)}}},[(_vm.active_details)?_c('product-component',{attrs:{\"active\":_vm.active_details,\"strategy_id\":_vm.details.strategy,\"product_id\":_vm.details.product,\"pagination\":_vm.details.index,\"index_last\":_vm.categories.length - 1},on:{\"close\":function($event){(_vm.active_details = false), (_vm.details.index = null)},\"pagination\":_vm.nextDetails}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"transform transition-all duration-150\">\n      <div class=\"px-3 md:px-6\" v-if=\"!active_category\" :key=\"1\">\n        <h1\n          class=\"text-ontick-carbon-900 py-6 text-3xl font-bold dark:text-gray-300\"\n        >\n          {{ data.pageName }}\n        </h1>\n        <swiper :options=\"options\" class=\"h-36\">\n          <swiper-slide\n            @click.native=\"activeCategory(item)\"\n            v-for=\"(item, index) in categories\"\n            :key=\"index\"\n            class=\"group relative h-36 cursor-pointer overflow-hidden rounded-xl shadow-xl\"\n          >\n            <div\n              class=\"h-full transform px-3 py-3 filter duration-200 hover:brightness-125\"\n              :class=\"\n                $route.name !== 'Analistas XP'\n                  ? 'bg-cover bg-center'\n                  : 'bg-ontick-steel-500'\n              \"\n              :style=\"`${\n                $route.name !== 'Analistas XP'\n                  ? `background-image: url(${item.category_image})`\n                  : ''\n              }`\"\n            >\n              <div class=\"absolute inset-0\">\n                <img\n                  v-if=\"$route.name === 'Analistas XP'\"\n                  :src=\"item.category_image\"\n                  alt=\"\"\n                  class=\"absolute right-0 h-full w-auto\"\n                />\n                <div\n                  class=\"from-ontick-graphite-500 absolute inset-0 bg-gradient-to-r to-transparent\"\n                ></div>\n                <div\n                  class=\"bg-ontick-graphite-500 absolute inset-0 opacity-40\"\n                ></div>\n              </div>\n              <!-- <div\n                class=\"from-ontick-carbon-600 to-ontick-graphite-200 group-hover:from-ontick-blue-900 dark:to-ontick-graphite-400 absolute inset-0 w-full bg-gradient-to-tl opacity-70 mix-blend-normal transition-all duration-300 ease-in-out\"\n              ></div> -->\n              <div\n                class=\"absolute bottom-4 z-20 w-full -translate-y-16 transform space-y-2 py-3 transition-all duration-300 lg:translate-y-0 lg:group-hover:-translate-y-16\"\n              >\n                <div class=\"absolute bottom-0 space-y-2\">\n                  <div class=\"h-6 w-6\" v-if=\"$route.name === 'Analistas XP'\">\n                    <i\n                      v-html=\"getInstitutionIcon(item.partner_institution)\"\n                      class=\"h-6 w-6\"\n                    ></i>\n                  </div>\n                  <h2\n                    class=\"text-lg font-semibold !leading-none text-gray-50 dark:text-gray-300\"\n                  >\n                    {{ item.category_name }}\n                  </h2>\n                </div>\n                <p\n                  class=\"absolute w-full pr-6 pt-2 text-xs text-gray-50 transition-all duration-200 group-hover:pt-2 group-hover:opacity-100 dark:text-gray-300 lg:pt-12 lg:opacity-0\"\n                >\n                  {{ item.category_description }}\n                </p>\n              </div>\n            </div>\n\n            <!-- <h2 class=\"text-gray-300 font-semibold xl:text-2xl text-xl\">\n                {{ item.category_name }}\n              </h2>\n              <p class=\"text-gray-300 text-xs py-3 pr-6 absolute w-full\">\n                {{ item.category_description }}\n              </p> -->\n          </swiper-slide>\n        </swiper>\n      </div>\n      <div\n        v-else\n        :key=\"2\"\n        class=\"h-full w-full bg-cover bg-center\"\n        :style=\"\n          $route.name === 'Analistas XP'\n            ? ''\n            : `background-image: url(${selected.img})`\n        \"\n      >\n        <div\n          class=\"from-ontick-carbon-900 to-ontick-graphite-500 absolute inset-0 w-full bg-gradient-to-t opacity-80\"\n        ></div>\n        <div\n          class=\"from-ontick-carbon-500 absolute inset-y-0 w-full bg-gradient-to-t\"\n        ></div>\n        <carousel-ranking\n          v-if=\"category.length > 0\"\n          :title=\"selected.name\"\n          :description=\"selected.description\"\n          :products=\"category\"\n          :details_index=\"details.index\"\n          @close=\"\n            (category = []), (active_category = false), (card_minize = true)\n          \"\n          @details=\"activeDetails\"\n        />\n        <div\n          v-show=\"loading\"\n          class=\"grid grid-cols-1 gap-6 px-6 pt-6 md:grid-cols-4\"\n        >\n          <placeholder-card-component\n            v-for=\"(item, index) in 4\"\n            :qtd=\"4\"\n            :key=\"index\"\n          />\n        </div>\n\n        <div class=\"relative\" v-if=\"category.length == 0 && active_category\">\n          <button\n            @click=\"\n              (category = []), (active_category = false), (card_minize = true)\n            \"\n            class=\"ml-6 mt-6 text-white\"\n          >\n            <i v-html=\"$icons.arrow_left\"></i>\n          </button>\n          <div class=\"p-6 text-gray-400\" v-if=\"empty\">\n            {{ errorMsg }}\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <ontick-aero\n      :active=\"active_details\"\n      @close=\"(active_details = false), (details.index = null)\"\n    >\n      <product-component\n        v-if=\"active_details\"\n        :active=\"active_details\"\n        :strategy_id=\"details.strategy\"\n        :product_id=\"details.product\"\n        :pagination=\"details.index\"\n        :index_last=\"categories.length - 1\"\n        @close=\"(active_details = false), (details.index = null)\"\n        @pagination=\"nextDetails\"\n      />\n    </ontick-aero>\n  </div>\n</template>\n\n<script>\nimport { Swiper, SwiperSlide } from \"vue-awesome-swiper\";\nimport \"swiper/css/swiper.css\";\nimport { mapState } from \"vuex\";\n\nexport default {\n  components: {\n    Swiper,\n    SwiperSlide,\n    ProductComponent: () =>\n      import(\"../../../pages/details/product.component.vue\"),\n    CarouselRanking: () =>\n      import(\"../highlights/marketplace-highlights-carousel.component.vue\"),\n    PlaceholderCardComponent: () =>\n      import(\n        \"../../../../../shared/components/placeholder/placeholder-card.component.vue\"\n      ),\n  },\n\n  props: {\n    categories: {\n      type: Array,\n      default: [],\n    },\n  },\n\n  data() {\n    return {\n      errorMsg: \"Por enquanto, essa categoria está vazia.\",\n      empty: false,\n      active_category: false,\n      selected: { name: \"\", description: \"\", img: \"\" },\n      category: [],\n      active_details: false,\n      details: { strategy: 0, product: 0, index: 0 },\n      card_minize: true,\n\n      loading: false,\n\n      options: {\n        slidesPerView: 4,\n        centeredSlides: false,\n        spaceBetween: 25,\n        autoplay: {\n          delay: 5000,\n          disableOnInteraction: false,\n        },\n        pagination: {\n          el: \".swiper-pagination\",\n          clickable: true,\n        },\n        navigation: {\n          nextEl: \".swiper-button-next\",\n          prevEl: \".swiper-button-prev\",\n        },\n        breakpoints: {\n          1024: {\n            slidesPerView: 4,\n            spaceBetween: 25,\n          },\n          768: {\n            slidesPerView: 3,\n            spaceBetween: 20,\n          },\n          640: {\n            slidesPerView: 2,\n            spaceBetween: 15,\n          },\n          320: {\n            slidesPerView: 2,\n            spaceBetween: 10,\n          },\n        },\n      },\n    };\n  },\n\n  computed: {\n    ...mapState({\n      accountTypes: (state) => state.accountTypes,\n    }),\n    data() {\n      if (this.$route.name === \"Analistas XP\") {\n        return {\n          pageName: \"Analistas XP\",\n        };\n      } else {\n        return {\n          pageName: \"Destaques\",\n        };\n      }\n    },\n  },\n\n  methods: {\n    getInstitutionIcon(institution) {\n      switch (institution) {\n        case \"XP\":\n          return this.$icons.xp;\n        case \"CLEAR\":\n          return this.$icons.clear;\n        case \"RICO\":\n          return this.$icons.rico_badge;\n        default:\n          return this.$icons.logo;\n      }\n    },\n    activeDetails(detail) {\n      this.details = { ...detail };\n      this.active_details = true;\n    },\n    enter(el, done) {\n      const tl = new TimelineMax({\n        onComplete: done,\n      });\n\n      tl.set(el, {\n        x: window.innerWidth * 0.5,\n        scale: 0.8,\n        transformOrigin: \"50% 50%\",\n      });\n\n      tl.to(el, 0.5, {\n        x: 0,\n        ease: Power4.easeOut,\n      });\n\n      tl.to(el, 0.5, {\n        scale: 1,\n        ease: Power4.easeOut,\n      });\n    },\n    leave(el, done) {\n      TweenMax.fromTo(\n        el,\n        0.5,\n        {\n          autoAlpha: 0,\n        },\n        {\n          autoAlpha: 0,\n          ease: Power4.easeOut,\n          onComplete: done,\n        }\n      );\n    },\n\n    nextDetails(type) {\n      if (\n        this.details.index != 0 ||\n        this.details.index != this.category.length - 1\n      ) {\n        this.details.index =\n          type == \"next\" ? this.details.index + 1 : this.details.index - 1;\n        this.details.product = this.category[this.details.index].product_id;\n        this.details.strategy =\n          this.category[this.details.index].strategies[0].strategy_id;\n      }\n    },\n    activeCategory(category) {\n      this.$nextTick(() => {\n        this.active_category = true;\n        this.selected.name = category.category_name;\n        this.selected.description = category.category_description;\n        this.selected.img = category.category_image;\n      });\n      let eventValue = `(${this.accountTypes.selectedAccount.broker_name} - ${this.accountTypes.selectedAccount.account_number}) ${category.category_id} - ${category.category_name}`;\n      this.$gtm.trackEvent({\n        event: \"interaction\", // Event type [default = 'interaction'] (Optional)\n        category: \"Categoria\",\n        action: \"click\",\n        label: \"Categoria aberta\",\n        value: eventValue,\n      });\n\n      this.loading = true;\n      this.$api\n        .get(\n          `${this.$endpoint.GET_MARKETPLACE_CATEGORY}/${category.category_id}/${category.img_id}?account_id=${sessionStorage.aid}`\n        )\n        .then((response) => {\n          this.empty = false;\n          this.category = response.data;\n        })\n        .catch((err) => {\n          this.category = [];\n          this.empty = true;\n        })\n        .finally(() => {\n          this.loading = false;\n        });\n    },\n\n    // activeDetails(strategy, product, index) {\n    //   this.$emit(\"active_details\", strategy, product, index);\n    // },\n  },\n};\n</script>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./marketplace-highlights-header.component.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./marketplace-highlights-header.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./marketplace-highlights-header.component.vue?vue&type=template&id=3d953c5c\"\nimport script from \"./marketplace-highlights-header.component.vue?vue&type=script&lang=js\"\nexport * from \"./marketplace-highlights-header.component.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}