{"version":3,"sources":["webpack:///./src/views/onboarding/ConnectChannel.vue?7a76","webpack:///src/views/onboarding/ConnectChannel.vue","webpack:///./src/views/onboarding/ConnectChannel.vue?0625","webpack:///./src/views/onboarding/ConnectChannel.vue","webpack:///./src/views/onboarding/ConnectChannel.vue?46ff"],"names":["components","BInputGroupAppend","BInputGroup","BFormInput","BFormCheckbox","BFormGroup","BRow","BCol","BButton","VBModal","directives","data","filter","creativePlatformList","value","text","status","computed","filteredPlatforms","platform","toLowerCase","includes","methods","handleCheckboxChange","isChecked","path","$router","push","name","clearFilter","component","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","staticStyle","model","callback","$$v","expression","on","_l","val","index","key","$event","_s","rawName","modifiers","staticRenderFns"],"mappings":"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","file":"js/chunk-b2d3346a.777459d5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('div',{staticClass:\"mb-2\"},[_c('h3',[_vm._v(\"Connect Channel\")])])])],1),_c('b-row',{attrs:{\"no-gutters\":\"\"}},[_c('b-col',{staticStyle:{\"padding-left\":\"0px\"},attrs:{\"cols\":\"12\"}},[_c('b-form-group',{staticClass:\"mb-1\"},[_c('b-input-group',{attrs:{\"size\":\"sm\"}},[_c('b-form-input',{attrs:{\"id\":\"filterInput\",\"type\":\"search\",\"placeholder\":\"Type to Search\"},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=$$v},expression:\"filter\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"disabled\":!_vm.filter,\"variant\":\"primary\"},on:{\"click\":_vm.clearFilter}},[_vm._v(\" Clear \")])],1)],1)],1)],1)],1),_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Please select channel to create a new integration.\",\"label-for\":\"platform\"}},_vm._l((_vm.filteredPlatforms),function(val,index){return _c('b-form-checkbox',{key:index,staticClass:\"custom-control-primary iconbox-checkbox\",attrs:{\"button\":\"\",\"button-variant\":\"outline-primary\"},on:{\"change\":function($event){return _vm.handleCheckboxChange($event, val.value)}}},[_vm._v(\" \"+_vm._s(val.text)+\" \"),_c('div')])}),1)],1)],1),_c('b-row',[_c('b-col',{staticClass:\"text-right\",attrs:{\"cols\":\"12\"}},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.new-connection\",modifiers:{\"new-connection\":true}}],attrs:{\"variant\":\"primary\"}},[_vm._v(\" New Connection \")])],1)],1),_c('b-modal',{attrs:{\"id\":\"new-connection\",\"title\":\"New Connection\",\"hide-footer\":\"\",\"centered\":\"\"}},[_c('b-row',[_c('b-col',[_c('b-form-group',{attrs:{\"label\":\"Please select channel to create a new integration.\",\"label-for\":\"platform\"}},_vm._l((_vm.creativePlatformList),function(val,index){return _c('b-form-checkbox',{key:index,staticClass:\"custom-control-primary iconbox-checkbox\",attrs:{\"button\":\"\",\"button-variant\":val.status === 'connected' ? 'outline-success' : 'dark'}},[_vm._v(\" \"+_vm._s(val.text)+\" \"),_c('div')])}),1)],1)],1),_c('b-row',[_c('b-col',{staticClass:\"text-right\",attrs:{\"cols\":\"12\"}},[_c('b-button',{attrs:{\"variant\":\"primary\"}},[_vm._v(\" Done \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section>\n    <b-row>\n      <b-col lg=\"8\">\n        <div class=\"mb-2\">\n          <h3>Connect Channel</h3>\n        </div>\n      </b-col>\n    </b-row>\n    <b-row no-gutters>\n      <b-col\n        cols=\"12\"\n        style=\"padding-left: 0px\"\n      >\n        <b-form-group\n          class=\"mb-1\"\n        >\n          <b-input-group size=\"sm\">\n            <b-form-input\n              id=\"filterInput\"\n              v-model=\"filter\"\n              type=\"search\"\n              placeholder=\"Type to Search\"\n            />\n            <b-input-group-append>\n              <b-button\n                :disabled=\"!filter\"\n                variant=\"primary\"\n                @click=\"clearFilter\"\n              >\n                Clear\n              </b-button>\n            </b-input-group-append>\n          </b-input-group>\n        </b-form-group>\n      </b-col>\n    </b-row>\n    <b-row>\n      <b-col>\n        <b-form-group\n          label=\"Please select channel to create a new integration.\"\n          label-for=\"platform\"\n        >\n          <b-form-checkbox\n            v-for=\"(val, index) in filteredPlatforms\"\n            :key=\"index\"\n            class=\"custom-control-primary iconbox-checkbox\"\n            button\n            button-variant=\"outline-primary\"\n            @change=\"handleCheckboxChange($event, val.value)\"\n          >\n            {{ val.text }}\n            <div />\n          </b-form-checkbox>\n        </b-form-group>\n      </b-col>\n    </b-row>\n    <b-row>\n      <b-col\n        cols=\"12\"\n        class=\"text-right\"\n      >\n        <b-button \n          v-b-modal.new-connection\n          variant=\"primary\"\n        >\n          New Connection\n        </b-button>\n      </b-col>\n    </b-row>\n    <b-modal\n      id=\"new-connection\"\n      title=\"New Connection\"\n      hide-footer\n      centered\n    >\n      <b-row>\n        <b-col>\n          <b-form-group\n            label=\"Please select channel to create a new integration.\"\n            label-for=\"platform\"\n          >\n            <b-form-checkbox\n              v-for=\"(val, index) in creativePlatformList\"\n              :key=\"index\"\n              class=\"custom-control-primary iconbox-checkbox\"\n              button\n              :button-variant=\"val.status === 'connected' ? 'outline-success' : 'dark'\"\n            >\n              {{ val.text }}\n              <div />\n            </b-form-checkbox>\n          </b-form-group>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col\n          cols=\"12\"\n          class=\"text-right\"\n        >\n          <b-button\n            variant=\"primary\"\n          >\n            Done\n          </b-button>\n        </b-col>\n      </b-row>\n    </b-modal>\n  </section>\n</template>\n<script>\nimport {\n  BRow,\n  BCol,\n  BFormCheckbox,\n  BFormGroup,\n  BButton,\n  BFormInput,\n  BInputGroup,\n  BInputGroupAppend,\n  VBModal\n} from \"bootstrap-vue\";\n\nexport default {\n  components: {\n    BInputGroupAppend, BInputGroup, BFormInput,\n    BFormCheckbox,\n    BFormGroup,\n    BRow,\n    BCol,\n    BButton,\n    VBModal\n  },\n  directives: {\n    'b-modal': VBModal,\n\n  },\n  data () {\n    return {\n      filter: '',\n      creativePlatformList: [\n        { value: \"google-ads-form\", text: \"Google Ads\", status: \"connected\" },\n        { value: \"meta-form\", text: \"Meta\", status: \"connected\" },\n        { value: \"tiktok-form\", text: \"TikTok\", status: \"connected\" },\n        { value: \"eskimi\", text: \"Eskimi\", status: \"notConnected\" },\n        { value: \"criteo\", text: \"Criteo\", status: \"notConnected\" },\n        { value: \"adjust-form\", text: \"Adjust\", status: \"connected\" },\n        { value: \"google-analytics-form\", text: \"Google Analytics\", status: \"connected\" },\n        { value: \"dv360-form\", text: \"DV360\", status: \"connected\" },\n        { value: \"cm360-form\", text: \"CM360\", status: \"connected\" },\n        { value: \"adform\", text: \"Adform\", status: \"notConnected\" },\n      ],\n    }\n  },\n  computed: {\n    filteredPlatforms() {\n      return this.creativePlatformList.filter(platform => {\n        return platform.status === \"connected\" && platform.text.toLowerCase().includes(this.filter.toLowerCase());\n      });\n    }\n  },\n  methods: {\n    handleCheckboxChange(isChecked, path) {\n      if (isChecked) {\n        console.log(path);\n        this.$router.push({ name: path });\n      }\n    },\n    clearFilter() {\n      this.filter = '';\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n@import '@core/scss/vue/libs/vue-wizard.scss';\n@import '@core/scss/vue/libs/vue-select.scss';\n@import '@core/scss/vue/libs/vue-slider.scss';\n\n.iconbox-checkbox {\n  width: 33.33333%;\n  margin-bottom: .3rem;\n  label{\n    font-size: .85rem;\n    width: 95%;\n    padding: 1rem .4rem !important;\n  }\n  label.active{\n    border: 1px solid $primary !important;\n  }\n}\n</style>\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-loader/lib/index.js??vue-loader-options!./ConnectChannel.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-loader/lib/index.js??vue-loader-options!./ConnectChannel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ConnectChannel.vue?vue&type=template&id=659b04d0\"\nimport script from \"./ConnectChannel.vue?vue&type=script&lang=js\"\nexport * from \"./ConnectChannel.vue?vue&type=script&lang=js\"\nimport style0 from \"./ConnectChannel.vue?vue&type=style&index=0&id=659b04d0&prod&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--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../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-loader/lib/index.js??vue-loader-options!./ConnectChannel.vue?vue&type=style&index=0&id=659b04d0&prod&lang=scss\""],"sourceRoot":""}