{"version":3,"sources":["webpack:///../../../src/components/VStepper/VStepperStep.ts","webpack:///../../../src/components/VStepper/VStepper.ts","webpack:///../../../src/components/VStepper/index.ts","webpack:///../../../src/components/VStepper/VStepperContent.ts","webpack:///./src/pages/stepper.vue","webpack:///src/pages/stepper.vue","webpack:///./src/pages/stepper.vue?cdc4","webpack:///./src/pages/stepper.vue?4063"],"names":["baseMixins","mixins","Colorable","RegistrableInject","extend","name","directives","ripple","inject","props","color","type","String","default","complete","Boolean","completeIcon","editable","editIcon","errorIcon","rules","Array","step","Number","data","isActive","isInactive","computed","classes","this","hasError","some","validate","mounted","stepper","register","beforeDestroy","unregister","methods","click","e","stopPropagation","$emit","stepClick","genIcon","icon","$createElement","VIcon","genLabel","staticClass","$slots","genStep","setBackgroundColor","genStepContent","children","push","keyboardClick","keyCode","keyCodes","space","toggle","toString","render","h","attrs","tabindex","class","value","on","keydown","VSheet","RegistrableProvide","Proxyable","provide","isVertical","vertical","altLabels","nonLinear","flat","isBooted","steps","content","isReverse","internalLazyValue","options","call","styles","watch","internalValue","val","oldVal","updateView","created","$listeners","input","breaking","item","$options","filter","i","$nextTick","index","length","tag","style","VStepperHeader","createSimpleFunctional","VStepperItems","VStepper","VStepperContent","VStepperStep","isVerticalProvided","from","required","height","computedTransition","reverse","$vuetify","rtl","VTabReverseTransition","VTabTransition","convertToUnit","current","previous","enter","leave","$refs","wrapper","addEventListener","onTransition","removeEventListener","propertyName","scrollHeight","requestAnimationFrame","setTimeout","clientHeight","contentData","wrapperData","ref","_vm","callback","$set","expression","_v","_c","model","step2","$$v","$t","proceedIfValid","key","staticRenderFns","layout","APP_CONFIG","mainPanelLayout","isValid","desc","agree","step3","influencers","selectedInfluencers","headers","text","nameRules","v","goStep","n","form","onCreateCampaign","formData","payload","console","log","randomInfluencerGenerator","count","map","_","id","faker","firstName","cost","finance","amount","followers","random","number","userEngagement","Math","floor","selectInfluencer","includes","component"],"mappings":"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","file":"js/page-stepper.9b82b436.js","sourcesContent":["// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { keyCodes } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\ntype VuetifyStepperRuleValidator = () => string | boolean\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject('stepper', 'v-stepper-step', 'v-stepper')\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  stepClick: (step: number | string) => void\n}\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-stepper-step',\n\n  directives: { ripple },\n\n  inject: ['stepClick'],\n\n  props: {\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    complete: Boolean,\n    completeIcon: {\n      type: String,\n      default: '$complete',\n    },\n    editable: Boolean,\n    editIcon: {\n      type: String,\n      default: '$edit',\n    },\n    errorIcon: {\n      type: String,\n      default: '$error',\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    } as PropValidator<VuetifyStepperRuleValidator[]>,\n    step: [Number, String],\n  },\n\n  data () {\n    return {\n      isActive: false,\n      isInactive: true,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-stepper__step--active': this.isActive,\n        'v-stepper__step--editable': this.editable,\n        'v-stepper__step--inactive': this.isInactive,\n        'v-stepper__step--error error--text': this.hasError,\n        'v-stepper__step--complete': this.complete,\n      }\n    },\n    hasError (): boolean {\n      return this.rules.some(validate => validate() !== true)\n    },\n  },\n\n  mounted () {\n    this.stepper && this.stepper.register(this)\n  },\n\n  beforeDestroy () {\n    this.stepper && this.stepper.unregister(this)\n  },\n\n  methods: {\n    click (e: MouseEvent | KeyboardEvent) {\n      e.stopPropagation()\n\n      this.$emit('click', e)\n\n      if (this.editable) {\n        this.stepClick(this.step)\n      }\n    },\n    genIcon (icon: string) {\n      return this.$createElement(VIcon, icon)\n    },\n    genLabel () {\n      return this.$createElement('div', {\n        staticClass: 'v-stepper__label',\n      }, this.$slots.default)\n    },\n    genStep () {\n      const color = (!this.hasError && (this.complete || this.isActive)) ? this.color : false\n\n      return this.$createElement('span', this.setBackgroundColor(color, {\n        staticClass: 'v-stepper__step__step',\n      }), this.genStepContent())\n    },\n    genStepContent () {\n      const children = []\n\n      if (this.hasError) {\n        children.push(this.genIcon(this.errorIcon))\n      } else if (this.complete) {\n        if (this.editable) {\n          children.push(this.genIcon(this.editIcon))\n        } else {\n          children.push(this.genIcon(this.completeIcon))\n        }\n      } else {\n        children.push(String(this.step))\n      }\n\n      return children\n    },\n    keyboardClick (e: KeyboardEvent) {\n      if (e.keyCode === keyCodes.space) {\n        this.click(e)\n      }\n    },\n    toggle (step: number | string) {\n      this.isActive = step.toString() === this.step.toString()\n      this.isInactive = Number(step) < Number(this.step)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      attrs: {\n        tabindex: this.editable ? 0 : -1,\n      },\n      staticClass: 'v-stepper__step',\n      class: this.classes,\n      directives: [{\n        name: 'ripple',\n        value: this.editable,\n      }],\n      on: {\n        click: this.click,\n        keydown: this.keyboardClick,\n      },\n    }, [\n      this.genStep(),\n      this.genLabel(),\n    ])\n  },\n})\n","// Styles\nimport './VStepper.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VStepperStep from './VStepperStep'\nimport VStepperContent from './VStepperContent'\n\n// Mixins\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\nimport Proxyable from '../../mixins/proxyable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  VSheet,\n  RegistrableProvide('stepper'),\n  Proxyable,\n)\n\ntype VStepperStepInstance = InstanceType<typeof VStepperStep>\ntype VStepperContentInstance = InstanceType<typeof VStepperContent>\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-stepper',\n\n  provide (): object {\n    return {\n      stepClick: this.stepClick,\n      isVertical: this.vertical,\n    }\n  },\n\n  props: {\n    altLabels: Boolean,\n    nonLinear: Boolean,\n    flat: Boolean,\n    vertical: Boolean,\n  },\n\n  data () {\n    const data: Dictionary<any> = {\n      isBooted: false,\n      steps: [] as VStepperStepInstance[],\n      content: [] as VStepperContentInstance[],\n      isReverse: false,\n    }\n\n    data.internalLazyValue = this.value != null\n      ? this.value\n      : (data[0] || {}).step || 1\n\n    return data\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-stepper--flat': this.flat,\n        'v-stepper--is-booted': this.isBooted,\n        'v-stepper--vertical': this.vertical,\n        'v-stepper--alt-labels': this.altLabels,\n        'v-stepper--non-linear': this.nonLinear,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      return {\n        ...VSheet.options.computed.styles.call(this),\n      }\n    },\n  },\n\n  watch: {\n    internalValue (val, oldVal) {\n      this.isReverse = Number(val) < Number(oldVal)\n\n      oldVal && (this.isBooted = true)\n\n      this.updateView()\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$listeners.input) {\n      breaking('@input', '@change', this)\n    }\n  },\n\n  mounted () {\n    this.updateView()\n  },\n\n  methods: {\n    register (item: VStepperStepInstance | VStepperContentInstance) {\n      if (item.$options.name === 'v-stepper-step') {\n        this.steps.push(item as VStepperStepInstance)\n      } else if (item.$options.name === 'v-stepper-content') {\n        (item as VStepperContentInstance).isVertical = this.vertical\n        this.content.push(item as VStepperContentInstance)\n      }\n    },\n    unregister (item: VStepperStepInstance | VStepperContentInstance) {\n      if (item.$options.name === 'v-stepper-step') {\n        this.steps = this.steps.filter((i: VStepperStepInstance) => i !== item)\n      } else if (item.$options.name === 'v-stepper-content') {\n        (item as VStepperContentInstance).isVertical = this.vertical\n        this.content = this.content.filter((i: VStepperContentInstance) => i !== item)\n      }\n    },\n    stepClick (step: string | number) {\n      this.$nextTick(() => (this.internalValue = step))\n    },\n    updateView () {\n      for (let index = this.steps.length; --index >= 0;) {\n        this.steps[index].toggle(this.internalValue as any)\n      }\n      for (let index = this.content.length; --index >= 0;) {\n        this.content[index].toggle(this.internalValue as any, this.isReverse)\n      }\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-stepper',\n      class: this.classes,\n      style: this.styles,\n    }, this.$slots.default)\n  },\n})\n","import { createSimpleFunctional } from '../../util/helpers'\nimport VStepper from './VStepper'\nimport VStepperStep from './VStepperStep'\nimport VStepperContent from './VStepperContent'\n\nconst VStepperHeader = createSimpleFunctional('v-stepper__header')\nconst VStepperItems = createSimpleFunctional('v-stepper__items')\n\nexport {\n  VStepper,\n  VStepperContent,\n  VStepperStep,\n  VStepperHeader,\n  VStepperItems,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VStepper,\n    VStepperContent,\n    VStepperStep,\n    VStepperHeader,\n    VStepperItems,\n  },\n}\n","// Components\nimport {\n  VTabTransition,\n  VTabReverseTransition,\n} from '../transitions'\n\n// Mixins\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, FunctionalComponentOptions, VNodeData } from 'vue'\n\nconst baseMixins = mixins(\n  RegistrableInject('stepper', 'v-stepper-content', 'v-stepper')\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    wrapper: HTMLElement\n  }\n  isVerticalProvided: boolean\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-stepper-content',\n\n  inject: {\n    isVerticalProvided: {\n      from: 'isVertical',\n    },\n  },\n\n  props: {\n    step: {\n      type: [Number, String],\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      height: 0 as number | string,\n      // Must be null to allow\n      // previous comparison\n      isActive: null as boolean | null,\n      isReverse: false,\n      isVertical: this.isVerticalProvided,\n    }\n  },\n\n  computed: {\n    computedTransition (): FunctionalComponentOptions {\n      // Fix for #8978\n      const reverse = this.$vuetify.rtl ? !this.isReverse : this.isReverse\n\n      return reverse\n        ? VTabReverseTransition\n        : VTabTransition\n    },\n    styles (): object {\n      if (!this.isVertical) return {}\n\n      return {\n        height: convertToUnit(this.height),\n      }\n    },\n  },\n\n  watch: {\n    isActive (current, previous) {\n      // If active and the previous state\n      // was null, is just booting up\n      if (current && previous == null) {\n        this.height = 'auto'\n        return\n      }\n\n      if (!this.isVertical) return\n\n      if (this.isActive) this.enter()\n      else this.leave()\n    },\n  },\n\n  mounted () {\n    this.$refs.wrapper.addEventListener(\n      'transitionend',\n      this.onTransition,\n      false\n    )\n    this.stepper && this.stepper.register(this)\n  },\n\n  beforeDestroy () {\n    this.$refs.wrapper.removeEventListener(\n      'transitionend',\n      this.onTransition,\n      false\n    )\n    this.stepper && this.stepper.unregister(this)\n  },\n\n  methods: {\n    onTransition (e: TransitionEvent) {\n      if (!this.isActive ||\n        e.propertyName !== 'height'\n      ) return\n\n      this.height = 'auto'\n    },\n    enter () {\n      let scrollHeight = 0\n\n      // Render bug with height\n      requestAnimationFrame(() => {\n        scrollHeight = this.$refs.wrapper.scrollHeight\n      })\n\n      this.height = 0\n\n      // Give the collapsing element time to collapse\n      setTimeout(() => this.isActive && (this.height = (scrollHeight || 'auto')), 450)\n    },\n    leave () {\n      this.height = this.$refs.wrapper.clientHeight\n      setTimeout(() => (this.height = 0), 10)\n    },\n    toggle (step: string | number, reverse: boolean) {\n      this.isActive = step.toString() === this.step.toString()\n      this.isReverse = reverse\n    },\n  },\n\n  render (h): VNode {\n    const contentData = {\n      staticClass: 'v-stepper__content',\n    } as VNodeData\n    const wrapperData = {\n      staticClass: 'v-stepper__wrapper',\n      style: this.styles,\n      ref: 'wrapper',\n    }\n\n    if (!this.isVertical) {\n      contentData.directives = [{\n        name: 'show',\n        value: this.isActive,\n      }]\n    }\n\n    const wrapper = h('div', wrapperData, [this.$slots.default])\n    const content = h('div', contentData, [wrapper])\n\n    return h(this.computedTransition, {\n      on: this.$listeners,\n    }, [content])\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('page-title',{attrs:{\"title\":_vm.$t('pages.stepper.title')}}),_c('v-stepper',{attrs:{\"alt-labels\":\"\"},model:{value:(_vm.stepper.current),callback:function ($$v) {_vm.$set(_vm.stepper, \"current\", $$v)},expression:\"stepper.current\"}},[_c('v-stepper-header',[_vm._l((_vm.stepper.steps),function(n){return [_c('v-stepper-step',{key:`${n}-step`,attrs:{\"step\":n,\"rules\":[() => n !== 2 ? true : _vm.stepper.current === n ? _vm.stepper.step2.isValid : true],\"complete\":_vm.stepper.current > n}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.stepper.step' + n))+\" \")]),(n !== _vm.stepper.steps)?_c('v-divider',{key:n}):_vm._e()]})],2),_c('v-stepper-items',[_c('v-stepper-content',{attrs:{\"step\":\"1\"}},[_c('v-card',{staticClass:\"d-flex flex-column justify-center align-center mb-2 px-5 rounded-lg\",attrs:{\"height\":\"auto\",\"outlined\":\"\"}},[_c('v-img',{staticClass:\"mt-10\",attrs:{\"src\":\"/img/samples/create-campaign-artwork.png\"}}),_c('p',{staticClass:\"text-center col-md-6 col-sm-8 col-xs-10 my-5\"},[_vm._v(\" \"+_vm._s(_vm.faker.lorem.paragraphs())+\" \")]),_c('v-btn',{staticClass:\"mb-12\",attrs:{\"color\":\"primary\",\"width\":\"160px\"},on:{\"click\":function($event){return _vm.goStep(2)}}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.stepper.startButtonText'))+\" \")])],1)],1),_c('v-stepper-content',{attrs:{\"step\":\"2\"}},[_c('v-form',{ref:\"form\",staticClass:\"form-horizontal\",model:{value:(_vm.stepper.step2.isValid),callback:function ($$v) {_vm.$set(_vm.stepper.step2, \"isValid\", $$v)},expression:\"stepper.step2.isValid\"}},[_c('form-item',{attrs:{\"type\":\"textbox\",\"rules\":_vm.nameRules,\"icon\":\"mdi-form-textbox\",\"label\":_vm.$t('pages.stepper.formNameLabel'),\"placeholder\":_vm.$t('pages.stepper.formNamePlaceholder')},model:{value:(_vm.stepper.step2.name),callback:function ($$v) {_vm.$set(_vm.stepper.step2, \"name\", $$v)},expression:\"stepper.step2.name\"}}),_c('form-item',{attrs:{\"type\":\"textarea\",\"rows\":\"4\",\"icon\":\"mdi-form-textarea\",\"label\":_vm.$t('pages.stepper.formDescLabel'),\"placeholder\":_vm.$t('pages.stepper.formDescPlaceholder')},model:{value:(_vm.stepper.step2.desc),callback:function ($$v) {_vm.$set(_vm.stepper.step2, \"desc\", $$v)},expression:\"stepper.step2.desc\"}}),_c('form-item',{attrs:{\"type\":\"checkbox\",\"rules\":[v => !!v || _vm.$t('pages.stepper.formAgreementRuleRequired')],\"icon\":\"mdi-checkbox-marked\",\"label\":_vm.$t('pages.stepper.formAgreeLabel')},model:{value:(_vm.stepper.step2.agree),callback:function ($$v) {_vm.$set(_vm.stepper.step2, \"agree\", $$v)},expression:\"stepper.step2.agree\"}}),_c('form-action',[_c('v-btn',{attrs:{\"color\":\"primary\",\"depressed\":\"\"},on:{\"click\":_vm.proceedIfValid}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.stepper.nextButtonText'))+\" \")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"depressed\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){return _vm.goStep(1)}}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.stepper.previousButtonText'))+\" \")])],1)],1)],1),_c('v-stepper-content',{attrs:{\"step\":\"3\"}},[_c('v-data-table',{staticClass:\"report-table\",attrs:{\"headers\":_vm.headers,\"items\":_vm.stepper.step3.influencers,\"disable-sort\":\"\"},scopedSlots:_vm._u([{key:\"item.select\",fn:function({ item }){return [_c('v-btn',{staticClass:\"float-left\",attrs:{\"color\":\"primary\",\"depressed\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){return _vm.selectInfluencer(item.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.stepper.selectPage'))+\" \")])]}}])}),_c('div',{staticClass:\"mt-5\"},[_c('v-btn',{staticClass:\"ml-3\",attrs:{\"color\":\"primary\"},on:{\"click\":_vm.onCreateCampaign}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.stepper.finishButtonText'))+\" \")]),_c('v-btn',{attrs:{\"color\":\"secondary\",\"depressed\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){return _vm.goStep(2)}}},[_vm._v(\" \"+_vm._s(_vm.$t('pages.stepper.previousButtonText'))+\" \")])],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<route>\n{\n  \"name\": \"stepper\",\n  \"meta\": {\n    \"order\": 3.1,\n    \"isVisible\": false,\n    \"iconName\": \"mdi-pen\"\n  }\n}\n</route>\n<template>\n  <div>\n    <page-title\n      :title=\"$t('pages.stepper.title')\"\n    ></page-title>\n    <v-stepper\n      v-model=\"stepper.current\"\n      alt-labels\n    >\n      <v-stepper-header>\n        <template v-for=\"n in stepper.steps\">\n          <v-stepper-step\n            :key=\"`${n}-step`\"\n            :step=\"n\"\n            :rules=\"[() => n !== 2 ? true : stepper.current === n ? stepper.step2.isValid : true]\"\n            :complete=\"stepper.current > n\"\n          >\n            {{ $t('pages.stepper.step' + n) }}\n          </v-stepper-step>\n          <v-divider\n            v-if=\"n !== stepper.steps\"\n            :key=\"n\"\n          ></v-divider>\n        </template>\n      </v-stepper-header>\n      <v-stepper-items>\n        <v-stepper-content\n          step=\"1\"\n        >\n          <v-card\n            class=\"d-flex flex-column justify-center align-center mb-2 px-5 rounded-lg\"\n            height=\"auto\"\n            outlined\n          >\n            <v-img\n              class=\"mt-10\"\n              src=\"/img/samples/create-campaign-artwork.png\"\n            >\n            </v-img>\n            <p class=\"text-center col-md-6 col-sm-8 col-xs-10 my-5\">\n              {{ faker.lorem.paragraphs() }}\n            </p>\n            <v-btn\n              class=\"mb-12\"\n              color=\"primary\"\n              width=\"160px\"\n              @click=\"goStep(2)\"\n            >\n              {{ $t('pages.stepper.startButtonText') }}\n            </v-btn>\n          </v-card>\n        </v-stepper-content>\n        <v-stepper-content\n          step=\"2\"\n        >\n          <v-form\n            ref=\"form\"\n            v-model=\"stepper.step2.isValid\"\n            class=\"form-horizontal\"\n          >\n            <form-item\n              v-model=\"stepper.step2.name\"\n              type=\"textbox\"\n              :rules=\"nameRules\"\n              icon=\"mdi-form-textbox\"\n              :label=\"$t('pages.stepper.formNameLabel')\"\n              :placeholder=\"$t('pages.stepper.formNamePlaceholder')\"\n            ></form-item>\n            <form-item\n              v-model=\"stepper.step2.desc\"\n              type=\"textarea\"\n              rows=\"4\"\n              icon=\"mdi-form-textarea\"\n              :label=\"$t('pages.stepper.formDescLabel')\"\n              :placeholder=\"$t('pages.stepper.formDescPlaceholder')\"\n            ></form-item>\n            <form-item\n              v-model=\"stepper.step2.agree\"\n              type=\"checkbox\"\n              :rules=\"[v => !!v || $t('pages.stepper.formAgreementRuleRequired')]\"\n              icon=\"mdi-checkbox-marked\"\n              :label=\"$t('pages.stepper.formAgreeLabel')\"\n            ></form-item>\n            <form-action>\n              <v-btn\n                color=\"primary\"\n                depressed\n                @click=\"proceedIfValid\"\n              >\n                {{ $t('pages.stepper.nextButtonText') }}\n              </v-btn>\n              <v-btn\n                color=\"secondary\"\n                depressed\n                outlined\n                @click=\"goStep(1)\"\n              >\n                {{ $t('pages.stepper.previousButtonText') }}\n              </v-btn>\n            </form-action>\n          </v-form>\n        </v-stepper-content>\n        <v-stepper-content\n          step=\"3\"\n        >\n          <v-data-table\n            class=\"report-table\"\n            :headers=\"headers\"\n            :items=\"stepper.step3.influencers\"\n            disable-sort\n          >\n            <template v-slot:item.select=\"{ item }\">\n              <v-btn\n                class=\"float-left\"\n                color=\"primary\"\n                depressed\n                outlined\n                @click=\"selectInfluencer(item.id)\"\n              >\n                {{ $t('pages.stepper.selectPage') }}\n              </v-btn>\n            </template>\n          </v-data-table>\n          <div class=\"mt-5\">\n            <v-btn\n              class=\"ml-3\"\n              color=\"primary\"\n              @click=\"onCreateCampaign\"\n            >\n              {{ $t('pages.stepper.finishButtonText') }}\n            </v-btn>\n            <v-btn\n              color=\"secondary\"\n              depressed\n              outlined\n              @click=\"goStep(2)\"\n            >\n              {{ $t('pages.stepper.previousButtonText') }}\n            </v-btn>\n          </div>\n        </v-stepper-content>\n      </v-stepper-items>\n    </v-stepper>\n  </div>\n</template>\n\n<script>\nexport default {\n  layout: APP_CONFIG.layout.mainPanelLayout,\n  data: () => ({\n    stepper: {\n      current: 1,\n      steps: 3,\n      step2: {\n        isValid: true,\n        name: '',\n        desc: '',\n        agree: false\n      },\n      step3: {\n        influencers: [],\n        selectedInfluencers: []\n      }\n    }\n  }),\n  computed: {\n    headers () {\n      return [\n        {\n          text: this.$t('pages.stepper.tableHeader.name'),\n          value: 'name'\n        },\n        {\n          text: this.$t('pages.stepper.tableHeader.cost'),\n          value: 'cost'\n        },\n        {\n          text: this.$t('pages.stepper.tableHeader.followers'),\n          value: 'followers'\n        },\n        {\n          text: this.$t('pages.stepper.tableHeader.userEngagement'),\n          value: 'userEngagement'\n        },\n        {\n          text: this.$t('pages.stepper.tableHeader.select'),\n          value: 'select'\n        }\n      ]\n    },\n    nameRules () {\n      return [\n        v => !!v || this.$t('pages.stepper.formNameRuleRequired'),\n        v => (v && v.length <= 10) || this.$t('pages.stepper.formNameRuleMaxLength')\n      ]\n    }\n  },\n  methods: {\n    goStep (n) {\n      this.stepper.current = n\n    },\n    proceedIfValid () {\n      this.$refs.form.validate()\n      this.$nextTick(() => {\n        if (this.stepper.step2.isValid) this.goStep(3)\n      })\n    },\n    onCreateCampaign () {\n      const selectedInfluencers = [...this.stepper.step3.selectedInfluencers]\n      const { isValid, ...formData } = this.stepper.step2\n      const payload = { ...formData, selectedInfluencers }\n      console.log('on create campaign clicked!', payload)\n    },\n    randomInfluencerGenerator (count) {\n      return [...Array(count)].map((_, index) => ({\n        id: index,\n        name: this.faker.name.firstName(),\n        cost: this.faker.finance.amount(),\n        followers: this.faker.random.number(),\n        userEngagement: Math.floor(Math.random() * 100) + 1 + '%'\n      }))\n    },\n    selectInfluencer (id) {\n      if (!this.stepper.step3.selectedInfluencers.includes(id)) {\n        this.stepper.step3.selectedInfluencers.push(id)\n      }\n    }\n  },\n  created () {\n    this.stepper.step3.influencers = this.randomInfluencerGenerator(8)\n  }\n}\n</script>\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!./stepper.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!./stepper.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./stepper.vue?vue&type=template&id=ba32d57e\"\nimport script from \"./stepper.vue?vue&type=script&lang=js\"\nexport * from \"./stepper.vue?vue&type=script&lang=js\"\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\n/* custom blocks */\nimport block0 from \"./stepper.vue?vue&type=custom&index=0&blockType=route\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports"],"sourceRoot":""}