{"version":3,"sources":["webpack:///./src/views/layouts/shared-components/SecondaryButton.vue?f625","webpack:///src/views/layouts/shared-components/SecondaryButton.vue","webpack:///./src/views/layouts/shared-components/SecondaryButton.vue?5a38","webpack:///./src/views/layouts/shared-components/SecondaryButton.vue","webpack:///./src/views/layouts/shared-components/PrimaryButton.vue?df71","webpack:///./src/views/layouts/shared-components/PrimaryButton.vue?de08","webpack:///src/views/layouts/shared-components/PrimaryButton.vue","webpack:///./src/views/layouts/shared-components/PrimaryButton.vue?835e","webpack:///./src/views/layouts/shared-components/PrimaryButton.vue","webpack:///./src/views/dashboard/start/Start.vue?ccbe","webpack:///src/views/dashboard/start/Start.vue","webpack:///./src/views/dashboard/start/Start.vue?1bd2","webpack:///./src/views/dashboard/start/Start.vue","webpack:///./src/views/layouts/shared-components/SecondaryButton.vue?269e"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","class","size","isDisabled","isActive","attrs","on","handleClick","icon","iconPosition","iconPack","includes","_e","_v","_s","_t","staticRenderFns","name","props","type","String","default","Boolean","computed","isThemeDark","$store","state","theme","methods","event","_this","$emit","$nextTick","$refs","secondaryButton","blur","component","primaryButton","staticClass","$t","updatePhoneData","model","value","callback","$$v","number","expression","isValid","openEnteredNumber","$event","$router","back","_f","components","SecondaryButton","PrimaryButton","VuePhoneNumberInput","data","international","previousTeam","getters","details","e164","hasOwnProperty","$options","filters","validatePhoneNumber","countryCode","push","concat"],"mappings":"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","file":"js/chunk-39b9536b.f6dbe65d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{ref:\"secondaryButton\",class:[\n    'square-button',\n    'secondary-button',\n    _vm.size,\n    { 'disabled': _vm.isDisabled, 'isActive': _vm.isActive }\n  ],attrs:{\"disabled\":_vm.isDisabled},on:{\"click\":_vm.handleClick}},[(_vm.icon && _vm.iconPosition === 'left' && _vm.iconPack === 'feather')?_c('i',{class:[(\"\" + _vm.iconPack), _vm.icon.includes('icon') ? _vm.icon : (\"icon-\" + _vm.icon), 'secondary-button--icon']}):_vm._e(),(_vm.icon && _vm.iconPosition === 'left' && _vm.iconPack === 'material-icons')?_c('i',{class:[(\"\" + _vm.iconPack), 'secondary-button--icon']},[_vm._v(_vm._s(_vm.icon))]):_vm._e(),_vm._t(\"default\"),(_vm.icon && _vm.iconPosition === 'right' && _vm.iconPack === 'feather')?_c('i',{class:[(\"\" + _vm.iconPack), _vm.icon.includes('icon') ? _vm.icon : (\"icon-\" + _vm.icon), 'secondary-button--icon']}):_vm._e(),(_vm.icon && _vm.iconPosition === 'right' && _vm.iconPack === 'material-icons')?_c('i',{class:[(\"\" + _vm.iconPack), 'secondary-button--icon']},[_vm._v(_vm._s(_vm.icon))]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    :class=\"[\n      'square-button',\n      'secondary-button',\n      size,\n      { 'disabled': isDisabled, 'isActive': isActive }\n    ]\"\n    @click=\"handleClick\"\n    :disabled=\"isDisabled\"\n    ref=\"secondaryButton\"\n  >\n    <!-- Conditionally render the icon before the slot content if iconPosition is 'left' -->\n    <i v-if=\"icon && iconPosition === 'left' && iconPack === 'feather'\"\n       :class=\"[`${iconPack}`, icon.includes('icon') ? icon : `icon-${icon}`, 'secondary-button--icon']\"></i>\n    <i v-if=\"icon && iconPosition === 'left' && iconPack === 'material-icons'\"\n       :class=\"[`${iconPack}`, 'secondary-button--icon']\">{{ icon }}</i>\n    <slot></slot>\n    <!-- Conditionally render the icon after the slot content if iconPosition is 'right' -->\n    <i v-if=\"icon && iconPosition === 'right' && iconPack === 'feather'\"\n       :class=\"[`${iconPack}`, icon.includes('icon') ? icon : `icon-${icon}`, 'secondary-button--icon']\"></i>\n    <i v-if=\"icon && iconPosition === 'right' && iconPack === 'material-icons'\"\n       :class=\"[`${iconPack}`, 'secondary-button--icon']\">{{ icon }}</i>\n  </button>\n</template>\n\n<script>\nexport default {\n  name: 'SecondaryButton',\n  props: {\n    size: {\n      type: String,\n      default: 'medium' // options: 'small', 'large'\n    },\n    isDisabled: {\n      type: Boolean,\n      default: false\n    },\n    isActive: {\n      type: Boolean,\n      default: false\n    },\n    icon: {\n      type: String,\n      default: null // Pass icon name like 'settings' to render 'icon-settings'\n    },\n    iconPack: {\n      type: String,\n      default: 'material-icons'\n    },\n    iconPosition: {\n      type: String,\n      default: 'left' // Icon position, 'left' or 'right'\n    }\n  },\n  computed: {\n    isThemeDark () {\n      return this.$store.state.theme === 'dark'\n    }\n  },\n  methods: {\n    handleClick (event) {\n      this.$emit('buttonClick', event)\n      this.$nextTick(() => {\n        // if the secondary button changes routes, don't try to clear focus\n        if (this.$refs.secondaryButton) {\n          this.$refs.secondaryButton.blur()\n        }\n      })\n    }\n  }\n}\n</script>\n\n\n<style lang=\"scss\">\n:not(.theme-dark) {\n  .secondary-button, .vs-component.vs-button.vs-dialog-cancel-button.vs-button-primary.vs-button-flat {\n    background: white;\n    border: 1px solid var(--gray-200) !important;\n    color: var(--text-medium-color);\n    i {\n      font-size: 20px;\n      color: var(--gray-400);\n    }\n    &:hover {\n      background-color: var(--gray-50);\n      border: 1px solid var(--gray-300);\n    }\n    &:focus {\n      border: 1px solid var(--gray-200) !important;\n      /* offset-x offset-y blur-radius spread-radius color */\n      box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(145, 202, 78, 0.15) !important;\n    }\n    &.border {\n      background: transparent !important;\n    }\n    &.no-line {\n      border: none !important;\n    }\n    .disabled {\n      background-color: var(--white) !important;\n      color: var(--gray-300) !important;\n      border: 1px solid var(--gray-200);\n      i {\n        color: var(--white);\n      }\n    }\n  }\n}\n\n.theme-dark .secondary-button, .secondary-button.secondary-inverse {\n  background-color: var(--gray-700);\n  border: 1px solid rgba(255, 255, 255, 0.6);\n  color: rgba(255, 255, 255, 0.9);\n  i {\n    color: var(--white);\n  }\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.80);\n  }\n  &:focus {\n    border: 1px solid rgba(255, 255, 255, 0.30) !important;\n    box-shadow: none !important;\n  }\n  &.border {\n    background: transparent;\n  }\n  &.no-line {\n    border: none !important;\n  }\n  &.disabled {\n    background-color: var(--gray-900) !important;\n    color: var(--gray-500) !important;\n    border: 1px solid var(--gray-500);\n    i {\n      color: var(--gray-500);\n      opacity: 50%;\n    }\n  }\n}\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!./SecondaryButton.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!./SecondaryButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SecondaryButton.vue?vue&type=template&id=2eff109a&\"\nimport script from \"./SecondaryButton.vue?vue&type=script&lang=js&\"\nexport * from \"./SecondaryButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SecondaryButton.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!./PrimaryButton.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{ref:\"primaryButton\",class:[\n    'square-button',\n    'primary-button',\n    _vm.size,\n    { 'disabled': _vm.isDisabled, 'isActive': _vm.isActive }\n  ],attrs:{\"disabled\":_vm.isDisabled},on:{\"click\":_vm.handleClick}},[(_vm.icon && _vm.iconPosition === 'left' && _vm.iconPack === 'feather')?_c('i',{class:[(\"\" + _vm.iconPack), _vm.icon.includes('icon') ? _vm.icon : (\"icon-\" + _vm.icon), 'primary-button--icon']}):_vm._e(),(_vm.icon && _vm.iconPosition === 'left' && _vm.iconPack === 'material-icons')?_c('i',{class:[(\"\" + _vm.iconPack), 'primary-button--icon']},[_vm._v(_vm._s(_vm.icon))]):_vm._e(),_vm._t(\"default\"),(_vm.icon && _vm.iconPosition === 'right' && _vm.iconPack === 'feather')?_c('i',{class:[(\"\" + _vm.iconPack), _vm.icon.includes('icon') ? _vm.icon : (\"icon-\" + _vm.icon), 'primary-button--icon']}):_vm._e(),(_vm.icon && _vm.iconPosition === 'right' && _vm.iconPack === 'material-icons')?_c('i',{class:[(\"\" + _vm.iconPack), 'primary-button--icon']},[_vm._v(_vm._s(_vm.icon))]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    :class=\"[\n      'square-button',\n      'primary-button',\n      size,\n      { 'disabled': isDisabled, 'isActive': isActive }\n    ]\"\n    @click=\"handleClick\"\n    :disabled=\"isDisabled\"\n    ref=\"primaryButton\"\n  >\n    <!-- Conditionally render the icon before the slot content if iconPosition is 'left' -->\n    <i v-if=\"icon && iconPosition === 'left' && iconPack === 'feather'\"\n       :class=\"[`${iconPack}`, icon.includes('icon') ? icon : `icon-${icon}`, 'primary-button--icon']\"></i>\n    <i v-if=\"icon && iconPosition === 'left' && iconPack === 'material-icons'\"\n       :class=\"[`${iconPack}`, 'primary-button--icon']\">{{ icon }}</i>\n    <slot></slot>\n    <!-- Conditionally render the icon after the slot content if iconPosition is 'right' -->\n    <i v-if=\"icon && iconPosition === 'right' && iconPack === 'feather'\"\n       :class=\"[`${iconPack}`, icon.includes('icon') ? icon : `icon-${icon}`, 'primary-button--icon']\"></i>\n    <i v-if=\"icon && iconPosition === 'right' && iconPack === 'material-icons'\"\n       :class=\"[`${iconPack}`, 'primary-button--icon']\">{{ icon }}</i>\n  </button>\n</template>\n\n<script>\nexport default {\n  name: 'PrimaryButton',\n  props: {\n    size: {\n      type: String,\n      default: 'medium' // options: 'small', 'large', 'square', 'round'\n    },\n    isDisabled: {\n      type: Boolean,\n      default: false\n    },\n    isActive: {\n      type: Boolean,\n      default: false\n    },\n    icon: {\n      type: String,\n      default: null // Pass icon name like 'settings' to render 'icon-settings'\n    },\n    iconPack: {\n      type: String,\n      default: 'material-icons'\n    },\n    iconPosition: {\n      type: String,\n      default: 'left' // Icon position, 'left' or 'right'\n    }\n  },\n  computed: {\n    isThemeDark () {\n      return this.$store.state.theme === 'dark'\n    }\n  },\n  methods: {\n    handleClick (event) {\n      this.$emit('buttonClick', event)\n      this.$nextTick(() => {\n        // if the primary button changes routes, don't try to clear focus\n        if (this.$refs.primaryButton) {\n          this.$refs.primaryButton.blur()\n        }\n      })\n    }\n  }\n}\n</script>\n\n\n<style lang=\"scss\">\n.primary-button, .vs-component.vs-button.vs-dialog-accept-button.vs-button-primary.vs-button-filled {\n  background-color: var(--primary-color) !important;\n  border: 0;\n  color: var(--white);\n  transition: background-color 0.3s ease-in-out;\n\n  i {\n    font-size: 20px;\n    color: var(--white);\n  }\n  &:hover {\n    background-color: var(--primary-hover-color) !important;\n  }\n  &:focus {\n    border: 1px solid var(--primary-400) !important;\n    /* offset-x offset-y blur-radius spread-radius color */\n    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0px 0px 0px 4px rgba(145, 202, 78, 0.15) !important;\n  }\n  &:disabled {\n    background-color: var(--primary-100) !important;\n    color: var(--white) !important;\n    border: 1px solid var(--white);\n    i {\n      color: var(--white) !important;\n    }\n  }\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!./PrimaryButton.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!./PrimaryButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PrimaryButton.vue?vue&type=template&id=9d71cdc4&\"\nimport script from \"./PrimaryButton.vue?vue&type=script&lang=js&\"\nexport * from \"./PrimaryButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PrimaryButton.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"start-view h-screen w-screen flex items-center justify-center\"},[_c('transition',{attrs:{\"name\":\"fade\",\"appear\":\"\"}},[_c('vs-card',{staticClass:\"max-w-md px-2 pt-2 add-contact\"},[_c('div',{staticClass:\"flex flex-col items-center mb-10\"},[_c('h2',{staticClass:\"mb-10\"},[_vm._v(_vm._s(_vm.$t('start.enterNumberPrompt')))]),_c('vue-phone-number-input',{staticClass:\"phone-number-input\",attrs:{\"size\":\"lg\"},on:{\"update\":_vm.updatePhoneData},model:{value:(_vm.number),callback:function ($$v) {_vm.number=$$v},expression:\"number\"}})],1),_c('vs-divider',{staticClass:\"pt-3\"}),_c('div',{staticClass:\"flex justify-end\"},[_c('primary-button',{staticClass:\"mr-4\",attrs:{\"disabled\":!_vm.isValid},on:{\"buttonClick\":_vm.openEnteredNumber}},[_vm._v(_vm._s(_vm.$t('common.start')))]),_c('secondary-button',{on:{\"buttonClick\":function($event){return _vm.$router.back()}}},[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t('cancel'))))])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"start-view h-screen w-screen flex items-center justify-center\">\n    <transition name=\"fade\" appear>\n      <vs-card class=\"max-w-md px-2 pt-2 add-contact\">\n        <div class=\"flex flex-col items-center mb-10\">\n          <h2 class=\"mb-10\">{{ $t('start.enterNumberPrompt') }}</h2>\n          <vue-phone-number-input size=\"lg\" v-model=\"number\" @update=\"updatePhoneData\" class=\"phone-number-input\"/>\n        </div>\n        <vs-divider class=\"pt-3\"></vs-divider>\n        <div class=\"flex justify-end\">\n          <primary-button :disabled=\"!isValid\" @buttonClick=\"openEnteredNumber\" class=\"mr-4\" >{{ $t('common.start') }}</primary-button>\n          <secondary-button @buttonClick=\"$router.back()\">{{ $t('cancel') | capitalize }}</secondary-button>\n        </div>\n      </vs-card>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport VuePhoneNumberInput from 'vue-phone-number-input'\nimport 'vue-phone-number-input/dist/vue-phone-number-input.css'\nimport PrimaryButton from '@/views/layouts/shared-components/PrimaryButton.vue'\nimport SecondaryButton from '@/views/layouts/shared-components/SecondaryButton.vue'\n\nexport default {\n  name: 'Start',\n  components: {\n    SecondaryButton,\n    PrimaryButton,\n    VuePhoneNumberInput},\n  data () {\n    return {\n      number: '',\n      isValid: '',\n      international: ''\n    }\n  },\n  computed: {\n    previousTeam () {\n      return this.$store.getters.previousTeam ? this.$store.getters.previousTeam : null\n    }\n  },\n  methods: {\n    updatePhoneData (details) {\n      this.international = details.e164 || ''\n\n      if (details.hasOwnProperty('countryCode') && details.hasOwnProperty('e164')) {\n        this.isValid = this.$options.filters.validatePhoneNumber(details.e164, details.countryCode)\n      }\n    },\n    openEnteredNumber () {\n      if (this.previousTeam) {\n        this.$router.push(`/start/${this.international}?team=${this.previousTeam}`)\n      } else {\n        this.$router.push(`/start/${this.international}`)\n      }\n    }\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!./Start.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!./Start.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Start.vue?vue&type=template&id=5153c8e7&\"\nimport script from \"./Start.vue?vue&type=script&lang=js&\"\nexport * from \"./Start.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\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!./SecondaryButton.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}