{"version":3,"sources":["webpack:///./src/lib/components/Checkbox/DfCheckbox.js","webpack:///./src/modules/menu/components/modals/ModalJobTitle.vue","webpack:///src/modules/menu/components/modals/ModalJobTitle.vue","webpack:///./src/modules/menu/components/modals/ModalJobTitle.vue?f75c","webpack:///./src/modules/menu/components/modals/ModalJobTitle.vue?ce9b","webpack:///./src/modules/menu/components/modals/ModalJobTitle.vue?0fcb"],"names":["DfCheckbox","_HTMLElement","_this","_classCallCheck","_callSuper","attachShadow","mode","_listenersAdded","_disabled","_originalColors","Map","shadowRoot","innerHTML","_inherits","_createClass","key","value","name","_","newValue","this","disableComponent","ableComponent","updateSlotTextColor","checkboxSizeObj","small","medium","large","iconSizeObj","checkbox","querySelector","style","setProperty","_this2","_boundContainerClick","event","target","checked","changeSelection","_boundCheckboxChange","dispatchEvent","CustomEvent","detail","bubbles","composed","_this3","slot","assignedNodes","forEach","node","nodeType","Node","ELEMENT_NODE","applyTextColor","restoreTextColor","_this4","textElements","includes","nodeName","toLowerCase","has","originalColor","getComputedStyle","color","set","colors","colorTextDisabled","childNodes","childNode","_this5","get","delete","container","classList","remove","disabled","addEventListener","add","removeEventListener","_wrapNativeSuper","HTMLElement","customElements","define","render","_vm","_c","_self","attrs","$t","hasOneSelectedJobTitle","loading","on","setJobTitle","scopedSlots","_u","fn","_vm$jobTitles","staticClass","_v","_s","directives","rawName","loadingJobTitles","expression","_l","jobTitles","length","index","jobTitle","id","shouldDisableCheckbox","selectJobTitles","proxy","staticRenderFns","components","DfModal","data","selectedJobTitles","created","listJobTitles","computed","_objectSpread","mapGetters","methods","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","hiddenJobTitles","filteredJobTitles","wrap","_context","prev","next","$api","sent","filter","t0","console","error","finish","stop","push","findIndex","job","splice","_callee2","_this2$currentUser","_context2","currentUser","$root","$emit","component"],"mappings":"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","file":"js/chunk-5d916b1d.817a8b02.js","sourcesContent":["import colors from '@/assets/styles/__colors.module.scss'\n\nclass DfCheckbox extends HTMLElement {\n  static get observedAttributes() {\n    return ['disabled', 'size']\n  }\n\n  attributeChangedCallback(name, _, newValue) {\n    if (name === 'disabled') {\n      this._disabled = newValue === 'true'\n\n      if (this._disabled) {\n        this.disableComponent()\n      } else {\n        this.ableComponent()\n      }\n\n      this.updateSlotTextColor()\n    }\n\n    if (name === 'size') {\n      const checkboxSizeObj = {\n        small: '12px',\n        medium: '16px',\n        large: '20px',\n      }\n      const iconSizeObj = {\n        small: '8px',\n        medium: '12px',\n        large: '16px',\n      }\n\n      const checkbox = this.shadowRoot.querySelector('#checkbox')\n      checkbox.style.setProperty('--checkbox-height', checkboxSizeObj[newValue])\n      checkbox.style.setProperty('--checkbox-width', checkboxSizeObj[newValue])\n      checkbox.style.setProperty('--checkbox-font-size', iconSizeObj[newValue])\n    }\n  }\n\n  connectedCallback() {\n    if (this._listenersAdded) return\n    this._listenersAdded = true\n\n    const checkbox = this.shadowRoot.querySelector('#checkbox')\n\n    this._boundContainerClick = (event) => {\n      if (event.target !== checkbox) {\n        checkbox.checked = !checkbox.checked\n        this.changeSelection()\n      }\n    }\n\n    this._boundCheckboxChange = () => {\n      this.changeSelection()\n    }\n\n    if (this._disabled) {\n      this.disableComponent()\n    } else {\n      this.ableComponent()\n    }\n  }\n\n  disconnectedCallback() {\n    if (!this._listenersAdded) return\n    this.disableComponent()\n    this._listenersAdded = false\n  }\n\n  changeSelection() {\n    const checkbox = this.shadowRoot.querySelector('#checkbox')\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: checkbox.checked,\n        bubbles: true,\n        composed: true,\n      })\n    )\n  }\n\n  reset() {\n    const checkbox = this.shadowRoot.querySelector('#checkbox')\n\n    checkbox.checked = false\n    this.changeSelection()\n  }\n\n  updateSlotTextColor() {\n    const slot = this.shadowRoot.querySelector('slot')\n    const assignedNodes = slot.assignedNodes()\n\n    assignedNodes.forEach((node) => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        if (this._disabled) {\n          this.applyTextColor(node)\n        } else {\n          this.restoreTextColor(node)\n        }\n      }\n    })\n  }\n\n  applyTextColor(node) {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      const textElements = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span']\n\n      if (textElements.includes(node.nodeName.toLowerCase())) {\n        if (!this._originalColors.has(node)) {\n          const originalColor = getComputedStyle(node).color\n          this._originalColors.set(node, originalColor)\n        }\n        node.style.color = colors.colorTextDisabled\n      }\n\n      node.childNodes.forEach((childNode) => {\n        this.applyTextColor(childNode)\n      })\n    }\n  }\n\n  restoreTextColor(node) {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      const textElements = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span']\n\n      if (textElements.includes(node.nodeName.toLowerCase())) {\n        if (this._originalColors.has(node)) {\n          const originalColor = this._originalColors.get(node)\n          node.style.color = originalColor\n          this._originalColors.delete(node)\n        }\n      }\n\n      node.childNodes.forEach((childNode) => {\n        this.restoreTextColor(childNode)\n      })\n    }\n  }\n\n  ableComponent() {\n    const checkbox = this.shadowRoot.querySelector('#checkbox')\n    const container = this.shadowRoot.querySelector('.df-checkbox')\n\n    container.classList.remove('disabled')\n    checkbox.classList.remove('disabled')\n    checkbox.disabled = false\n\n    if (this._boundContainerClick && this._boundCheckboxChange) {\n      container.addEventListener('click', this._boundContainerClick)\n      checkbox.addEventListener('change', this._boundCheckboxChange)\n    }\n  }\n\n  disableComponent() {\n    const checkbox = this.shadowRoot.querySelector('#checkbox')\n    const container = this.shadowRoot.querySelector('.df-checkbox')\n\n    container.classList.add('disabled')\n    checkbox.classList.add('disabled')\n    checkbox.disabled = true\n\n    if (this._boundContainerClick && this._boundCheckboxChange) {\n      container.removeEventListener('click', this._boundContainerClick)\n      checkbox.removeEventListener('change', this._boundCheckboxChange)\n    }\n  }\n\n  constructor() {\n    super()\n    this.attachShadow({ mode: 'open' })\n    this._listenersAdded = false\n    this._disabled = false\n    this._originalColors = new Map()\n\n    this.shadowRoot.innerHTML = `\n      <style lang=\"scss\" scoped>\n        .df-checkbox {\n          display: flex;\n          gap: var(--spacing-m);\n          align-items: center;\n          flex-wrap: nowrap;\n          cursor: pointer;\n        }\n        .checkbox {\n          max-height: var(--checkbox-height, 16px);\n          max-width: var(--checkbox-width, 16px);\n          min-height: var(--checkbox-height, 16px);\n          min-width: var(--checkbox-width, 16px);\n          border-radius: var(--border-radius-sm);\n          border: 1px solid var(--color-border-dark);\n          margin: 0px;\n          appearance: none;\n          -webkit-appearance: none;\n          display: inline-block;\n          position: relative;\n        }\n        .checkbox.disabled {\n          background-color: var(--color-background-disabled);\n        }\n        input[type=\"checkbox\"] {\n          appearance: none;\n          -webkit-appearance: none;\n          background-color: var(--color-background-light);\n        }\n        input[type=\"checkbox\"]:not(.disabled):hover {\n          background-color: var(--color-background-primary-lightest);\n          border-color: var(--color-border-primary);\n          cursor: pointer;\n        }\n        .df-checkbox:not(.disabled):hover .checkbox {\n          background-color: var(--color-background-primary-lightest);\n          border-color: var(--color-border-primary);\n        }\n        input[type=\"checkbox\"]:checked {\n          background-color: var(--color-background-primary);\n          border-color: var(--color-border-primary);\n        }\n        .df-checkbox:not(.disabled):hover input[type=\"checkbox\"]:checked {\n          background-color: var(--color-background-primary);\n          border-color: var(--color-border-primary);\n        }\n        .checkbox:checked::after {\n          content: '✔';\n          color: var(--color-icon-white);\n          font-size: var(--checkbox-font-size, 12px);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n        }\n        .disabled {\n          cursor: auto;\n        }\n      </style>\n      <div class=\"df-checkbox\">\n        <input id=\"checkbox\" class=\"checkbox\" type=\"checkbox\">\n        <slot></slot>\n      </div>\n    `\n  }\n}\n\ncustomElements.define('df-checkbox', DfCheckbox)\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('df-modal',{attrs:{\"disable-close\":\"\",\"height\":\"480px\",\"width\":\"668px\",\"action-name\":_vm.$t('salvar'),\"disable-action\":!_vm.hasOneSelectedJobTitle,\"loading\":_vm.loading,\"title\":_vm.$t('one_question_before_continue') + '...'},on:{\"action-click\":_vm.setJobTitle},scopedSlots:_vm._u([{key:\"card-content\",fn:function(){return [_c('div',{staticClass:\"df-flex-l df-flex-col modal-job-title\"},[_c('div',{staticClass:\"df-flex-xs df-flex-col\"},[_c('h2',{staticClass:\"modal__subtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t('what_is_your_job_title_today'))+\"? \")]),_c('p',{staticClass:\"modal__description\"},[_vm._v(\" \"+_vm._s(_vm.$t('we_want_to_know_to_improve_your_experience'))+\" \")])]),_c('div',{staticClass:\"modal__job-titles\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingJobTitles),expression:\"loadingJobTitles\"}],staticClass:\"df-flex-sm\"},_vm._l((_vm.jobTitles?.length || 9),function(_,index){return _c('df-skeleton-loader',{key:index,attrs:{\"height\":\"44px\",\"width\":\"190px\"}})}),1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loadingJobTitles),expression:\"!loadingJobTitles\"}],staticClass:\"df-flex-sm\"},_vm._l((_vm.jobTitles),function(jobTitle){return _c('div',{key:jobTitle.id,staticClass:\"job-title\"},[_c('df-checkbox',{attrs:{\"size\":\"large\",\"disabled\":_vm.shouldDisableCheckbox(jobTitle)},on:{\"change\":(event) => _vm.selectJobTitles(jobTitle, event.detail)}},[_c('span',{staticClass:\"title__name\"},[_vm._v(\" \"+_vm._s(_vm.$t('job_titles.' + jobTitle.name))+\" \")])])],1)}),0)])])]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <df-modal\n    disable-close\n    height=\"480px\"\n    width=\"668px\"\n    :action-name=\"$t('salvar')\"\n    :disable-action=\"!hasOneSelectedJobTitle\"\n    :loading=\"loading\"\n    :title=\"$t('one_question_before_continue') + '...'\"\n    @action-click=\"setJobTitle\"\n  >\n    <template #card-content>\n      <div class=\"df-flex-l df-flex-col modal-job-title\">\n        <div class=\"df-flex-xs df-flex-col\">\n          <h2 class=\"modal__subtitle\">\n            {{ $t('what_is_your_job_title_today') }}?\n          </h2>\n          <p class=\"modal__description\">\n            {{ $t('we_want_to_know_to_improve_your_experience') }}\n          </p>\n        </div>\n        <div class=\"modal__job-titles\">\n          <div v-show=\"loadingJobTitles\" class=\"df-flex-sm\">\n            <df-skeleton-loader\n              v-for=\"(_, index) in jobTitles?.length || 9\"\n              :key=\"index\"\n              height=\"44px\"\n              width=\"190px\"\n            />\n          </div>\n          <div v-show=\"!loadingJobTitles\" class=\"df-flex-sm\">\n            <div\n              v-for=\"jobTitle in jobTitles\"\n              :key=\"jobTitle.id\"\n              class=\"job-title\"\n            >\n              <df-checkbox\n                size=\"large\"\n                :disabled=\"shouldDisableCheckbox(jobTitle)\"\n                @change=\"(event) => selectJobTitles(jobTitle, event.detail)\"\n              >\n                <span class=\"title__name\">\n                  {{ $t('job_titles.' + jobTitle.name) }}\n                </span>\n              </df-checkbox>\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </df-modal>\n</template>\n\n<script>\nimport DfModal from '@/lib/Modal/DfModal.vue'\nimport { mapGetters } from 'vuex'\nimport '@/lib/components/Checkbox/DfCheckbox.js'\nimport '@/lib/components/Loader/DfSkeletonLoader.js'\n\nexport default {\n  name: 'ModalJobTitle',\n\n  components: {\n    DfModal,\n  },\n\n  data() {\n    return {\n      jobTitles: [],\n      loading: false,\n      loadingJobTitles: false,\n      selectedJobTitles: [],\n    }\n  },\n\n  created() {\n    this.listJobTitles()\n  },\n\n  computed: {\n    ...mapGetters('user', ['currentUser']),\n    hasOneSelectedJobTitle() {\n      return this.selectedJobTitles.length === 1\n    },\n  },\n\n  methods: {\n    async listJobTitles() {\n      this.loadingJobTitles = true\n      try {\n        const response = await this.$api.jobTitles.get()\n        const hiddenJobTitles = [\n          'manager_admin_digifarmz',\n          'manager_admin_digifarmz_marketing',\n          'manager_admin_digifarmz_sales',\n          'manager_admin_digifarmz_operations',\n        ]\n\n        const filteredJobTitles = response.data.filter(\n          (jobTitle) => !hiddenJobTitles.includes(jobTitle.name)\n        )\n\n        this.jobTitles = filteredJobTitles\n      } catch (error) {\n        console.error(error)\n      } finally {\n        this.loadingJobTitles = false\n      }\n    },\n    selectJobTitles(jobTitle, checked) {\n      if (checked) {\n        this.selectedJobTitles.push(jobTitle.id)\n      } else {\n        const index = this.selectedJobTitles.findIndex(\n          (job) => job === jobTitle.id\n        )\n        this.selectedJobTitles.splice(index, 1)\n      }\n    },\n    async setJobTitle() {\n      this.loading = true\n      try {\n        await this.$api.jobTitles.set(\n          this.currentUser?.id,\n          this.selectedJobTitles[0]\n        )\n\n        this.$root.$emit('notify', 'success', this.$t('succesfuly_saved'))\n\n        this.$emit('close')\n      } catch (error) {\n        console.error(error)\n      } finally {\n        this.loading = false\n      }\n    },\n    shouldDisableCheckbox(jobTitle) {\n      return (\n        this.hasOneSelectedJobTitle &&\n        !this.selectedJobTitles.includes(jobTitle.id)\n      )\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.modal-job-title {\n  .modal__subtitle {\n    @include heading-x-small;\n    white-space: normal;\n  }\n  .modal__description {\n    @include paragraph-medium;\n    color: $color-text-neutral;\n  }\n  .modal__job-titles {\n    overflow-y: auto;\n    max-height: 500px;\n    padding: $spacing-l;\n    border-radius: $border-radius-sm;\n    background: $color-background-light;\n\n    .job-title {\n      padding: $spacing-m;\n      border-radius: $border-radius-m;\n      background-color: $color-background-disabled;\n\n      .title__name {\n        @include label-small;\n        color: $color-text-neutral;\n      }\n    }\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!./ModalJobTitle.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!./ModalJobTitle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalJobTitle.vue?vue&type=template&id=042752f8&scoped=true\"\nimport script from \"./ModalJobTitle.vue?vue&type=script&lang=js\"\nexport * from \"./ModalJobTitle.vue?vue&type=script&lang=js\"\nimport style0 from \"./ModalJobTitle.vue?vue&type=style&index=0&id=042752f8&prod&lang=scss&scoped=true\"\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  \"042752f8\",\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!./ModalJobTitle.vue?vue&type=style&index=0&id=042752f8&prod&lang=scss&scoped=true\""],"sourceRoot":""}