{"version":3,"sources":["webpack:///./src/views/forms/PlainForm.vue?3779","webpack:///src/views/forms/PlainForm.vue","webpack:///./src/views/forms/PlainForm.vue?e520","webpack:///./src/views/forms/PlainForm.vue","webpack:///./src/views/forms/PlainForm.vue?be5e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","fullWidthWrapperEnabled","attrs","on","toggleFullwidhtContainer","$event","showSnack","_e","isLoading","showFormUI","_v","showSnackbar","snackbarImage","snackbarTitle","staticRenderFns","name","components","StartWorkflowManager","data","isAuthed","publicAccessible","computed","eForm","watch","handler","query","redirect","deep","created","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,+CAA+C,CAACF,EAAG,MAAM,CAACG,MAAM,CAAE,aAAcP,EAAIQ,wBAAyB,qBAAsB,IAAQ,CAACJ,EAAG,eAAe,CAACE,YAAY,iBAAiBG,MAAM,CAAC,GAAK,eAAe,KAAO,eAAe,MAAS,oBAAsBT,EAAIQ,wBAA0B,MAAQ,MAAO,KAAOR,EAAIQ,wBAA0B,2BAA6B,wBAAwBE,GAAG,CAAC,oBAAsBV,EAAIW,6BAA6B,GAAGP,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAE,aAAcP,EAAIQ,wBAAyB,gBAAiB,IAAQ,CAAER,EAAc,WAAEI,EAAG,uBAAuB,CAACK,MAAM,CAAC,UAAW,GAAMC,GAAG,CAAC,gBAAkB,SAASE,GAAQ,OAAOZ,EAAIa,WAAU,IAAO,eAAiB,SAASD,GAAQ,OAAOZ,EAAIa,WAAU,OAAWb,EAAIc,KAAOd,EAAIe,WAAcf,EAAIgB,WAAwNhB,EAAIc,KAAhNV,EAAG,MAAM,CAACK,MAAM,CAAC,GAAK,wBAAwB,CAACL,EAAG,yBAAyB,CAACK,MAAM,CAAC,GAAK,mBAAmBL,EAAG,MAAM,CAACK,MAAM,CAAC,GAAK,YAAY,CAACT,EAAIiB,GAAG,oDAAoD,IAAa,KAAKb,EAAG,iBAAiB,CAACK,MAAM,CAAC,GAAK,gBAAgB,iBAAmBT,EAAIkB,aAAa,cAAgBlB,EAAImB,cAAc,cAAgBnB,EAAIoB,eAAeV,GAAG,CAAC,0BAA0B,SAASE,GAAQZ,EAAIkB,aAAaN,GAAQ,4BAA4B,SAASA,GAAQZ,EAAIkB,aAAaN,OAAY,MAC18CS,EAAkB,G,0DC4CP,GACfC,iBACAC,YACAC,6BAEAC,gBACA,OACAjB,2BACAkB,YACAX,aACAY,oBACAT,gBACAC,iBACAC,mBAGAQ,UACAC,iBAAA,sCACAb,sBAAA,8CAEAc,OACAD,OACAE,mBACA,8EACA,yBACA,gFACA,mBAAAT,gBAAAU,OAAAC,gGAGAC,UAGAC,mBAAA,+JACA,2CAEA,OADA,sBACA,wDAGA,qEACA,yHACA,gBAAAb,gBAAAU,OAAAC,6FAAA,2BACA,QADA,EACA,8EACA,+DAEA,8GAEA,0DAdA,IAgBAG,SACAvB,sBACA,kFACA,qBACA,sBAEAF,oCACA,2DACA,gECrGkW,I,wBCQ9V0B,EAAY,eACd,EACAtC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,6CCnBf,W","file":"js/chunk-f964555c.7cf326c6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"lightestGreyBackground external-calc-height\"},[_c('div',{class:{ 'full-width': _vm.fullWidthWrapperEnabled, 'functions-section' : true }},[_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),_c('div',{staticClass:\"form-container\"},[_c('div',{class:{ 'full-width': _vm.fullWidthWrapperEnabled, 'form-wrapper' : true }},[(_vm.showFormUI)?_c('StartWorkflowManager',{attrs:{\"viewMode\":true},on:{\"workflowStarted\":function($event){return _vm.showSnack(true)},\"workflowFailed\":function($event){return _vm.showSnack(false)}}}):_vm._e(),(!_vm.isLoading && !_vm.showFormUI)?_c('div',{attrs:{\"id\":\"forbidden-container\"}},[_c('VasionRemoveCircleIcon',{attrs:{\"id\":\"no-entry-icon\"}}),_c('div',{attrs:{\"id\":\"message\"}},[_vm._v(\" You are not authorized to access this form. \")])],1):_vm._e()],1)]),_c('VasionSnackbar',{attrs:{\"id\":\"results-snack\",\"showSnackbarBool\":_vm.showSnackbar,\"snackbarImage\":_vm.snackbarImage,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbar=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbar=$event}}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"lightestGreyBackground external-calc-height\">\n      <div :class=\"{ 'full-width': fullWidthWrapperEnabled, 'functions-section' : true }\">\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\n      <div class=\"form-container\">\n        <div\n          :class=\"{ 'full-width': fullWidthWrapperEnabled, 'form-wrapper' : true }\"\n        >\n          <StartWorkflowManager\n            v-if=\"showFormUI\"\n            :viewMode=\"true\"\n            @workflowStarted=\"showSnack(true)\"\n            @workflowFailed=\"showSnack(false)\"\n          />\n          <div v-if=\"!isLoading && !showFormUI\" id=\"forbidden-container\">\n            <VasionRemoveCircleIcon id=\"no-entry-icon\" />\n            <div id=\"message\">\n              You are not authorized to access this form.\n            </div>\n          </div>\n        </div>\n      </div>\n      <VasionSnackbar\n        id=\"results-snack\"\n        :showSnackbarBool.sync=\"showSnackbar\"\n        :snackbarImage=\"snackbarImage\"\n        :snackbarTitle=\"snackbarTitle\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport StartWorkflowManager from '@/components/workflow/StartWorkflowManager.vue'\n\nexport default {\n  name: 'PlainForm',\n  components: {\n    StartWorkflowManager,\n  },\n  data: function () {\n    return {\n      fullWidthWrapperEnabled: false,\n      isAuthed: false,\n      isLoading: true,\n      publicAccessible: false,\n      showSnackbar: false,\n      snackbarImage: false,\n      snackbarTitle: '',\n    }\n  },\n  computed: {\n    eForm() { return this.$store.state.forms.eForm },\n    showFormUI() { return this.isAuthed || this.publicAccessible },\n  },\n  watch: {\n    eForm: {\n      handler() {\n        if (this.$store.state.forms.eForm && this.$store.state.forms.eForm.PublicAccessible) {\n          this.publicAccessible = true\n        } else if (this.$store.state.forms.eForm && !this.$store.state.forms.eForm.PublicAccessible) {\n          this.$router.push({ name: 'TheLogin', query: { redirect: `/form/${this.$route.params.formName}/${this.$route.params.formID}` } })\n        }\n      },\n      deep: true,\n    },\n  },\n  async created() {\n    if (this.$route.params.formID === 0) {\n      this.publicAccessible = false\n      this.isAuthed = false\n      return\n    }\n    await this.$store.dispatch('forms/getEForm', this.$route.params.formID)\n    if (!this.$store.state.forms.eForm?.PublicAccessible && !this.$store.state.common.isSignedIn) {\n      this.$router.push({ name: 'TheLogin', query: { redirect: `/formLink/${this.$route.params.formName}/${this.$route.params.formID}` } })\n    } else if (this.$store.state.forms.eForm?.PublicAccessible) {\n      this.publicAccessible = true\n    } else {\n      this.isAuthed = await this.$store.dispatch('forms/checkIfUserCanAccessEForm', this.$route.params.formID)\n    }\n    this.isLoading = false\n  },\n  methods: {\n    showSnack(val) {\n      this.snackbarTitle = val ? `${$layoutsLabel} Submitted!` : `${$layoutsLabel} Submission Failed!`\n      this.snackbarImage = val\n      this.showSnackbar = true\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.external-calc-height {\n  height: 100vh;\n  width: 100vw;\n}\n#forbidden-container {\n  height: calc(100vh - 160px);\n  margin-top: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  #message {\n    font-family: $font-family-bold;\n    margin-top: 20px;\n    position: relative;\n    font-size: 30px;\n    bottom: 10%;\n  }\n  #no-entry-icon {\n    fill: $grey-600;\n    position: relative;\n    bottom: 10%;\n  }\n}\n.lightestGreyBackground {\n  background-color: $grey-75;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.functions-section {\n  margin: 8px 0 0 0;\n  width: 100%;\n  text-align: end;\n}\n.full-width-btn {\n  display: none !important;\n}\n.form-container {\n  width: 100%;\n  height: 100vh;\n  padding: 8px;\n  display: flex;\n  justify-content: center;\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: 100vh;\n  width: 100%;\n}\n.full-width {\n  width: 100% !important;\n}\n.full-width.functions-section {\n  width: 100% !important;\n  padding-right: 1rem;\n}\n@media (min-width: $breakpoint-md) {\n  .full-width-btn {\n    display: block !important;\n  }\n  .form-container {\n    height: calc(100vh - 44px);\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    max-height: calc(100vh - 124px);\n    width: 736px;\n  }\n  .functions-section {\n    width: 736px;\n  }\n}\n@media (min-width: 950px) and (max-width: 991.98px) {\n  .form-container {\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    max-height: calc(100vh - 44px);\n    width: 918px - 256px;\n  }\n  .functions-section {\n    width: 918px - 256px;\n  }\n}\n@media (min-width: $breakpoint-lg) {\n  .form-container {\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    max-height: calc(100vh - 44px);\n    width: 960px - 256px;\n  }\n  .functions-section {\n    width: 960px - 256px;\n  }\n}\n@media (min-width: $breakpoint-xl) {\n  .form-wrapper {\n    max-height: calc(100vh - 44px);\n    width: 1168px - 256px;\n  }\n  .functions-section {\n    width: 1168px - 256px;\n  }\n}\n@media (min-width: $breakpoint-xxl) {\n  .form-wrapper {\n    max-height: calc(100vh - 44px);\n    width: 1368px - 256px;\n  }\n  .functions-section {\n    width: 1368px - 256px;\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!./PlainForm.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!./PlainForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlainForm.vue?vue&type=template&id=7bd7b526&scoped=true&\"\nimport script from \"./PlainForm.vue?vue&type=script&lang=js&\"\nexport * from \"./PlainForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlainForm.vue?vue&type=style&index=0&id=7bd7b526&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  \"7bd7b526\",\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!./PlainForm.vue?vue&type=style&index=0&id=7bd7b526&prod&lang=scss&scoped=true&\""],"sourceRoot":""}