{"version":3,"sources":["webpack:///./src/views/Seller/Integrations/Integrations.vue?3947","webpack:///./node_modules/core-js/internals/engine-ff-version.js","webpack:///./src/services/resources/CallbackService.js","webpack:///./node_modules/core-js/modules/es.array.sort.js","webpack:///./node_modules/core-js/internals/engine-webkit-version.js","webpack:///./node_modules/core-js/internals/engine-is-ie-or-edge.js","webpack:///./src/views/Seller/Integrations/Integrations.vue","webpack:///src/views/Seller/Integrations/Integrations.vue","webpack:///./src/views/Seller/Integrations/Integrations.vue?7c20","webpack:///./src/views/Seller/Integrations/Integrations.vue?7f56"],"names":["userAgent","firefox","match","module","exports","CallbackService","_Rest","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","Rest","_defineProperty","$","uncurryThis","aCallable","toObject","lengthOfArrayLike","deletePropertyOrThrow","toString","fails","internalSort","arrayMethodIsStrict","FF","IE_OR_EDGE","V8","WEBKIT","test","nativeSort","sort","push","FAILS_ON_UNDEFINED","undefined","FAILS_ON_NULL","STRICT_METHOD","STABLE_SORT","code","chr","value","index","result","String","fromCharCode","k","v","a","b","length","charAt","FORCED","getSortCompare","comparefn","x","y","target","proto","forced","array","this","itemsLength","items","arrayLength","webkit","UA","render","_vm","_c","_self","staticClass","attrs","$t","breadcrumbItems","_v","_s","loading","scopedSlots","_u","key","fn","proxy","class","selectedCategory","on","$event","selectCategory","_l","categories","category","concat","i","filteredIntegrations","integration","active","id","getImgUrl","name","actived","staticRenderFns","data","integrations","computed","text","href","_this","sortedIntegrations","slice","localeCompare","filter","category_id","created","fetchIntegrations","methods","image","process","populateCategories","categorySet","Set","forEach","add","Array","from","_this2","build","read","then","response","catch","component"],"mappings":"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","file":"js/chunk-46d6fb30.40b745b1.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../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!./Integrations.vue?vue&type=style&index=0&id=f12e1c78&prod&lang=scss&scoped=true&\"","var userAgent = require('../internals/engine-user-agent');\n\nvar firefox = userAgent.match(/firefox\\/(\\d+)/i);\n\nmodule.exports = !!firefox && +firefox[1];\n","import Rest from '@/services/Rest';\n\n/**\n * @typedef {CallbackService}\n */\nexport default class CallbackService extends Rest {\n  /**\n   * @type {String}\n   */\n  static resource = '/callback'\n}","'use strict';\nvar $ = require('../internals/export');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\nvar deletePropertyOrThrow = require('../internals/delete-property-or-throw');\nvar toString = require('../internals/to-string');\nvar fails = require('../internals/fails');\nvar internalSort = require('../internals/array-sort');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar FF = require('../internals/engine-ff-version');\nvar IE_OR_EDGE = require('../internals/engine-is-ie-or-edge');\nvar V8 = require('../internals/engine-v8-version');\nvar WEBKIT = require('../internals/engine-webkit-version');\n\nvar test = [];\nvar nativeSort = uncurryThis(test.sort);\nvar push = uncurryThis(test.push);\n\n// IE8-\nvar FAILS_ON_UNDEFINED = fails(function () {\n  test.sort(undefined);\n});\n// V8 bug\nvar FAILS_ON_NULL = fails(function () {\n  test.sort(null);\n});\n// Old WebKit\nvar STRICT_METHOD = arrayMethodIsStrict('sort');\n\nvar STABLE_SORT = !fails(function () {\n  // feature detection can be too slow, so check engines versions\n  if (V8) return V8 < 70;\n  if (FF && FF > 3) return;\n  if (IE_OR_EDGE) return true;\n  if (WEBKIT) return WEBKIT < 603;\n\n  var result = '';\n  var code, chr, value, index;\n\n  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)\n  for (code = 65; code < 76; code++) {\n    chr = String.fromCharCode(code);\n\n    switch (code) {\n      case 66: case 69: case 70: case 72: value = 3; break;\n      case 68: case 71: value = 4; break;\n      default: value = 2;\n    }\n\n    for (index = 0; index < 47; index++) {\n      test.push({ k: chr + index, v: value });\n    }\n  }\n\n  test.sort(function (a, b) { return b.v - a.v; });\n\n  for (index = 0; index < test.length; index++) {\n    chr = test[index].k.charAt(0);\n    if (result.charAt(result.length - 1) !== chr) result += chr;\n  }\n\n  return result !== 'DGBEFHACIJK';\n});\n\nvar FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;\n\nvar getSortCompare = function (comparefn) {\n  return function (x, y) {\n    if (y === undefined) return -1;\n    if (x === undefined) return 1;\n    if (comparefn !== undefined) return +comparefn(x, y) || 0;\n    return toString(x) > toString(y) ? 1 : -1;\n  };\n};\n\n// `Array.prototype.sort` method\n// https://tc39.es/ecma262/#sec-array.prototype.sort\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  sort: function sort(comparefn) {\n    if (comparefn !== undefined) aCallable(comparefn);\n\n    var array = toObject(this);\n\n    if (STABLE_SORT) return comparefn === undefined ? nativeSort(array) : nativeSort(array, comparefn);\n\n    var items = [];\n    var arrayLength = lengthOfArrayLike(array);\n    var itemsLength, index;\n\n    for (index = 0; index < arrayLength; index++) {\n      if (index in array) push(items, array[index]);\n    }\n\n    internalSort(items, getSortCompare(comparefn));\n\n    itemsLength = lengthOfArrayLike(items);\n    index = 0;\n\n    while (index < itemsLength) array[index] = items[index++];\n    while (index < arrayLength) deletePropertyOrThrow(array, index++);\n\n    return array;\n  }\n});\n","var userAgent = require('../internals/engine-user-agent');\n\nvar webkit = userAgent.match(/AppleWebKit\\/(\\d+)\\./);\n\nmodule.exports = !!webkit && +webkit[1];\n","var UA = require('../internals/engine-user-agent');\n\nmodule.exports = /MSIE|Trident/.test(UA);\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"integrations font-inter\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"flex-grow-1 bd-highlight\"},[_c('BaseHeader',{attrs:{\"title\":_vm.$t('views.seller.integrations.title')}}),_c('b-breadcrumb',{staticClass:\"bg-white m-0 p-0\",attrs:{\"items\":_vm.breadcrumbItems}})],1),_c('div',{staticClass:\"align-content-center bd-highlight\"},[_c('router-link',{staticClass:\"btn-outline mt-4\",attrs:{\"to\":\"/integracoes/logs-de-envio\"}},[_vm._v(_vm._s(_vm.$t('views.seller.integrations.show.logs.button')))])],1)]),_c('div',{staticClass:\"divider mt-3\"}),_c('div',{staticClass:\"d-flex align-self-start flex-acoes\"},[_c('div',{staticClass:\"py-2 pl-4 pr-5 bd-highlight\"},[_c('div',{staticClass:\"categories\"},[_c('strong',{staticClass:\"title-medium\"},[_vm._v(_vm._s(_vm.$t('views.seller.integrations.show.categories.title')))]),_c('b-skeleton-wrapper',{staticClass:\"list\",attrs:{\"loading\":_vm.loading},scopedSlots:_vm._u([{key:\"loading\",fn:function(){return [_c('b-skeleton',{staticClass:\"my-4\",attrs:{\"width\":\"55%\"}}),_c('b-skeleton',{staticClass:\"my-4\",attrs:{\"width\":\"95%\"}}),_c('b-skeleton',{staticClass:\"my-4\",attrs:{\"width\":\"80%\"}}),_c('b-skeleton',{staticClass:\"my-4\",attrs:{\"width\":\"85%\"}})]},proxy:true}])},[_c('ul',{staticClass:\"list\"},[_c('li',[_c('b-button',{staticClass:\"filter\",class:{'active': _vm.selectedCategory === 'all'},on:{\"click\":function($event){return _vm.selectCategory('all')}}},[_vm._v(_vm._s(_vm.$t('views.seller.integrations.show.categories.list.all')))])],1),_vm._l((_vm.categories),function(category){return _c('li',{key:category},[_c('b-button',{staticClass:\"filter\",class:{'active': _vm.selectedCategory === category},on:{\"click\":function($event){return _vm.selectCategory(category)}}},[_vm._v(_vm._s(_vm.$t(`views.seller.integrations.show.categories.list.${category}`)))])],1)})],2)])],1)]),_c('div',{staticClass:\"py-2 pl-2 flex-grow-1 bd-highlight\"},[_c('strong',{staticClass:\"title-medium\"},[_vm._v(\" \"+_vm._s((_vm.selectedCategory == 'all') ? _vm.$t('views.seller.integrations.show.items.title') : _vm.$t(`views.seller.integrations.show.categories.list.${_vm.selectedCategory}`))+\" \")]),_c('b-skeleton-wrapper',{staticClass:\"cards\",attrs:{\"loading\":_vm.loading},scopedSlots:_vm._u([{key:\"loading\",fn:function(){return _vm._l((12),function(i){return _c('div',{key:i,staticClass:\"card\"},[_c('div',{staticClass:\"image\"},[_c('b-skeleton-img',{attrs:{\"no-aspect\":\"\",\"height\":\"50px\"}})],1),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"info\"},[_c('b-skeleton',{staticClass:\"my-2\",attrs:{\"width\":\"55%\"}}),_c('b-skeleton',{staticClass:\"my-2\",attrs:{\"width\":\"90%\"}}),_c('b-skeleton',{staticClass:\"my-2\",attrs:{\"width\":\"95%\"}})],1),_c('div',{staticClass:\"action\"},[_c('b-skeleton',{attrs:{\"type\":\"button\",\"width\":\"55%\"}})],1)])])})},proxy:true}])},[_c('div',{staticClass:\"cards\"},_vm._l((_vm.filteredIntegrations),function(integration,i){return _c('router-link',{key:i,staticClass:\"card\",class:{'active': integration.active},attrs:{\"to\":`/integracoes/${integration.id}`}},[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":_vm.getImgUrl(integration.id),\"alt\":integration.name}})]),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"info\"},[_c('strong',[_vm._v(_vm._s(integration.name))]),_c('p',[_vm._v(_vm._s(_vm.$t(`views.seller.integrations.show.items.descriptions.${integration.id}`)))])]),_c('div',{staticClass:\"action\"},[(integration.active)?[(integration.actived > 0)?[_c('b-button',{staticClass:\"integrated\"},[_vm._v(_vm._s(_vm.$t('views.seller.integrations.show.items.integrated'))+\" \"+_vm._s(integration.actived > 1 ? `(${integration.actived})` : ''))])]:[_c('b-button',{staticClass:\"add-integrations\"},[_vm._v(_vm._s(_vm.$t('views.seller.integrations.show.items.call')))])]]:[_c('b-button',{staticClass:\"no-integrated\"},[_vm._v(_vm._s(_vm.$t('views.seller.integrations.show.items.shortly')))])]],2)])])}),1)])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"integrations font-inter\">\n    <div class=\"d-flex\">\n      <div class=\"flex-grow-1 bd-highlight\">\n        <BaseHeader :title=\"$t('views.seller.integrations.title')\"></BaseHeader>\n        <b-breadcrumb :items=\"breadcrumbItems\" class=\"bg-white m-0 p-0\"></b-breadcrumb>\n      </div>\n      <div class=\"align-content-center bd-highlight\">\n        <router-link to=\"/integracoes/logs-de-envio\" class=\"btn-outline mt-4\">{{ $t('views.seller.integrations.show.logs.button') }}</router-link>\n      </div>\n    </div>\n    <div class=\"divider mt-3\"></div>\n    <div class=\"d-flex align-self-start flex-acoes\">\n      <div class=\"py-2 pl-4 pr-5 bd-highlight\">\n        <div class=\"categories\">\n          <strong class=\"title-medium\">{{ $t('views.seller.integrations.show.categories.title') }}</strong>\n          <b-skeleton-wrapper :loading=\"loading\" class=\"list\">\n            <template #loading>\n              <b-skeleton class=\"my-4\" width=\"55%\"></b-skeleton>\n              <b-skeleton class=\"my-4\" width=\"95%\"></b-skeleton>\n              <b-skeleton class=\"my-4\" width=\"80%\"></b-skeleton>\n              <b-skeleton class=\"my-4\" width=\"85%\"></b-skeleton>\n            </template>\n            <ul class=\"list\">\n              <li>\n                <b-button @click=\"selectCategory('all')\" :class=\"{'active': selectedCategory === 'all'}\" class=\"filter\">{{ $t('views.seller.integrations.show.categories.list.all') }}</b-button>\n              </li>\n              <li v-for=\"category in categories\" :key=\"category\">\n                <b-button @click=\"selectCategory(category)\" :class=\"{'active': selectedCategory === category}\" class=\"filter\">{{ $t(`views.seller.integrations.show.categories.list.${category}`) }}</b-button>\n              </li>\n            </ul>\n          </b-skeleton-wrapper>\n        </div>\n      </div>\n      <div class=\"py-2 pl-2 flex-grow-1 bd-highlight\">\n        <strong class=\"title-medium\">\n          {{ (selectedCategory == 'all')\n            ? $t('views.seller.integrations.show.items.title') \n            : $t(`views.seller.integrations.show.categories.list.${selectedCategory}`)\n          }}\n        </strong>\n        <b-skeleton-wrapper :loading=\"loading\" class=\"cards\">\n          <template #loading>\n            <div class=\"card\" v-for=\"i in 12\" :key=\"i\">\n              <div class=\"image\">\n                <b-skeleton-img no-aspect height=\"50px\"></b-skeleton-img>\n              </div>\n              <div class=\"content\">\n                <div class=\"info\">\n                  <b-skeleton class=\"my-2\" width=\"55%\"></b-skeleton>\n                  <b-skeleton class=\"my-2\" width=\"90%\"></b-skeleton>\n                  <b-skeleton class=\"my-2\" width=\"95%\"></b-skeleton>\n                </div>\n                <div class=\"action\">\n                  <b-skeleton type=\"button\" width=\"55%\"></b-skeleton>\n                </div>\n              </div>\n            </div>\n          </template>\n          <div class=\"cards\">\n            <router-link v-for=\"(integration, i) in filteredIntegrations\" :key=\"i\" class=\"card\" :class=\"{'active': integration.active}\" :to=\"`/integracoes/${integration.id}`\">\n              <div class=\"image\">\n                <img :src=\"getImgUrl(integration.id)\" :alt=\"integration.name\"/>\n              </div>\n              <div class=\"content\">\n                <div class=\"info\">\n                  <strong>{{ integration.name }}</strong>\n                  <p>{{ $t(`views.seller.integrations.show.items.descriptions.${integration.id}`) }}</p>\n                </div>\n                <div class=\"action\">\n                  <template v-if=\"integration.active\">\n                    <template v-if=\"integration.actived > 0\">\n                      <b-button class=\"integrated\">{{ $t('views.seller.integrations.show.items.integrated') }} {{ integration.actived > 1 ? `(${integration.actived})` : '' }}</b-button>\n                    </template>\n                    <template v-else>\n                      <b-button class=\"add-integrations\">{{ $t('views.seller.integrations.show.items.call') }}</b-button>\n                    </template>\n                  </template>\n                  <template v-else>\n                    <b-button class=\"no-integrated\">{{ $t('views.seller.integrations.show.items.shortly') }}</b-button>\n                  </template>\n                </div>\n              </div>\n            </router-link>\n          </div>\n        </b-skeleton-wrapper>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CallbackService from '@/services/resources/CallbackService';\n\nexport default {\n  name: \"Integrations\",\n  data: () => {\n    return {\n      loading: true,\n      selectedCategory: 'all',\n      categories: [],\n      integrations: []\n    }\n  },\n  computed: {\n    breadcrumbItems() {\n      return [\n        { text: 'Dashboard', href: '/dashboard' },\n        { text: this.$t('views.seller.integrations.title') }\n      ];\n    },\n    filteredIntegrations() {\n      const sortedIntegrations = this.integrations.slice().sort((a, b) => {\n        if ((a.actived > 0 && b.actived > 0) || (a.actived === 0 && b.actived === 0)) {\n          return a.name.localeCompare(b.name);\n        }\n        return b.actived - a.actived;\n      });\n\n      if (this.selectedCategory === 'all') {\n        return sortedIntegrations;\n      } else {\n        return sortedIntegrations.filter(integration => integration.category_id === this.selectedCategory);\n      }\n    },\n  },\n  created() {\n    this.fetchIntegrations();\n  },\n  methods: {\n    getImgUrl(image) {\n      return `${process.env.VUE_APP_CREATORS_ASSETS_URL}/integrations/${image}.png`;\n    },\n    populateCategories(integrations) {\n      let categorySet = new Set();\n      integrations.forEach(integration => {\n        categorySet.add(integration.category_id);\n      });\n      this.categories = Array.from(categorySet).sort();\n    },\n    selectCategory(category) {\n      this.selectedCategory = category;\n    },\n    fetchIntegrations() {\n      this.loading = true;\n      CallbackService.build().read('integrations/all')\n      .then(response => {\n        this.populateCategories(response);\n        this.integrations = response;\n        this.loading = false;\n      })\n      .catch(() => {\n      });\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.integrations {\n\n  .title-medium {\n    margin-bottom: 24px;\n  }\n\n  .categories {\n    position: sticky;\n    width: 250px;\n    top: 24px;\n\n    ul.list {\n      .filter {\n        background: transparent;\n        color: #64748B;\n        font-weight: 500;\n        font-size: 16px;\n        border-radius: 8px;\n        padding: 0 10px;\n        display: flex;\n        align-items: center;\n        border: none;\n        height: 40px;\n        width: 100%;\n\n        &.active {\n          background: #F3F4F6;\n          color: #0854C5;\n        }\n\n        &:hover {\n          color: #0854C5;\n        }\n      }\n    }\n  }\n\n  .cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    grid-gap: 24px;\n\n    .card {\n      border-radius: 10px;\n      border: solid 1px #CCC;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      cursor: default;\n      pointer-events: none;\n\n      &.active {\n        pointer-events: auto;\n      }\n\n      .image {\n        min-height: 104px;\n        flex-shrink: 0;\n        padding: 24px;\n\n        img {\n          height: 55px;\n          margin: 0 auto;\n        }\n      }\n\n      .content {\n        flex-grow: 1;\n        border-top: solid 1px #CCC;\n        background: #f9fafb;\n        padding: 32px 24px 24px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n\n        .info {\n          margin-bottom: 24px;\n\n          strong {\n            font-weight: 600;\n            font-size: 16px;\n            display: block;\n            white-space: nowrap;                  \n            overflow: hidden;\n            text-overflow: ellipsis;\n            margin-bottom: 4px;\n          }\n          p {\n            font-size: 12px;\n            line-height: 1.4;\n            color: #6B7280;\n            display: -webkit-box;\n            -webkit-line-clamp: 3;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n        }\n\n        .action {\n          .add-integrations, .integrated, .no-integrated {\n            padding: 0 10px;\n            height: 32px;\n            border-radius: 6px;\n            font-size: 12px;\n            font-weight: 500;\n            border: solid 1px #0854C5;\n            color: #0854C5;\n            background: transparent;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n          }\n\n          .integrated {\n            background: #D1FAE5;\n            border-color: #D1FAE5;\n            color: #059669;\n            font-weight: 600;\n          }\n\n          .no-integrated {\n            background: #FEF3C7;\n            border-color: #FEF3C7;\n            color: #D97706;\n            font-weight: 600;\n          }\n        }\n      }\n\n      &:hover {\n        text-decoration: none;\n      \n        &.active {\n          cursor: pointer;\n          box-shadow: 0 4px 10px 0 #0000001A;\n          transition: box-shadow 0.3s;\n\n          .content .action .add-integrations {\n            background: #0854C5;\n            color: #FFF;\n          }\n        }\n      }\n    }\n  }\n}\n</style>","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!./Integrations.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!./Integrations.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Integrations.vue?vue&type=template&id=f12e1c78&scoped=true&\"\nimport script from \"./Integrations.vue?vue&type=script&lang=js&\"\nexport * from \"./Integrations.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Integrations.vue?vue&type=style&index=0&id=f12e1c78&prod&lang=scss&scoped=true&\"\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  \"f12e1c78\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}