{"version":3,"sources":["webpack:///./src/views/apps/ads/create/SelectTariff.vue?f2bf","webpack:///src/views/apps/ads/create/SelectTariff.vue","webpack:///./src/views/apps/ads/create/SelectTariff.vue?d459","webpack:///./src/views/apps/ads/create/SelectTariff.vue?751e","webpack:///./src/views/apps/ads/create/SelectTariff.vue?60a8","webpack:///./src/api/integrations.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticStyle","_v","_s","$t","_l","item","index","key","name","integration","objectID","slot","on","$event","toggleItemInWishList","isInWishList","id","code","staticRenderFns","components","ItemGridView","ItemListView","data","integrations","isFilterSidebarActive","clickNotClose","currentItemView","computed","toValue","isInCart","windowWidth","$store","state","watch","setSidebarWidth","methods","loadIntegrations","toggleFilterSidebar","dispatch","additemInCart","cartButtonClicked","created","component","getIntegrations","request","url","method","getIntegrationTemplates"],"mappings":"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","file":"js/chunk-24f3343a.95c14f39.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"relative clearfix\",attrs:{\"id\":\"algolia-content-container\"}},[_c('div',[_c('div',{staticStyle:{\"align-items\":\"center\",\"padding\":\"20px\"}},[_c('h2',{staticStyle:{\"color\":\"#29c770\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.$t(\"selectTariff.title\")))])]),_c('div',{staticStyle:{\"padding\":\"5px 20px\"}},[_c('div',{staticClass:\"row\"},_vm._l((_vm.integrations),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2\"},[_c('vx-card',[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"flex justify-between\"},[_c('feather-icon',{attrs:{\"icon\":\"InstagramIcon\",\"svgClasses\":\"h-8 w-8\"}}),_c('h3',{staticClass:\"card-title\"},[_vm._v(_vm._s(item.name))])],1)])])],1)}),0)]),_c('div',_vm._l((_vm.integrations),function(integration,index){return _c('vx-card',{key:index,attrs:{\"no-shadow\":\"\",\"title\":integration.name}},[_c('div',{staticClass:\"items-grid-view vx-row match-height\"},_vm._l((integration.tariffs),function(item){return _c('div',{key:item.objectID,staticClass:\"vx-col lg:w-1/3 sm:w-1/2 w-full\"},[_c('item-grid-view',{attrs:{\"item\":item,\"integration\":integration}},[_c('template',{slot:\"action-buttons\"},[_c('div',{staticClass:\"flex flex-wrap\"},[_c('div',{staticClass:\"item-view-primary-action-btn p-3 flex flex-grow items-center justify-center cursor-pointer\",on:{\"click\":function($event){return _vm.toggleItemInWishList(item)}}},[_c('feather-icon',{attrs:{\"icon\":\"InfoIcon\",\"svgClasses\":[\n                                {\n                                  'text-danger fill-current': _vm.isInWishList(\n                                    item.objectID\n                                  )\n                                },\n                                'h-4 w-4'\n                              ]}}),_c('span',{staticClass:\"text-sm font-semibold ml-2\"},[_vm._v(_vm._s(_vm.$t(\"Info\")))])],1),_c('div',{staticClass:\"item-view-secondary-action-btn bg-primary p-3 flex flex-grow items-center justify-center text-white cursor-pointer\"},[_c('feather-icon',{attrs:{\"icon\":\"ShoppingBagIcon\",\"svgClasses\":\"h-4 w-4\"}}),_c('router-link',{attrs:{\"to\":\"/apps/ads/create?tariffId=\" +\n                                  item.id +\n                                  \"&integrationCode=\" +\n                                  integration.code}},[_c('span',{staticClass:\"text-sm font-semibold ml-2\",staticStyle:{\"color\":\"#ffffff\"}},[_vm._v(_vm._s(_vm.$t(\"CreateAds\")))])])],1)])])],2)],1)}),0)])}),1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n      <div id=\"algolia-content-container\" class=\"relative clearfix\">\n        <!-- RIGHT COL -->\n        <div>\n          <div style=\"align-items: center; padding: 20px\">\n            <h2 style=\"color: #29c770; font-weight: bold\">{{ $t(\"selectTariff.title\") }}</h2>\n          </div>\n          <div style=\"padding: 5px 20px\">\n            <div class=\"row\">\n              <div v-for=\"(item, index) in integrations\" class=\"col-md-2\" :key=\"index\">\n                <vx-card>\n                  <div class=\"card-body\">\n                    <div class=\"flex justify-between\">\n                      <feather-icon\n                        icon=\"InstagramIcon\"\n                        svgClasses=\"h-8 w-8\"\n                      />\n                      <h3 class=\"card-title\">{{ item.name }}</h3>\n                  </div>\n                    </div>\n                </vx-card>\n              </div>\n            </div>\n          </div>\n            <div>\n              <vx-card\n                no-shadow\n                v-for=\"(integration, index) in integrations\"\n                :title=\"integration.name\"\n                :key=\"index\"\n              >\n                  <div class=\"items-grid-view vx-row match-height\">\n                    <div\n                      class=\"vx-col lg:w-1/3 sm:w-1/2 w-full\"\n                      v-for=\"item in integration.tariffs\"\n                      :key=\"item.objectID\"\n                    >\n                      <item-grid-view :item=\"item\" :integration=\"integration\">\n                        <!-- SLOT: ACTION BUTTONS -->\n                        <template slot=\"action-buttons\">\n                          <div class=\"flex flex-wrap\">\n                            <!-- PRIMARY BUTTON: ADD TO WISH LIST -->\n                            <div\n                              class=\"item-view-primary-action-btn p-3 flex flex-grow items-center justify-center cursor-pointer\"\n                              @click=\"toggleItemInWishList(item)\"\n                            >\n                              <feather-icon\n                                icon=\"InfoIcon\"\n                                :svgClasses=\"[\n                                  {\n                                    'text-danger fill-current': isInWishList(\n                                      item.objectID\n                                    )\n                                  },\n                                  'h-4 w-4'\n                                ]\"\n                              />\n\n                              <span class=\"text-sm font-semibold ml-2\">{{\n                                $t(\"Info\")\n                              }}</span>\n                            </div>\n\n                            <!-- SECONDARY BUTTON: ADD-TO/VIEW-IN CART -->\n                            <div\n                              class=\"item-view-secondary-action-btn bg-primary p-3 flex flex-grow items-center justify-center text-white cursor-pointer\"\n                            >\n                              <feather-icon\n                                icon=\"ShoppingBagIcon\"\n                                svgClasses=\"h-4 w-4\"\n                              />\n                              <router-link\n                                :to=\"\n                                  `/apps/ads/create?tariffId=` +\n                                    item.id +\n                                    `&integrationCode=` +\n                                    integration.code\n                                \"\n                                ><span\n                                  class=\"text-sm font-semibold ml-2\"\n                                  style=\"color: #ffffff;\"\n                                  >{{ $t(\"CreateAds\") }}</span\n                                ></router-link\n                              >\n                            </div>\n                          </div>\n                        </template>\n                      </item-grid-view>\n                    </div>\n                  </div>\n              </vx-card>\n            </div>\n        </div>\n      </div>\n\n  </div>\n</template>\n\n<script>\nimport { getIntegrations } from '@/api/integrations'\n\nexport default {\n  components: {\n    ItemGridView: () => import('./components/ItemGridView'),\n    ItemListView: () => import('./components/ItemListView')\n  },\n  data () {\n    return {\n      integrations: [],\n      isFilterSidebarActive: true,\n      clickNotClose: true,\n      currentItemView: 'item-grid-view'\n    }\n  },\n  computed: {\n    toValue () {\n      return (value, range) => [\n        value.min !== null ? value.min : range.min,\n        value.max !== null ? value.max : range.max\n      ]\n    },\n    // GRID VIEW\n    isInCart () {\n      return itemId => this.$store.getters['eCommerce/isInCart'](itemId)\n    },\n    isInWishList () {\n      return itemId => this.$store.getters['eCommerce/isInWishList'](itemId)\n    },\n    windowWidth () {\n      return this.$store.state.windowWidth\n    }\n  },\n  watch: {\n    windowWidth () {\n      this.setSidebarWidth()\n    }\n  },\n  methods: {\n    loadIntegrations () {\n      getIntegrations().then(response => {\n        const { data } = response\n        this.integrations = data\n      })\n    },\n    setSidebarWidth () {\n      if (this.windowWidth < 992) {\n        this.isFilterSidebarActive = this.clickNotClose = false\n      } else {\n        this.isFilterSidebarActive = this.clickNotClose = true\n      }\n    },\n    // GRID VIEW - ACTIONS\n    toggleFilterSidebar () {\n      if (this.clickNotClose) return\n      this.isFilterSidebarActive = !this.isFilterSidebarActive\n    },\n    toggleItemInWishList (item) {\n      this.$store.dispatch('eCommerce/toggleItemInWishList', item)\n    },\n    additemInCart (item) {\n      this.$store.dispatch('eCommerce/additemInCart', item)\n    },\n    cartButtonClicked (item) {\n      this.isInCart(item.objectID)\n        ? this.$router.push('/apps/eCommerce/checkout').catch(() => {})\n        : this.additemInCart(item)\n    }\n  },\n  created () {\n    this.loadIntegrations()\n    this.setSidebarWidth()\n  }\n}\n</script>\n\n<style lang=\"scss\">\n#algolia-instant-search-demo {\n  .algolia-header {\n    .algolia-filters-label {\n      width: calc(260px + 2.4rem);\n    }\n  }\n\n  #algolia-content-container {\n    .vs-sidebar {\n      position: relative;\n      float: left;\n    }\n  }\n\n  .algolia-search-input-right-aligned-icon {\n    padding: 1rem 1.5rem;\n  }\n\n  .algolia-price-slider {\n    min-width: unset;\n  }\n\n  .item-view-primary-action-btn {\n    color: #2c2c2c !important;\n    background-color: #f6f6f6;\n    min-width: 50%;\n  }\n\n  .item-view-secondary-action-btn {\n    min-width: 50%;\n  }\n}\n\n.theme-dark {\n  #algolia-instant-search-demo {\n    #algolia-content-container {\n      .vs-sidebar {\n        background-color: #10163a;\n      }\n    }\n  }\n}\n\n@media (min-width: 992px) {\n  .vs-sidebar-rounded {\n    .vs-sidebar {\n      border-radius: 0.5rem;\n    }\n\n    .vs-sidebar--items {\n      border-radius: 0.5rem;\n    }\n  }\n}\n\n@media (max-width: 992px) {\n  #algolia-content-container {\n    .vs-sidebar {\n      position: absolute !important;\n      float: none !important;\n    }\n  }\n}\n\n.card-title {\n  font-size: 9px;\n  padding-top: 3px;\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectTariff.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectTariff.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectTariff.vue?vue&type=template&id=6e60188d&\"\nimport script from \"./SelectTariff.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectTariff.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectTariff.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectTariff.vue?vue&type=style&index=0&lang=scss&\"","import request from '@/utils/request'\n\nexport function getIntegrations () {\n  return request({\n    url: '/api/v1/integrations',\n    method: 'get'\n  })\n}\nexport function getMyIntegrations () {\n  return request({\n    url: '/api/v1/integrations/my-tariffs',\n    method: 'get'\n  })\n}\nexport function getIntegrationTemplates (code) {\n  return request({\n    url: `/integrations/templates/${code}`,\n    method: 'get'\n  })\n}\n"],"sourceRoot":""}