{"version":3,"sources":["webpack:///./src/views/forms/MyForm.vue?d69a","webpack:///./src/views/forms/MyForm.vue?49a5","webpack:///src/views/forms/MyForm.vue","webpack:///./src/views/forms/MyForm.vue?9272","webpack:///./src/views/forms/MyForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isFromMobile","_e","_v","_s","formName","attrs","on","backToMyForms","$layoutsLabelPlural","fullWidthWrapperEnabled","toggleFullwidhtContainer","$event","showStartWorkflowManager","showDirtyFormModal","dirtyFormModalConfirmation","dirtyFormModalCancel","staticRenderFns","name","components","StartWorkflowManager","beforeRouteLeave","next","data","isAuthed","computed","canAccessAllForms","isFormDraft","created","payload","StartNumber","MaxReturnCount","IncludeUserSecurity","IncludeFields","PopulateOnlyNameAndID","formPayload","formId","workflowId","methods","component"],"mappings":"gHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yBAAyBC,MAAM,CAAC,sBAAuBP,EAAIQ,aAAc,mBAAoBR,EAAIQ,eAAgB,CAAGR,EAAIQ,aAAuvBR,EAAIS,KAA7uBL,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACN,EAAIU,GAAG,IAAIV,EAAIW,GAAGX,EAAIY,UAAU,OAAOR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAEN,EAAqB,kBAAEI,EAAG,eAAe,CAACE,YAAY,eAAeO,MAAM,CAAC,GAAK,SAAS,KAAO,SAAS,UAAY,QAAQC,GAAG,CAAC,oBAAsBd,EAAIe,gBAAgB,CAACf,EAAIU,GAAG,eAAeV,EAAIW,GAAGX,EAAIgB,qBAAqB,OAAOhB,EAAIS,KAAKL,EAAG,eAAe,CAACE,YAAY,iBAAiBO,MAAM,CAAC,GAAK,eAAe,KAAO,eAAe,MAAS,oBAAsBb,EAAIiB,wBAA0B,MAAQ,MAAO,KAAOjB,EAAIiB,wBAA0B,2BAA6B,wBAAwBH,GAAG,CAAC,oBAAsBd,EAAIkB,6BAA6B,KAAcd,EAAG,MAAM,CAACG,MAAM,CAAC,kBAAmBP,EAAIQ,aAAc,aAAcR,EAAIQ,aAAc,cAAeR,EAAIQ,eAAe,CAAER,EAAY,SAAEI,EAAG,MAAM,CAACG,MAAM,CAAE,aAAcP,EAAIiB,wBAAyB,gBAAiB,EAAM,2BAA6BjB,EAAIQ,eAAgB,CAACJ,EAAG,uBAAuB,CAACS,MAAM,CAAC,UAAW,GAAMC,GAAG,CAAC,mBAAqB,SAASK,GAAQnB,EAAIoB,0BAA2B,OAAW,GAAGpB,EAAIS,OAAOL,EAAG,qBAAqB,CAACS,MAAM,CAAC,GAAK,4BAA4B,kBAAoB,MAAM,iBAAmB,KAAK,UAAY,UAAU,YAAc,SAAS,QAAU,wEAAwE,KAAOb,EAAIqB,oBAAoBP,GAAG,CAAC,mBAAqB,SAASK,GAAQ,OAAOnB,EAAIsB,8BAA8B,cAAgB,SAASH,GAAQ,OAAOnB,EAAIuB,4BAA4B,IACzzDC,EAAkB,G,gDCuDP,GACfC,cACAC,YACAC,6BAEAC,iCAAA,wJACA,iDACA,8BACA,8DACA,8CAEA,eACAC,IAAA,0CAPA,IAUAC,gBACA,OACAb,2BACAc,cACAV,wBAGAW,UACAC,6BAAA,kEACArB,oBACA,4BACA,IACA,kBACA,yCACA,qCAEA,4BAGA,wCAEAJ,wBAAA,wEACA0B,uBAAA,0EAEAC,mBAAA,4JAYA,GAXAC,GACAC,cACAC,mBACAC,uBACAC,iBACAC,0BAEA,gDACAC,GACAC,8BACAC,uCAEA,sMACA,4BAGA,OAFA,kDACA,mDACA,gBAAAnB,uBAAA,2BAGA,sGACA,2FArBA,IAuBAoB,SACA9B,yBAAA,mBAAAU,kBACAH,sCAAA,oKACA,8DACA,wBACA,wDAHA,IAKAC,gCAAA,oKACA,8DACA,kEAFA,IAIAL,oCACA,2DACA,gECnI+V,I,wBCQ3V4B,EAAY,eACd,EACA/C,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E","file":"js/chunk-6e848297.81a9486d.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-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!./MyForm.vue?vue&type=style&index=0&id=32d6f4c4&prod&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightestGreyBackground\",class:{'vasion-calc-height': !_vm.isFromMobile, 'mobile-container': _vm.isFromMobile }},[(!_vm.isFromMobile)?_c('div',{staticClass:\"form-header\"},[_c('div',{staticClass:\"vasion-page-title header-text\"},[_vm._v(\" \"+_vm._s(_vm.formName)+\" \")]),_c('div',{staticClass:\"btns-container\"},[(_vm.canAccessAllForms)?_c('VasionButton',{staticClass:\"button-right\",attrs:{\"id\":\"cancel\",\"name\":\"cancel\",\"classProp\":'text'},on:{\"vasionButtonClicked\":_vm.backToMyForms}},[_vm._v(\" Back to My \"+_vm._s(_vm.$layoutsLabelPlural)+\" \")]):_vm._e(),_c('VasionButton',{staticClass:\"full-width-btn\",attrs:{\"id\":\"btnFullWidth\",\"name\":\"btnFullWidth\",\"title\":(\"Turn Full Width \" + (_vm.fullWidthWrapperEnabled ? 'Off' : 'On')),\"icon\":_vm.fullWidthWrapperEnabled ? 'VasionExitFullscreenIcon' : 'VasionFullscreenIcon'},on:{\"vasionButtonClicked\":_vm.toggleFullwidhtContainer}})],1)]):_vm._e(),_c('div',{class:{'form-container': !_vm.isFromMobile, 'full-width': _vm.isFromMobile, 'full-height': _vm.isFromMobile}},[(_vm.isAuthed)?_c('div',{class:{ 'full-width': _vm.fullWidthWrapperEnabled, 'form-wrapper' : true, 'from-wrapper-mobile-link' : _vm.isFromMobile }},[_c('StartWorkflowManager',{attrs:{\"viewMode\":true},on:{\"closeStartWorkflow\":function($event){_vm.showStartWorkflowManager = false}}})],1):_vm._e()]),_c('VasionGeneralModal',{attrs:{\"id\":\"cancel-confirmation-modal\",\"confirmButtonText\":'YES',\"rejectButtonText\":'NO',\"modalType\":'message',\"buttonGroup\":'center',\"message\":\"Are you sure you want to leave without saving or submitting the form?\",\"sync\":_vm.showDirtyFormModal},on:{\"confirmButtonClick\":function($event){return _vm.dirtyFormModalConfirmation()},\"noButtonClick\":function($event){return _vm.dirtyFormModalCancel()}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"lightestGreyBackground\" :class=\"{'vasion-calc-height': !isFromMobile, 'mobile-container': isFromMobile }\">\n    <div v-if=\"!isFromMobile\" class=\"form-header\">\n      <div class=\"vasion-page-title header-text\">\n        {{ formName }}\n      </div>\n      <div class=\"btns-container\">\n        <VasionButton\n          v-if=\"canAccessAllForms\"\n          id=\"cancel\"\n          name=\"cancel\"\n          :classProp=\"'text'\"\n          class=\"button-right\"\n          @vasionButtonClicked=\"backToMyForms\"\n        >\n          Back to My {{ $layoutsLabelPlural }}\n        </VasionButton>\n        <VasionButton\n          id=\"btnFullWidth\"\n          name=\"btnFullWidth\"\n          class=\"full-width-btn\"\n          :title=\"`Turn Full Width ${fullWidthWrapperEnabled ? 'Off' : 'On'}`\"\n          :icon=\"fullWidthWrapperEnabled ? 'VasionExitFullscreenIcon' : 'VasionFullscreenIcon'\"\n          @vasionButtonClicked=\"toggleFullwidhtContainer\"\n        />\n      </div>\n    </div>\n    <div :class=\"{'form-container': !isFromMobile, 'full-width': isFromMobile, 'full-height': isFromMobile}\">\n      <div\n        v-if=\"isAuthed\"\n        :class=\"{ 'full-width': fullWidthWrapperEnabled, 'form-wrapper' : true, 'from-wrapper-mobile-link' : isFromMobile }\"\n      >\n        <StartWorkflowManager\n          :viewMode=\"true\"\n          @closeStartWorkflow=\"showStartWorkflowManager = false\"\n        />\n      </div>\n    </div>\n    <VasionGeneralModal\n      id=\"cancel-confirmation-modal\"\n      :confirmButtonText=\"'YES'\"\n      :rejectButtonText=\"'NO'\"\n      :modalType=\"'message'\"\n      :buttonGroup=\"'center'\"\n      message=\"Are you sure you want to leave without saving or submitting the form?\"\n      :sync=\"showDirtyFormModal\"\n      @confirmButtonClick=\"dirtyFormModalConfirmation()\"\n      @noButtonClick=\"dirtyFormModalCancel()\"\n    />\n  </div>\n</template>\n\n<script>\n/* eslint-disable global-require */\nimport StartWorkflowManager from '@/components/workflow/StartWorkflowManager.vue'\n\nexport default {\n  name: 'MyForm',\n  components: {\n    StartWorkflowManager,\n  },\n  async beforeRouteLeave(to, from, next) {\n    if (this.$store.state.forms.formIsDirty) {\n      this.routeNext = next\n      await this.$store.dispatch('forms/setDirtyFormModalShowing', true)\n      this.showDirtyFormModal = true\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  data: function () {\n    return {\n      fullWidthWrapperEnabled: false,\n      isAuthed: null,\n      showDirtyFormModal: false,\n    }\n  },\n  computed: {\n    canAccessAllForms() { return this.$store.getters['common/canAccessFormsApp_RolesOnly'] },\n    formName() {\n      if (this.isAuthed === null) {\n        return ''\n      } else if (this.isAuthed === true) {\n        if (this.$store.state.forms.formDrafName != '') {\n          return this.$store.state.forms.formDrafName\n        }\n        return this.$route.params.formName\n      }\n\n      return 'Invalid Permissions to View the Form'\n    },\n    isFromMobile() { return this.$route.query.isFromMobile ? this.$route.query.isFromMobile : false },\n    isFormDraft() { return this.$route.params?.draftId }\n  },\n  async created() {\n    const payload = {\n      StartNumber: 1,\n      MaxReturnCount: 10000,\n      IncludeUserSecurity: false,\n      IncludeFields: false,\n      PopulateOnlyNameAndID: true,\n    }\n    this.$store.dispatch('attributeForm/getMyForms', payload)\n    const formPayload = {\n      formId: this.$route.params.formID,\n      workflowId: this.$route.params.workflowID\n    }\n    this.isAuthed = !this.$route.params.formID ? false : await this.$store.dispatch('forms/checkIfUserCanAccessEFormAndWorkflow', formPayload)\n    if (!this.isAuthed) {\n      this.$store.dispatch('common/suppressDefaultApp', false)\n      this.$store.dispatch('mainViews/toggleVasionHome', true)\n      this.$router.push({ name: 'TheVasionHome' })\n      return\n    }\n    if (!this.isFormDraft) this.$store.dispatch('mainViews/changeMainNav', `my-form-${this.$route.params.formID}`)\n    this.$store.dispatch('attributeForm/setIsForm', true)\n  },\n  methods: {\n    backToMyForms() { this.$router.push({ name: 'MyForms' }) },\n    async dirtyFormModalConfirmation() {\n      await this.$store.dispatch('forms/setDirtyFormModalShowing', false)\n      this.showDirtyFormModal = false\n      this.routeNext()\n    },\n    async dirtyFormModalCancel() {\n      await this.$store.dispatch('forms/setDirtyFormModalShowing', false)\n      this.showDirtyFormModal = false\n    },\n    toggleFullwidhtContainer() {\n      this.fullWidthWrapperEnabled = !this.fullWidthWrapperEnabled\n      this.$root.$emit('update-zoom', this.fullWidthWrapperEnabled)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/css/variables.scss';\n.lightestGreyBackground {\n  background-color: $grey-75;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n// xs\n.form-header {\n  display: block;\n  height: 96px;\n  width: 100%;\n  box-shadow: 0 1px 0 0 $grey-100;\n  background-color: $white;\n  align-items: center;\n  justify-content: space-between;\n}\n.vasion-page-title {\n  margin: 6px 16px 0 16px;\n  font-size: 18px;\n  height: 40px;\n}\n.btns-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.full-width-btn {\n  display: none ;\n}\n.form-container {\n  width: 100%;\n  height: calc(100vh - 162px);\n  padding: 1rem;\n}\n.form-wrapper {\n  border-radius: 0.5rem;\n  box-shadow: 0 .125rem .25rem rgba(33,37,41,.075);\n  background-color: $white;\n  overflow-y: auto;\n  max-height: calc(100vh - 172px);\n  width: 100%;\n}\n.full-width {\n  width: 100% !important;\n}\n.full-height {\n  height: 100% !important;\n}\n.mobile-container {\n  height: 100vh;\n  height: 100dvh;\n  width: 100vw;\n  padding: 8px;\n}\n::v-deep .formio-component-textarea.hide-textarea,\n::v-deep .formio-component-textarea.hide-textarea textarea {\n  z-index: -1;\n}\n.mobile-container ::v-deep .formio-component-datetime input.form-control:not([disabled]) {\n  background-color: #ffffff !important;\n}\n// sm: 576px\n@media (min-width: $breakpoint-sm) {\n  .form-header {\n    height: 90px;\n  }\n  .form-wrapper {\n    max-height: calc(100vh - 166px);\n  }\n}\n// md: 768px\n@media (min-width: $breakpoint-md) {\n  .form-header {\n    display: flex;\n    height: 74px;\n  }\n  .vasion-page-title {\n    margin: 0 0 0 16px;\n    font-size: 20px;\n    height: unset;\n  }\n  .full-width-btn {\n    display: block;\n    margin-right: 16px;\n  }\n  .form-container {\n    height: calc(100vh - 162px);\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    max-height: calc(100vh - 150px);\n    width: 736px;\n  }\n}\n// prevent side bar\n@media (min-width: 950px) and (max-width: 991.98px) {\n  .form-header {\n    height: 76px;\n  }\n  .vasion-page-title {\n    font-size: 22px;\n  }\n  .form-container {\n    height: calc(100vh - 162px);\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    width: 918px - 256px;\n  }\n}\n// lg: 992px\n@media (min-width: $breakpoint-lg) {\n  .form-header {\n    height: 76px;\n  }\n  .vasion-page-title {\n    font-size: 22px;\n  }\n  .form-container {\n    height: calc(100vh - 162px);\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    width: 960px - 256px;\n  }\n}\n// xl: 1200px\n@media (min-width: $breakpoint-xl) {\n  .form-header {\n    height: 78px;\n  }\n  .vasion-page-title {\n    font-size: 24px;\n  }\n  .form-container {\n    height: calc(100vh - 164px);\n  }\n  .form-wrapper {\n    width: 1168px - 256px;\n  }\n}\n// xxl: 1400px\n@media (min-width: $breakpoint-xxl) { \n  .form-wrapper {\n    width: 1368px - 256px;\n  }\n}\n.from-wrapper-mobile-link {\n  height: calc(100vh - 16px);\n  height: calc(100dvh - 16px);\n  max-height: calc(100vh - 16px);\n  max-height: calc(100dvh - 16px);\n  max-width: 100vw;\n  margin: auto;\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!./MyForm.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!./MyForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyForm.vue?vue&type=template&id=32d6f4c4&scoped=true&\"\nimport script from \"./MyForm.vue?vue&type=script&lang=js&\"\nexport * from \"./MyForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyForm.vue?vue&type=style&index=0&id=32d6f4c4&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  \"32d6f4c4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}