{"version":3,"sources":["webpack:///./src/views/digitalSignature/NewDocument.vue?ce83","webpack:///./src/views/digitalSignature/NewDocument.vue?ea3e","webpack:///src/views/digitalSignature/NewDocument.vue","webpack:///./src/views/digitalSignature/NewDocument.vue?628a","webpack:///./src/views/digitalSignature/NewDocument.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","documentTitle","attrs","on","cancel","goToSettings","uploadedfilePath","disableContinue","disablePreviousButtons","$event","goToFirstPage","class","goToPreviousPage","model","value","callback","$$v","pageDisplay","expression","disableNextButtons","goToNextPage","goToLastPage","isDocumentLoaded","document","changeTemplateFile","activeDocument","isTemplate","staticStyle","totalZones","signerList","scopedSlots","_u","key","fn","slotItem","item","name","selectedSigner","buttonDisabled","buttonSelected","annotationConfigStore","subType","addNewAnnotation","annotationConfig","signatureZone","initialZone","dateZone","textZone","currentPageNumber","ref","annotationDeleted","annotationUpdate","annotationCreated","_e","serverOptions","filePondLabel","zoomOut","zoomIn","showAssociateUserPanel","addedUserList","length","addedRoles","displayZoneType","addedUserListForDropList","zoneLabel","setDeleteOnInput","clearDeleteOnInput","assignedUser","assignedRole","localBottomAlign","toggleCheckbox","associateZoneConfig","localIncludeTime","addRoleInput","addRoleButtonDisabled","stopPropagation","addRole","apply","arguments","directives","rawName","arg","addUsers","localUserList","_l","user","index","addToList","FullName","Email","showAddSigner","certifyDocument","role","ellipsisOpen","twoFactorAuth","separateCopyForSigners","localAddedUserList","style","ellipsisButtonConfig","ellipsisRowItem","ellipsisButtonClicked","ellipsisClose","confirmButtonOnAddSignersModal","isAddSignerValidated","addSigner","cancelAddSigner","addSignerFirstName","addSignerLastName","isEmailValid","addSignerPhoneNumber","disableUpdateRole","showEditRoleModal","updateRole","editRoleInput","showLeaveDialog","clickedOutsideLeave","cancelLeave","doLeave","showReplaceFileDialog","replaceFileOKClick","toggleReplaceFileDialog","clearZonesOnChangeFile","replaceMessage","showForceReplaceDialog","replaceTemplateModalOKClick","toggleForceReplaceDialog","showUploadDialog","toggleUploadDialog","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","staticRenderFns","components","DocumentImage","beforeRouteLeave","next","beforeRouteEnter","vm","data","allZones","type","color","bottomAlign","assignedZonesSignatureList","assignedUserSignatureList","changedCurrentPage","currentEditedEmail","documentFileName","editingUser","editTemplateId","editRoleValue","ellipsisMenuTopStyle","featureFlagSignatureCertificates","isDirty","isReplacingFile","newObjectSelected","prevRoute","replacementDocumentGUID","process","showEllipsisMenu","showSearchList","totalPages","uploadedFileFieldValue","uploadedFileName","uploadedFileString","userList","computed","activeSaveAsTemplateButton","annotations","zoneType","id","icon","includeTimeAnnotationArray","isDuplicateEmail","keepDataOnReturn","get","set","separateCopyForSignersFromStore","signers","twoFactorAuthFromStore","zoomValue","watch","foundElement","zone","UniqueID","includeTime","saveIfDifferent","saveAnnotationsToggle","created","Value","methods","UserId","FirstName","LastName","PhoneNumber","foundByUserId","path","filteredValues","input","returnList","baseSize","displayY","goToPage","params","documentId","loadAssignedRole","loadAssignedUser","processHandler","setTimeout","toBase64","fileDataString","indexOf","progress","load","payload","documentTemplateID","deleteZones","fileData","ret","filePath","abort","console","reloadDocument","tempDocument","response","guid","oldFilePath","newFilePath","saveAssignedRole","objectId","sigDocTemplateRoleName","pageNumber","saveAssignedUser","userId","updateActiveDocument","toggleLeaveDialog","updateDocumentImage","activeDocumentClone","editedRoleIndex","userSearchList","component"],"mappings":"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B,oBACAW,iBACAyE,qBACAC,eACAC,6BACApC,kBACArF,kBACA0D,0BACAzC,eAAAyG,6BACArE,iBACAhC,0BACAqD,qBACAiD,oBACA9C,mBACAS,0BACAL,yBACA2C,kBACAjC,oBACAF,oBACAG,iBACAC,oBACAC,iBACA+B,aACApE,iBACAqE,0BACAC,oBACA9J,oBACA+J,sBACAC,cAGAC,UACA9I,0BAAA,0DACA+I,sCAAA,+BACA7G,yBAAA,0DACAI,oCACA,2CACA,OACA3B,gBACAtB,oBAIA4D,iCAAA,8IACAlC,iCAAA,8CACAiI,uBAAA,2DACAlG,+BAAA,+DACA+B,0CAAA,wCACA/F,2BAAA,QACA,iGACA,gGAIA,mGAGA,2EACA,sDAEA,2CACA,uDAKAY,8BAAA,gDACAX,kCAAA,kCACAsG,6BAAA,iHACAhD,2BACA,SAQA,OAPA,oGACA4G,mCACA,kBACAA,kBAIA,GAEAzK,yBAAA,4EACAiG,gCACA,SACA,GACA,CACAyE,iBACAvI,mBACAwI,uBAEA,CACAD,mBACAvI,4BACAwI,0BAGA,GACA,CACAD,eACAvI,iBACAwI,uBAEA,CACAD,iBACAvI,4BACAwI,0BAQA,OALA,+BACA1E,YAEAA,YAEA,GAEA3C,yBACA,oQAMAsH,sCAAA,sEACAtE,gCAAA,qJACAuE,4BAAA,kFACAC,4BAAA,4DACA9J,aACA+J,eACA,qEAEAC,kBAGAC,2CAAA,kEACArJ,sBACA,SAkBA,OAjBA,8BACAsJ,sCACA,OACA/I,gBACAtB,oBAIA,0BACA,uCACAqK,QACA/I,aACAtB,eAIAqK,WAAA/I,kBAAAtB,UACA,GAEAc,sBAAA,yCACAwJ,kCAAA,yDACAC,qBAAA,8CAEAC,OACAnH,wBACA,wBACA,yBAGAC,wBACA,wBACA,yBAGAG,+BAAA,WAEA,GADA,sEACA,6BACA,kDACA,WACA,kCACAgH,oDAAA,sDAIA,wBADA,GACA,cAMA,SACA,yCACA,wJACAxC,oBACA,4BACA,OACA,uJACAA,oBACA,wBAEA,6BACA,+BACA,qBAEA,sBAGApD,2BAAA,kFACA3C,6BACA,2BACA,2EACA,4BACA,6BAGAqB,4BAAA,WACA,6BAIA,aAEAmH,EADA,+BACAA,iEAAA,qDAEAA,gEAAA,0DAEA,OACAA,uCAGAhH,4BACA,4EAIA,OACAiH,2CACAC,kCACAC,oBAGA,uFAEAC,iCAAA,iEACA7F,kCAAA,gGACAL,yBAAA,yXAAAA,GACAI,yBAAA,+EAEA+F,mBAAA,oKAEA,OADA,0DACA,wFACA,gEA+BA,OA/BA,kBACA,0CACA,0EAEA,gCAEA,wEACA,kDAEA,2FACA,6EACA,mBAAA/K,oCAIA,yDACA,wBAEA,0DACA,2DACA,yCACA,qCACA,gLACA,mMACA,oFACA,sFACA,+FACA,uBACA,0BAGA,6DACA,uIACA,qDACA,+CAAAgL,2BAAA,oCAEA,yCACA,0CACA,2CAzCA,IA2CAC,SACAnH,mBACA,2BAGA,mEACA,KACA,2CAGA,sBAAA9D,0BAEA,qBACA,kBAEA4B,6BACA,wBACA,uDACA,iBAEA,qCAEA8D,qBACA,OACAf,oBACAuG,qBACAC,kCACAC,gCACA1G,+EACA2G,uCAEA,iBACA,2BAEA,0BAEA,oBACA,sBACA,2BACA,0BACA,8BAEA5G,wBAAA,0JAwBA,OAvBA6G,KACA,6DACA/G,mBACA+G,MAEA,qCACA,aACA,0EACA,oFACA,8BACA,aACA,2DACA,sCACA,EAEA,MAGA,4FACA,mBACA,2GAGA,sFACA,sEACA,cACA,oBACA,wDA5BA,IA8BAlJ,8BACA,+BACA,6GAEA,2GAEA,gBACA,+BAEAC,4BACA,iBAEAC,6BACA,+BAEAhD,kBAAA,mBAAAgC,gCACAqE,2BACA,oBACA,sBACA,2BACA,0BACA,8BAEAW,uBACA,kBACA,0BAEA5F,8BACA,wBACA,gCAEA2F,+BAAA,mBACAE,mBAAA,oJACA,sBACA,gBAAAgF,sBAAA,0CAFA,IAIAC,6BAAA,iJACA,GAAAC,kBACAA,GAAA,kDAaA,OAXAC,wBAAA,UACA,2DACA,gDAEA,2DACA,gDAEA,wDACA,gDAEA,kBACA,kBAEAA,GAAA,0CAjBA,IAmBAtI,8BAAA,4QACAkC,kCACA,mBACA,kBACA,yCACA,uCACA,2BACA,6CACA,sCACA,oBACA,sBACA,MACA,oBACA,gCACA,MACA,gBACA,+BACA,+BACA,0BACA,gBACA,MACA,kBACA,qDACA,yCACAR,gCAGA,4FACA,gBACA,MACA,QACA,MAEA,sBAEAS,yBAAA,0BACAR,2BACA,qBACA,uBACA,cACA,IAEA,+DACA4G,+CAGA,4CACAC,MAGA,iDACA,0BAEAhM,yBAAA,kBACAW,wBAAA,gCACAD,wBACA,2CACA,yCAGAuL,qBAAA,oJACA,+CACA,uBACA,0CAHA,IAKA/L,4BACA,0BACA,yCAGAP,wBACA,2EACA,4BACA,8DAEA,gBACA,mBAAA+B,6BAAAwK,QAAAC,6DAEAC,4BAAA,aACA,0BACA,qBAGA,8IACA,YACA,2BAEA,2FACA,wBAEA,yBAGA,8BACA,8FACA,yBAIA,2BACA,2BAGAC,4BAAA,aAIA,GAHA,0BACA,qBAEA,kIACA,IAGA,EAHA,8GACA,2CACA,sHACA,KAEA,uFACA,0BAEA,0BACA,mBACA3K,gBACAtB,eAMA,8BACA,6GACA,yBAEA,2BAGA,2BACA,2BAIAkM,0BAAA,wLAEA,wBACA,wBACA,qFACA,mCACA,8FACA,sBACA,yBACA,yBAEAC,uBAAA,qDAEA,8CACAC,kBAAA,QAOA,GAPAC,SACAC,wBACA,OACAD,oBAGAE,aACAC,WAEA,gEAEA,gDAMA,OALAC,GACAnL,2BACAoL,uCACAC,wCACAC,YACA,UACA,gFAAAC,SAAA,wBAOA,OALAJ,GACAnL,2BACAwL,+BACAH,wCACAC,YACA,UACA,wEAAAC,SAAA,WAEAA,YAAA,gBACA,QAMA,8BACA,oCACA,iCAPA,yBACA,sDACA,gCACA,uBAKA,wBAMA,OAJA,yBACA,6BACA,gCACA,sBACA,8CACA,8BAEA,gDAKA,OAHAJ,GACAnL,YACAsL,YACA,UACA,mHACA,kDACA,8BAGA,yBACA,yBACA,iDAGA,CACAG,sBACA,OACAA,OAGA,qCAEAC,mBAAA,0DAEA,kEAvFAd,GAwFAe,0BAAA,kKAQA,IAPA,4DACA,gCACAC,wBACAA,gCACAA,WACA,0DACA,gBAEA,qCACA,wCACA,2FAAAC,SACAD,wBACAA,gBACAA,qCACA,2DACA,wEACA,0BAEA,aAEA,sDAEA,yCACA,2BACA,qDAKA,OAHAT,GACAzB,0BAEA,gCACA,wHA/BA,IAiCAvE,8BACA,yBACA,gCAEAK,uCAAA,gKACA,4CAIA,OAHA2F,GACAW,+BACAV,qCACA,SACA,2FAKA,OAHAD,GACAY,+BACAC,uCACA,SACA,iEAEA,6CACA,2BACA,wEAhBA,IAkBAC,4BAAA,WACA,4GACA,mHACA,mDAEA,qEACA,sCACAC,2CACAC,+CACA9L,yCACA+L,kCACAzF,oCAGA,6BAEA0F,4BAAA,WACA,2GACA,kHACA,kDAEA,qEACA,qCACAH,2CACAI,+BACAjM,yCACA+L,kCACAzF,oCAGA,6BAEAvB,mCACA,wDAEAK,oCACA,0DAEAE,8BACA,8CAEA4G,gCACA,0BACApB,qCACAA,iCACAA,6BACAA,qCACAA,2DACAA,4CACAA,qCACAA,kCACA,+BACAA,6DAEAA,2DAEA,8DAEAtJ,6BAAA,uJACAjC,sBAAA,+BACA,oGAFA,IAKAsC,2BACA,iBACA,iBAEAsK,6BAAA,4CACAC,+BAAA,8JACA,iDACA,6CACA,wFACA,mGACA,qHACA,4BACA,qBAEA,qBACA,0CAVA,IAYA7H,sBAAA,8JAcA,OAbA1B,sCAAA,sCACA,sCACA,uBAEA,kDACA,6CACAM,6CAKAkJ,wBACAC,iCAAA,qDACAD,kDAAA,SACA,iEAEA,oEAjBA,IAmBAE,2BAAA,oJAGA,GAFA,+CACA,2EAGAzC,GAAA,eACA,4CACA,wFAEA,8DATA,IAYAvI,sBAAA,oGACAP,kBACA,kBACA,yBACA,6BACA,wDACA,uBAEA,kDAGAD,mBACA,oBACA,yBACA,6BACA,wDACA,uBAEA,oDCp+CoW,I,yBCQhWyL,EAAY,eACd,EACA1P,EACA6I,GACA,EACA,KACA,WACA,MAIa,aAAA6G,E","file":"js/chunk-7ac6826d.4d11e7b6.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!./NewDocument.vue?vue&type=style&index=0&id=3b8d228a&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:\"vasion-white-background\"},[_c('div',{staticClass:\"innerDiv\"},[_c('div',{staticClass:\"md-layout headerDiv\"},[_c('div',{staticClass:\"document-title\"},[_vm._v(\" \"+_vm._s(_vm.documentTitle)+\" \")]),_c('div',{staticClass:\"md-layout-item vasion-flex-end\"},[_c('VasionButton',{attrs:{\"id\":\"cancel-button\",\"classProp\":'secondary',\"isFullWidth\":false},on:{\"vasionButtonClicked\":_vm.cancel}},[_vm._v(\" Cancel \")]),_c('VasionButton',{attrs:{\"id\":\"save-attributes-button\",\"classProp\":'primary',\"isFullWidth\":false,\"clickActionCallback\":_vm.goToSettings,\"isDisabled\":_vm.uploadedfilePath === '' || _vm.disableContinue}},[_vm._v(\" Continue \")])],1)]),_c('div',{staticClass:\"md-layout toolbar-div\"},[_c('div',{staticClass:\"control-box\"},[_c('md-button',{staticClass:\"md-icon-button md-dense\",attrs:{\"id\":\"btnFirstPage\",\"title\":\"First Page\",\"disabled\":_vm.disablePreviousButtons},on:{\"click\":function($event){return _vm.goToFirstPage()}}},[_c('VasionFirstPageIcon',{class:{ 'vasion-icon-disabled': _vm.disablePreviousButtons }})],1),_c('md-button',{staticClass:\"md-icon-button md-dense\",attrs:{\"id\":\"btnPreviousPage\",\"title\":\"Previous Page\",\"disabled\":_vm.disablePreviousButtons},on:{\"click\":function($event){return _vm.goToPreviousPage()}}},[_c('VasionPreviousPageIcon',{class:{ 'vasion-icon-disabled': _vm.disablePreviousButtons }})],1)],1),_c('VasionInput',{staticClass:\"action-input\",attrs:{\"readOnly\":true,\"inputType\":\"blank-white\",\"width\":\"94\"},model:{value:(_vm.pageDisplay),callback:function ($$v) {_vm.pageDisplay=$$v},expression:\"pageDisplay\"}}),_c('div',{staticClass:\"control-box\"},[_c('md-button',{staticClass:\"md-icon-button md-dense\",attrs:{\"id\":\"btnNextPage\",\"title\":\"Next Page\",\"disabled\":_vm.disableNextButtons},on:{\"click\":function($event){return _vm.goToNextPage()}}},[_c('VasionNextPageIcon',{class:{ 'vasion-icon-disabled': _vm.disableNextButtons }})],1),_c('md-button',{staticClass:\"md-icon-button md-dense\",attrs:{\"id\":\"btnLastPage\",\"title\":\"Last Page\",\"disabled\":_vm.disableNextButtons},on:{\"click\":function($event){return _vm.goToLastPage()}}},[_c('VasionLastPageIcon',{class:{ 'vasion-icon-disabled': _vm.disableNextButtons }})],1)],1),_c('div',[_c('VasionButton',{staticClass:\"browse-button panel-component-bottom-padding\",attrs:{\"id\":\"template-file-button\",\"classProp\":'primary',\"isDisabled\":!_vm.isDocumentLoaded && _vm.document !== {}},on:{\"vasionButtonClicked\":_vm.changeTemplateFile}},[_vm._v(\" \"+_vm._s(_vm.activeDocument.isTemplate ? 'Change Template File' : 'Change File')+\" \")])],1),_c('div',[_c('VasionInput',{staticStyle:{\"height\":\"42px\",\"padding-top\":\"5px\"},attrs:{\"readOnly\":true,\"inputType\":\"blank-white\",\"width\":\"200\"},model:{value:(_vm.totalZones),callback:function ($$v) {_vm.totalZones=$$v},expression:\"totalZones\"}})],1)],1),_c('div',{staticClass:\"md-layout main-content\"},[_c('div',{staticClass:\"left-sidebar vasion-white-background\"},[_c('span',{staticClass:\"sidebar-signer\"},[_c('VasionDropList',{attrs:{\"dataArray\":_vm.signerList,\"width\":'100%',\"title\":\"SIGNER\",\"placeholder\":\"Assign New Zone To...\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedSigner),callback:function ($$v) {_vm.selectedSigner=$$v},expression:\"selectedSigner\"}})],1),_c('span',{staticClass:\"sidebar-button-header\"},[_vm._v(\" Fields \")]),_c('span',{staticClass:\"sidebar-button\",class:{ buttonDisabled: !_vm.isDocumentLoaded, buttonSelected: (_vm.annotationConfigStore.subType === 'signature') },attrs:{\"title\":\"Signature\"},on:{\"click\":function($event){return _vm.addNewAnnotation(_vm.annotationConfig.signatureZone)}}},[_c('div',{staticClass:\"button-icon\"},[_c('VasionSignatureIcon')],1),_vm._v(\" Signature \")]),_c('span',{staticClass:\"sidebar-button\",class:{ buttonDisabled: !_vm.isDocumentLoaded, buttonSelected: (_vm.annotationConfigStore.subType === 'initial') },attrs:{\"title\":\"Initials\"},on:{\"click\":function($event){return _vm.addNewAnnotation(_vm.annotationConfig.initialZone)}}},[_c('div',{staticClass:\"button-icon\"},[_c('VasionInitialsIcon')],1),_vm._v(\" Initials \")]),_c('span',{staticClass:\"sidebar-button\",class:{ buttonDisabled: !_vm.isDocumentLoaded, buttonSelected: (_vm.annotationConfigStore.subType === 'timestamp') },attrs:{\"title\":\"Date / Time\"},on:{\"click\":function($event){return _vm.addNewAnnotation(_vm.annotationConfig.dateZone)}}},[_c('div',{staticClass:\"button-icon\"},[_c('VasionAccessTimeIcon')],1),_vm._v(\" Date / Time \")]),_c('span',{staticClass:\"sidebar-button\",class:{ buttonDisabled: !_vm.isDocumentLoaded, buttonSelected: (_vm.annotationConfigStore.subType === 'text') },attrs:{\"title\":\"Text\"},on:{\"click\":function($event){return _vm.addNewAnnotation(_vm.annotationConfig.textZone)}}},[_c('div',{staticClass:\"button-icon\"},[_c('VasionTextFieldIcon')],1),_vm._v(\" Text \")])]),_c('div',{staticClass:\"md-layout-item middle-section\"},[(!_vm.isDocumentLoaded)?_c('div',{staticClass:\"document-upload\"},[_c('div',{staticClass:\"upload-container\"},[_c('div',{staticClass:\"file-pond-block-wrapper\"},[_c('file-pond',{ref:\"pond\",staticClass:\"new-document\",attrs:{\"server\":_vm.serverOptions,\"label-idle\":_vm.filePondLabel}})],1)])]):_c('div',{staticClass:\"document-loaded\"},[(_vm.uploadedfilePath && _vm.uploadedfilePath !== '')?_c('DocumentImage',{key:_vm.currentPageNumber,ref:\"mainImage\",attrs:{\"documentID\":0,\"pageNumber\":_vm.currentPageNumber,\"width\":1210,\"height\":1500,\"zoomScale\":0.5,\"largeDefaultLoadSize\":true,\"context\":'SignatureApp',\"imageEndpoint\":'document/getFileImageURL',\"filePath\":_vm.uploadedfilePath},on:{\"annotationDeleted\":_vm.annotationDeleted,\"annotationUpdate\":_vm.annotationUpdate,\"annotationCreated\":_vm.annotationCreated}}):_vm._e()],1),(_vm.uploadedfilePath && _vm.uploadedfilePath !== '')?_c('div',{staticClass:\"zoom-box\"},[_c('div',{staticClass:\"zoom-symbol\",on:{\"click\":_vm.zoomOut}},[_c('VasionRemoveIcon')],1),_c('div',{staticClass:\"drop-list-zoom\"}),_c('div',{staticClass:\"zoom-symbol\",on:{\"click\":_vm.zoomIn}},[_c('VasionAddIcon')],1)]):_vm._e()]),_c('div',{staticClass:\"right-sidebar\"},[(_vm.showAssociateUserPanel && (_vm.addedUserList.length > 0 || _vm.addedRoles.length > 0))?_c('div',{staticClass:\"add-users\"},[_c('div',{attrs:{\"id\":\"zone-details-title\"}},[_vm._v(\" Zone Details \")]),_c('VasionInput',{staticClass:\"row-field\",staticStyle:{\"margin-bottom\":\"16px\"},attrs:{\"inputType\":\"top-white\",\"width\":\"304\",\"title\":\"ZONE TYPE\",\"readOnly\":true},model:{value:(_vm.displayZoneType),callback:function ($$v) {_vm.displayZoneType=$$v},expression:\"displayZoneType\"}}),_c('VasionDropList',{staticStyle:{\"margin-bottom\":\"16px\"},attrs:{\"dataArray\":_vm.addedUserListForDropList,\"width\":\"304\",\"title\":_vm.zoneLabel('ASSIGN USER'),\"placeholder\":\"Select User...\",\"type\":\"plain-list\",\"displayName\":\"name\",\"valueName\":\"value\"},on:{\"inputKeyDown\":_vm.setDeleteOnInput,\"inputFocusOut\":_vm.clearDeleteOnInput},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}],null,false,447090949),model:{value:(_vm.assignedUser),callback:function ($$v) {_vm.assignedUser=$$v},expression:\"assignedUser\"}}),_c('VasionDropList',{staticClass:\"row-field\",staticStyle:{\"margin-bottom\":\"16px\"},attrs:{\"dataArray\":_vm.addedRoles,\"width\":\"304\",\"title\":_vm.zoneLabel('ASSIGN ROLE'),\"placeholder\":\"Select Role...\",\"type\":\"plain-list\",\"displayName\":\"value\",\"valueName\":\"value\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.value)+\" \")]}}],null,false,3298041417),model:{value:(_vm.assignedRole),callback:function ($$v) {_vm.assignedRole=$$v},expression:\"assignedRole\"}}),_c('VasionCheckbox',{staticClass:\"panel-component-bottom-padding\",attrs:{\"id\":\"bottom-align\",\"name\":\"bottom-align\",\"checked\":_vm.localBottomAlign},on:{\"change\":function($event){return _vm.toggleCheckbox('localBottomAlign')}}},[_vm._v(\" Bottom Align \")]),(_vm.associateZoneConfig.subType === 'timestamp')?_c('VasionCheckbox',{attrs:{\"id\":\"include-time-checkbox\",\"name\":\"include-time-checkbox\",\"checked\":_vm.localIncludeTime},on:{\"change\":function($event){return _vm.toggleCheckbox('localIncludeTime')}}},[_vm._v(\" Include Time \")]):_vm._e()],1):_c('div',[_c('div',{staticClass:\"add-users divider\"},[(!_vm.activeDocument.isTemplate)?_c('div',[_c('VasionInput',{directives:[{name:\"debounce\",rawName:\"v-debounce:200ms\",value:(_vm.userSearchList),expression:\"userSearchList\",arg:\"200ms\"}],staticClass:\"bottom-margin inputWidth\",attrs:{\"id\":\"bcc-text-box\",\"title\":\"ADD SIGNERS\",\"name\":\"bcc-text-box\",\"placeholder\":\"Add with Email / Username\",\"inputType\":\"top-white\"},on:{\"keydown\":_vm.setDeleteOnInput,\"focusout\":_vm.clearDeleteOnInput},model:{value:(_vm.addUsers),callback:function ($$v) {_vm.addUsers=$$v},expression:\"addUsers\"}}),(_vm.showSearchList)?_c('div',{staticClass:\"user-search\"},[(_vm.localUserList.length > 0)?_c('div',{staticClass:\"user-list-container\"},_vm._l((_vm.localUserList),function(user,index){return _c('div',{key:index,staticClass:\"user-list-item\",on:{\"click\":function($event){return _vm.addToList('added', user)}}},[_c('div',{staticClass:\"user-list-item-name\"},[_c('strong',[_vm._v(\" \"+_vm._s(user.FullName)+\" \")]),_c('br'),(user.Email === '')?_c('div',[_vm._v(\" No registered Email \")]):_c('div',[_vm._v(\" \"+_vm._s(user.Email)+\" \")])]),_c('div',{staticClass:\"user-list-btn\"},[_c('VasionAddCircleIcon',{attrs:{\"fill\":\"#ff4702\"}})],1)])}),0):_c('div',{staticClass:\"user-list-container\"},[_c('div',{staticClass:\"empty-add-signers-container\"},[_c('VasionUserIcon'),_c('div',{staticClass:\"users-heading\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(\" User not found \")]),_c('div',{staticClass:\"users-subheading\"},[_vm._v(\" Would you like to add this email as a signer for this document? \")]),_c('VasionButton',{staticStyle:{\"margin-top\":\"10px\"},attrs:{\"id\":\"add-signer-button\",\"classProp\":'secondary-grey',\"isFullWidth\":false},on:{\"vasionButtonClicked\":function($event){_vm.showAddSigner = true}}},[_c('div',{attrs:{\"id\":\"add-signer-icon-and-text\"}},[_c('VasionAddIcon'),_vm._v(\" Add Signer \")],1)])],1)])]):_vm._e()],1):_c('div',[_c('VasionInput',{staticClass:\"bottom-margin inputWidth\",attrs:{\"id\":\"add-role-text-box\",\"title\":\"ADD ROLE\",\"name\":\"add-role-text-box\",\"placeholder\":\"Enter Role Name...\",\"inputType\":\"top-white\"},model:{value:(_vm.addRoleInput),callback:function ($$v) {_vm.addRoleInput=$$v},expression:\"addRoleInput\"}}),_c('md-button',{staticClass:\"md-button\",attrs:{\"id\":\"add-role-button\",\"title\":\"Add\",\"disabled\":_vm.addRoleButtonDisabled},on:{\"click\":function($event){$event.stopPropagation();return _vm.addRole.apply(null, arguments)}}},[_vm._v(\" Add \")])],1)]),_c('div',{staticClass:\"added-users\"},[(!_vm.activeDocument.isTemplate)?_c('div',[_c('VasionCheckbox',{staticClass:\"export-checkbox align-with-inputs\",staticStyle:{\"margin-bottom\":\"20px\"},attrs:{\"id\":\"two-factor-auth\",\"name\":\"two-factor-auth\",\"checked\":_vm.twoFactorAuth},on:{\"change\":function($event){return _vm.toggleCheckbox('twoFactorAuth')}}},[_vm._v(\" Require two-factor authentication \")]),_c('VasionCheckbox',{staticClass:\"export-checkbox align-with-inputs\",staticStyle:{\"margin-bottom\":\"20px\"},attrs:{\"id\":\"separate-copy-for-each-signer\",\"name\":\"separate-copy-for-each-signer\",\"checked\":_vm.separateCopyForSigners},on:{\"change\":function($event){return _vm.toggleCheckbox('separateCopyForSigners')}}},[_vm._v(\" Separate Copy for each Signer \")]),(_vm.featureFlagSignatureCertificates)?_c('VasionCheckbox',{staticClass:\"export-checkbox align-with-inputs\",staticStyle:{\"margin-bottom\":\"20px\"},attrs:{\"id\":\"certify-document\",\"name\":\"certify-document\",\"checked\":_vm.certifyDocument},on:{\"change\":function($event){return _vm.toggleCheckbox('certifyDocument')}}},[_vm._v(\" Certify Document \")]):_vm._e(),_c('div',{staticClass:\"added-users-title\"},[_vm._v(\" ADDED SIGNERS \")]),(_vm.localAddedUserList.length === 0)?_c('div',{staticClass:\"added-users-content\"},[_c('span',[_c('VasionGroupGrayIcon',{staticClass:\"added-users-icon\"})],1),_c('div',{staticClass:\"users-heading\"},[_vm._v(\" You haven't added any users. \")]),_c('div',{staticClass:\"users-subheading\"},[_vm._v(\" Enter an email or username to add users to this document. \")])]):_c('div',{staticClass:\"added-users-content\"},[_c('div',{staticClass:\"added-users-container\"},_vm._l((_vm.localAddedUserList),function(user,index){return _c('div',{key:index,staticClass:\"added-users-item\"},[_c('div',{staticClass:\"added-users-info added-users-text\"},[_c('strong',[_vm._v(\" \"+_vm._s(user.FullName)+\" \")]),_c('br'),(user.Email === '')?_c('div',{staticClass:\"added-users-text\"},[_vm._v(\" No registered Email \")]):_c('div',{staticClass:\"added-users-text\"},[_vm._v(\" \"+_vm._s(user.Email)+\" \")])]),_c('div',{staticClass:\"added-users-btn\"},[_c('md-button',{staticClass:\"md-icon-button md-dense\",attrs:{\"title\":\"Remove\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.ellipsisOpen($event, user)}}},[_c('VasionEllipsisIcon')],1)],1)])}),0)])],1):_c('div',[(_vm.featureFlagSignatureCertificates)?_c('VasionCheckbox',{staticClass:\"export-checkbox align-with-inputs\",staticStyle:{\"margin-bottom\":\"20px\"},attrs:{\"id\":\"certify-document\",\"name\":\"certify-document\",\"checked\":_vm.certifyDocument},on:{\"change\":function($event){return _vm.toggleCheckbox('certifyDocument')}}},[_vm._v(\" Certify Document \")]):_vm._e(),_c('div',{staticClass:\"added-users-title\"},[_vm._v(\" ADDED ROLES \")]),(_vm.addedRoles.length === 0)?_c('div',{staticClass:\"added-users-content\"},[_c('span',[_c('VasionGroupGrayIcon',{staticClass:\"added-users-icon\"})],1),_c('div',{staticClass:\"users-heading\"},[_vm._v(\" You haven’t added any roles. \")]),_c('div',{staticClass:\"users-subheading\"},[_vm._v(\" Add a role to the template to assign it to zones to be signed. \")])]):_c('div',{staticClass:\"added-users-content\"},[_c('div',{staticClass:\"added-users-container\"},_vm._l((_vm.addedRoles),function(role,index){return _c('div',{key:index,staticClass:\"added-users-item\"},[_c('div',{staticClass:\"added-users-info added-users-text\"},[_c('strong',[_vm._v(\" \"+_vm._s(role.value)+\" \")]),_c('br')]),_c('div',{staticClass:\"added-users-btn\"},[_c('md-button',{staticClass:\"md-icon-button md-dense\",attrs:{\"title\":\"Remove\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.ellipsisOpen($event, role.value)}}},[_c('VasionEllipsisIcon')],1)],1)])}),0)])],1)])])])])]),(_vm.showEllipsisMenu)?_c('VasionEllipsisMenu',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.ellipsisClose),expression:\"ellipsisClose\"}],style:(_vm.ellipsisMenuTopStyle),attrs:{\"buttonConfig\":_vm.ellipsisButtonConfig,\"rowItem\":_vm.ellipsisRowItem},on:{\"ellipsis-button-clicked\":_vm.ellipsisButtonClicked,\"close\":_vm.ellipsisClose}}):_vm._e(),_c('VasionGeneralModal',{attrs:{\"id\":\"add-external-signer-modal\",\"rejectButtonText\":'Cancel',\"confirmButtonText\":_vm.confirmButtonOnAddSignersModal,\"modalType\":'slot',\"confirmButtonDisabled\":!_vm.isAddSignerValidated,\"modalTitle\":\"Add Signer\",\"sync\":_vm.showAddSigner},on:{\"confirmButtonClick\":function($event){return _vm.addSigner()},\"noButtonClick\":function($event){return _vm.cancelAddSigner()}}},[_c('div',{attrs:{\"id\":\"add-external-signer-container\"}},[_c('VasionInput',{staticStyle:{\"margin-top\":\"29px\"},attrs:{\"required\":true,\"inputType\":\"top-white\",\"title\":\"First Name\"},model:{value:(_vm.addSignerFirstName),callback:function ($$v) {_vm.addSignerFirstName=$$v},expression:\"addSignerFirstName\"}}),_c('VasionInput',{staticClass:\"add-signer-modal-spacer\",attrs:{\"required\":true,\"inputType\":\"top-white\",\"title\":\"Last Name\"},model:{value:(_vm.addSignerLastName),callback:function ($$v) {_vm.addSignerLastName=$$v},expression:\"addSignerLastName\"}}),_c('VasionInput',{staticClass:\"add-signer-modal-spacer\",attrs:{\"required\":true,\"inputType\":\"top-white\",\"specialType\":\"email\",\"title\":\"Email\"},on:{\"notValid\":function($event){_vm.isEmailValid = false},\"isValid\":function($event){_vm.isEmailValid = true}},model:{value:(_vm.addUsers),callback:function ($$v) {_vm.addUsers=$$v},expression:\"addUsers\"}}),_c('VasionInput',{staticClass:\"add-signer-modal-spacer\",attrs:{\"required\":_vm.twoFactorAuth,\"inputType\":\"top-white\",\"title\":\"Phone Number\",\"type\":\"tel\"},model:{value:(_vm.addSignerPhoneNumber),callback:function ($$v) {_vm.addSignerPhoneNumber=$$v},expression:\"addSignerPhoneNumber\"}})],1)]),_c('VasionGeneralModal',{attrs:{\"id\":\"edit-role-dialog\",\"rejectButtonText\":\"Cancel\",\"confirmButtonText\":\"Update\",\"modalType\":'slot',\"confirmButtonDisabled\":_vm.disableUpdateRole,\"modalTitle\":\"Edit Role\",\"sync\":_vm.showEditRoleModal},on:{\"confirmButtonClick\":function($event){return _vm.updateRole()},\"noButtonClick\":function($event){_vm.showEditRoleModal = false}}},[_c('VasionInput',{staticStyle:{\"margin\":\"29px 0px\"},attrs:{\"inputType\":\"blank-white\",\"width\":\"347\"},model:{value:(_vm.editRoleInput),callback:function ($$v) {_vm.editRoleInput=$$v},expression:\"editRoleInput\"}})],1),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showLeaveDialog},on:{\"update:mdActive\":function($event){_vm.showLeaveDialog=$event},\"update:md-active\":function($event){_vm.showLeaveDialog=$event},\"md-clicked-outside\":function($event){return _vm.clickedOutsideLeave()}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Are you sure you want to leave? Changes have not been saved.\"},on:{\"noButtonClick\":function($event){return _vm.cancelLeave()},\"yesButtonClick\":function($event){return _vm.doLeave()}}})],1),_c('VasionGeneralModal',{attrs:{\"id\":\"change-template-confirmation-div\",\"confirmButtonText\":'CONFIRM',\"rejectButtonText\":'CANCEL',\"modalType\":'slot',\"sync\":_vm.showReplaceFileDialog},on:{\"confirmButtonClick\":function($event){return _vm.replaceFileOKClick()},\"noButtonClick\":function($event){return _vm.toggleReplaceFileDialog()}}},[(_vm.isDirty)?_c('div',{staticClass:\"vasion-error-text\"},[_vm._v(\" WARNING: Any changes you have not saved will be lost \")]):_vm._e(),_c('div',[_c('md-radio',{attrs:{\"value\":false},model:{value:(_vm.clearZonesOnChangeFile),callback:function ($$v) {_vm.clearZonesOnChangeFile=$$v},expression:\"clearZonesOnChangeFile\"}},[_vm._v(\" Replace file only (keep existing zones) \")])],1),_c('div',[_c('md-radio',{attrs:{\"value\":true},model:{value:(_vm.clearZonesOnChangeFile),callback:function ($$v) {_vm.clearZonesOnChangeFile=$$v},expression:\"clearZonesOnChangeFile\"}},[_vm._v(\" Replace file and clear zones \")])],1)]),_c('VasionGeneralModal',{attrs:{\"id\":\"change-object-confirmation-div\",\"confirmButtonText\":'REPLACE',\"rejectButtonText\":'CANCEL',\"modalType\":'message',\"buttonGroup\":'center',\"message\":_vm.replaceMessage + '\\n Would you like to proceed and force replacing the file?',\"sync\":_vm.showForceReplaceDialog},on:{\"confirmButtonClick\":function($event){return _vm.replaceTemplateModalOKClick()},\"noButtonClick\":function($event){return _vm.toggleForceReplaceDialog()}}}),_c('md-dialog',{staticClass:\"dialog\",attrs:{\"id\":\"upload-new-file-dialog\",\"md-active\":_vm.showUploadDialog,\"md-click-outside-to-close\":false},on:{\"update:mdActive\":function($event){_vm.showUploadDialog=$event},\"update:md-active\":function($event){_vm.showUploadDialog=$event}}},[_c('div',{staticClass:\"upload-container\"},[_c('div',{staticClass:\"file-pond-block-wrapper\"},[_c('file-pond',{ref:\"pond\",staticClass:\"new-document\",attrs:{\"server\":_vm.serverOptions,\"label-idle\":_vm.filePondLabel}})],1)]),_c('div',{staticClass:\"align-right\"},[_c('VasionButton',{attrs:{\"id\":\"close-upload-dialog\",\"isFullWidth\":false,\"classProp\":'secondary'},on:{\"vasionButtonClicked\":_vm.toggleUploadDialog}},[_vm._v(\" CLOSE \")])],1)]),_c('VasionSnackbar',{attrs:{\"id\":\"document-uploaded-snack\",\"showSnackbarBool\":_vm.showSnackbarBool,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbarBool=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbarBool=$event}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vasion-white-background\">\n    <div class=\"innerDiv\">\n      <div class=\"md-layout headerDiv\">\n        <div class=\"document-title\">\n          {{ documentTitle }}\n        </div>\n        <div class=\"md-layout-item vasion-flex-end\">\n          <VasionButton\n            id=\"cancel-button\"\n            :classProp=\"'secondary'\"\n            :isFullWidth=\"false\"\n            @vasionButtonClicked=\"cancel\"\n          >\n            Cancel\n          </VasionButton>\n          <VasionButton\n            id=\"save-attributes-button\"\n            :classProp=\"'primary'\"\n            :isFullWidth=\"false\"\n            :clickActionCallback=\"goToSettings\"\n            :isDisabled=\"uploadedfilePath === '' || disableContinue\"\n          >\n            Continue\n          </VasionButton>\n        </div>\n      </div>\n      <div class=\"md-layout toolbar-div\">\n        <div class=\"control-box\">\n          <md-button\n            id=\"btnFirstPage\"\n            class=\"md-icon-button md-dense\"\n            title=\"First Page\"\n            :disabled=\"disablePreviousButtons\"\n            @click=\"goToFirstPage()\"\n          >\n            <VasionFirstPageIcon :class=\"{ 'vasion-icon-disabled': disablePreviousButtons }\" />\n          </md-button>\n          <md-button\n            id=\"btnPreviousPage\"\n            class=\"md-icon-button md-dense\"\n            title=\"Previous Page\"\n            :disabled=\"disablePreviousButtons\"\n            @click=\"goToPreviousPage()\"\n          >\n            <VasionPreviousPageIcon :class=\"{ 'vasion-icon-disabled': disablePreviousButtons }\" />\n          </md-button>\n        </div>\n        <VasionInput\n          v-model=\"pageDisplay\"\n          :readOnly=\"true\"\n          inputType=\"blank-white\"\n          width=\"94\"\n          class=\"action-input\"\n        />\n        <div class=\"control-box\">\n          <md-button\n            id=\"btnNextPage\"\n            class=\"md-icon-button md-dense\"\n            title=\"Next Page\"\n            :disabled=\"disableNextButtons\"\n            @click=\"goToNextPage()\"\n          >\n            <VasionNextPageIcon :class=\"{ 'vasion-icon-disabled': disableNextButtons }\" />\n          </md-button>\n          <md-button\n            id=\"btnLastPage\"\n            class=\"md-icon-button md-dense\"\n            title=\"Last Page\"\n            :disabled=\"disableNextButtons\"\n            @click=\"goToLastPage()\"\n          >\n            <VasionLastPageIcon :class=\"{ 'vasion-icon-disabled': disableNextButtons }\" />\n          </md-button>\n        </div>\n        <div>\n          <VasionButton\n            id=\"template-file-button\"\n            class=\"browse-button panel-component-bottom-padding\"\n            :classProp=\"'primary'\"\n            :isDisabled=\"!isDocumentLoaded && document !== {}\"\n            @vasionButtonClicked=\"changeTemplateFile\"\n          >\n            {{ activeDocument.isTemplate ? 'Change Template File' : 'Change File' }}\n          </VasionButton>\n        </div>\n        <div> \n          <VasionInput\n            v-model=\"totalZones\"\n            :readOnly=\"true\"\n            inputType=\"blank-white\"\n            width=\"200\"\n            style=\"height: 42px; padding-top: 5px;\"\n          />\n        </div>\n      </div>\n      <div class=\"md-layout main-content\">\n        <div class=\"left-sidebar vasion-white-background\">\n          <span class=\"sidebar-signer\">\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"selectedSigner\"\n              :dataArray=\"signerList\"\n              :width=\"'100%'\"\n              title=\"SIGNER\"\n              placeholder=\"Assign New Zone To...\"\n              type=\"plain-list\"\n              displayName=\"name\"\n              valueName=\"value\"\n            >\n              {{ slotItem.item.name }}\n            </VasionDropList>\n          </span>\n          <span class=\"sidebar-button-header\">\n            Fields\n          </span>\n          <span\n            class=\"sidebar-button\"\n            :class=\"{ buttonDisabled: !isDocumentLoaded, buttonSelected: (annotationConfigStore.subType === 'signature') }\"\n            title=\"Signature\"\n            @click=\"addNewAnnotation(annotationConfig.signatureZone)\"\n          >\n            <div class=\"button-icon\">\n              <VasionSignatureIcon />\n            </div>\n            Signature\n          </span>\n          <span\n            class=\"sidebar-button\"\n            :class=\"{ buttonDisabled: !isDocumentLoaded, buttonSelected: (annotationConfigStore.subType === 'initial') }\"\n            title=\"Initials\"\n            @click=\"addNewAnnotation(annotationConfig.initialZone)\"\n          >\n            <div class=\"button-icon\">\n              <VasionInitialsIcon />\n            </div>\n            Initials\n          </span>\n          <span\n            class=\"sidebar-button\"\n            :class=\"{ buttonDisabled: !isDocumentLoaded, buttonSelected: (annotationConfigStore.subType === 'timestamp') }\"\n            title=\"Date / Time\"\n            @click=\"addNewAnnotation(annotationConfig.dateZone)\"\n          >\n            <div class=\"button-icon\">\n              <VasionAccessTimeIcon />\n            </div>\n            Date / Time\n          </span>\n          <span\n            class=\"sidebar-button\"\n            :class=\"{ buttonDisabled: !isDocumentLoaded, buttonSelected: (annotationConfigStore.subType === 'text') }\"\n            title=\"Text\"\n            @click=\"addNewAnnotation(annotationConfig.textZone)\"\n          >\n            <div class=\"button-icon\">\n              <VasionTextFieldIcon />\n            </div>\n            Text\n          </span>\n        </div>\n        <div class=\"md-layout-item middle-section\">\n          <div v-if=\"!isDocumentLoaded\" class=\"document-upload\">\n            <div class=\"upload-container\">\n              <div class=\"file-pond-block-wrapper\">\n                <file-pond\n                  ref=\"pond\"\n                  class=\"new-document\"\n                  :server=\"serverOptions\"\n                  :label-idle=\"filePondLabel\"\n                />\n              </div>\n            </div>\n          </div>\n          <div v-else class=\"document-loaded\">\n            <DocumentImage\n              v-if=\"uploadedfilePath && uploadedfilePath !== ''\"\n              ref=\"mainImage\"\n              :key=\"currentPageNumber\"\n              :documentID=\"0\"\n              :pageNumber=\"currentPageNumber\"\n              :width=\"1210\"\n              :height=\"1500\"\n              :zoomScale=\"0.5\"\n              :largeDefaultLoadSize=\"true\"\n              :context=\"'SignatureApp'\"\n              :imageEndpoint=\"'document/getFileImageURL'\"\n              :filePath=\"uploadedfilePath\"\n              @annotationDeleted=\"annotationDeleted\"\n              @annotationUpdate=\"annotationUpdate\"\n              @annotationCreated=\"annotationCreated\"\n            />\n          </div>\n          <div v-if=\"uploadedfilePath && uploadedfilePath !== ''\" class=\"zoom-box\">\n            <div class=\"zoom-symbol\" @click=\"zoomOut\">\n              <VasionRemoveIcon />\n            </div>\n            <div class=\"drop-list-zoom\" />\n            <div class=\"zoom-symbol\" @click=\"zoomIn\">\n              <VasionAddIcon />\n            </div>\n          </div>\n        </div>\n        <div class=\"right-sidebar\">\n          <div v-if=\"showAssociateUserPanel && (addedUserList.length > 0 || addedRoles.length > 0)\" class=\"add-users\">\n            <div id=\"zone-details-title\">\n              Zone Details\n            </div>\n            <VasionInput\n              v-model=\"displayZoneType\"\n              class=\"row-field\"\n              inputType=\"top-white\"\n              width=\"304\"\n              title=\"ZONE TYPE\"\n              :readOnly=\"true\"\n              style=\"margin-bottom: 16px;\"\n            />\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"assignedUser\"\n              :dataArray=\"addedUserListForDropList\"\n              width=\"304\"\n              :title=\"zoneLabel('ASSIGN USER')\"\n              placeholder=\"Select User...\"\n              type=\"plain-list\"\n              displayName=\"name\"\n              valueName=\"value\"\n              style=\"margin-bottom: 16px;\"\n              @inputKeyDown=\"setDeleteOnInput\"\n              @inputFocusOut=\"clearDeleteOnInput\"\n            >\n              {{ slotItem.item.name }}\n            </VasionDropList>\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"assignedRole\"\n              class=\"row-field\"\n              :dataArray=\"addedRoles\"\n              width=\"304\"\n              :title=\"zoneLabel('ASSIGN ROLE')\"\n              placeholder=\"Select Role...\"\n              type=\"plain-list\"\n              style=\"margin-bottom: 16px;\"\n              displayName=\"value\"\n              valueName=\"value\"\n            >\n              {{ slotItem.item.value }}\n            </VasionDropList>\n            <VasionCheckbox\n              id=\"bottom-align\"\n              class=\"panel-component-bottom-padding\"\n              name=\"bottom-align\"\n              :checked=\"localBottomAlign\"\n              @change=\"toggleCheckbox('localBottomAlign')\"\n            >\n              Bottom Align\n            </VasionCheckbox>\n            <VasionCheckbox\n              v-if=\"associateZoneConfig.subType === 'timestamp'\"\n              id=\"include-time-checkbox\"\n              name=\"include-time-checkbox\"\n              :checked=\"localIncludeTime\"\n              @change=\"toggleCheckbox('localIncludeTime')\"\n            >\n              Include Time\n            </VasionCheckbox>\n          </div>\n          <div v-else>\n            <div class=\"add-users divider\">\n              <div v-if=\"!activeDocument.isTemplate\">\n                <VasionInput\n                  id=\"bcc-text-box\"\n                  v-model=\"addUsers\"\n                  v-debounce:200ms=\"userSearchList\"\n                  title=\"ADD SIGNERS\"\n                  name=\"bcc-text-box\"\n                  placeholder=\"Add with Email / Username\"\n                  inputType=\"top-white\"\n                  class=\"bottom-margin inputWidth\"\n                  @keydown=\"setDeleteOnInput\"\n                  @focusout=\"clearDeleteOnInput\"\n                />\n                <div v-if=\"showSearchList\" class=\"user-search\">\n                  <div v-if=\"localUserList.length > 0\" class=\"user-list-container\">\n                    <div\n                      v-for=\"(user, index) in localUserList\"\n                      :key=\"index\"\n                      class=\"user-list-item\"\n                      @click=\"addToList('added', user)\"\n                    >\n                      <div class=\"user-list-item-name\">\n                        <strong> {{ user.FullName }} </strong><br>\n                        <div v-if=\"user.Email === ''\">\n                          No registered Email\n                        </div>\n                        <div v-else>\n                          {{ user.Email }}\n                        </div>\n                      </div>\n                      <div class=\"user-list-btn\">\n                        <VasionAddCircleIcon fill=\"#ff4702\" />\n                      </div>\n                    </div>\n                  </div>\n                  <div v-else class=\"user-list-container\">\n                    <div class=\"empty-add-signers-container\">\n                      <VasionUserIcon />\n                      <div class=\"users-heading\" style=\"margin-top: 10px;\">\n                        User not found\n                      </div>\n                      <div class=\"users-subheading\">\n                        Would you like to add this email as a signer for this document?\n                      </div>\n                      <VasionButton\n                        id=\"add-signer-button\"\n                        style=\"margin-top: 10px;\"\n                        :classProp=\"'secondary-grey'\"\n                        :isFullWidth=\"false\"\n                        @vasionButtonClicked=\"showAddSigner = true\"\n                      >\n                        <div id=\"add-signer-icon-and-text\">\n                          <VasionAddIcon />\n                          Add Signer\n                        </div>\n                      </VasionButton>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div v-else>\n                <VasionInput\n                  id=\"add-role-text-box\"\n                  v-model=\"addRoleInput\"\n                  title=\"ADD ROLE\"\n                  name=\"add-role-text-box\"\n                  placeholder=\"Enter Role Name...\"\n                  inputType=\"top-white\"\n                  class=\"bottom-margin inputWidth\"\n                />\n                <md-button\n                  id=\"add-role-button\"\n                  class=\"md-button\"\n                  title=\"Add\"\n                  :disabled=\"addRoleButtonDisabled\"\n                  @click.stop=\"addRole\"\n                >\n                  Add\n                </md-button>\n              </div>\n            </div>\n            <div class=\"added-users\">\n              <div v-if=\"!activeDocument.isTemplate\">\n                <VasionCheckbox\n                  id=\"two-factor-auth\"\n                  name=\"two-factor-auth\"\n                  style=\"margin-bottom: 20px;\"\n                  class=\"export-checkbox align-with-inputs\"\n                  :checked=\"twoFactorAuth\"\n                  @change=\"toggleCheckbox('twoFactorAuth')\"\n                >\n                  Require two-factor authentication\n                </VasionCheckbox>\n                <VasionCheckbox\n                  id=\"separate-copy-for-each-signer\"\n                  name=\"separate-copy-for-each-signer\"\n                  style=\"margin-bottom: 20px;\"\n                  class=\"export-checkbox align-with-inputs\"\n                  :checked=\"separateCopyForSigners\"\n                  @change=\"toggleCheckbox('separateCopyForSigners')\"\n                >\n                  Separate Copy for each Signer\n                </VasionCheckbox>\n                <VasionCheckbox\n                  v-if=\"featureFlagSignatureCertificates\"\n                  id=\"certify-document\"\n                  name=\"certify-document\"\n                  style=\"margin-bottom: 20px;\"\n                  class=\"export-checkbox align-with-inputs\"\n                  :checked=\"certifyDocument\"\n                  @change=\"toggleCheckbox('certifyDocument')\"\n                >\n                  Certify Document\n                </VasionCheckbox>\n                <div class=\"added-users-title\">\n                  ADDED SIGNERS\n                </div>\n                <div v-if=\"localAddedUserList.length === 0\" class=\"added-users-content\">\n                  <span>\n                    <VasionGroupGrayIcon class=\"added-users-icon\" />\n                  </span>\n                  <div class=\"users-heading\">\n                    You haven't added any users.\n                  </div>\n                  <div class=\"users-subheading\">\n                    Enter an email or username to add users to this document.\n                  </div>\n                </div>\n                <div v-else class=\"added-users-content\">\n                  <div class=\"added-users-container\">\n                    <div v-for=\"(user, index) in localAddedUserList\" :key=\"index\" class=\"added-users-item\">\n                      <div class=\"added-users-info added-users-text\">\n                        <strong> {{ user.FullName }} </strong><br>\n                        <div v-if=\"user.Email === ''\" class=\"added-users-text\">\n                          No registered Email\n                        </div>\n                        <div v-else class=\"added-users-text\">\n                          {{ user.Email }}\n                        </div>\n                      </div>\n                      <div class=\"added-users-btn\">\n                        <md-button class=\"md-icon-button md-dense\" title=\"Remove\" @click.stop=\"ellipsisOpen($event, user)\">\n                          <VasionEllipsisIcon />\n                        </md-button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div v-else>\n                <VasionCheckbox\n                  v-if=\"featureFlagSignatureCertificates\"\n                  id=\"certify-document\"\n                  name=\"certify-document\"\n                  style=\"margin-bottom: 20px;\"\n                  class=\"export-checkbox align-with-inputs\"\n                  :checked=\"certifyDocument\"\n                  @change=\"toggleCheckbox('certifyDocument')\"\n                >\n                  Certify Document\n                </VasionCheckbox>\n                <div class=\"added-users-title\">\n                  ADDED ROLES\n                </div>\n                <div v-if=\"addedRoles.length === 0\" class=\"added-users-content\">\n                  <span>\n                    <VasionGroupGrayIcon class=\"added-users-icon\" />\n                  </span>\n                  <div class=\"users-heading\">\n                    You haven’t added any roles.\n                  </div>\n                  <div class=\"users-subheading\">\n                    Add a role to the template to assign it to zones to be signed.\n                  </div>\n                </div>\n                <div v-else class=\"added-users-content\">\n                  <div class=\"added-users-container\">\n                    <div v-for=\"(role, index) in addedRoles\" :key=\"index\" class=\"added-users-item\">\n                      <div class=\"added-users-info added-users-text\">\n                        <strong> {{ role.value }} </strong><br>\n                      </div>\n                      <div class=\"added-users-btn\">\n                        <md-button class=\"md-icon-button md-dense\" title=\"Remove\" @click.stop=\"ellipsisOpen($event, role.value)\">\n                          <VasionEllipsisIcon />\n                        </md-button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <VasionEllipsisMenu\n      v-if=\"showEllipsisMenu\"\n      v-click-outside=\"ellipsisClose\"\n      :buttonConfig=\"ellipsisButtonConfig\"\n      :rowItem=\"ellipsisRowItem\"\n      :style=\"ellipsisMenuTopStyle\"\n      @ellipsis-button-clicked=\"ellipsisButtonClicked\"\n      @close=\"ellipsisClose\"\n    />\n    <VasionGeneralModal\n      id=\"add-external-signer-modal\"\n      :rejectButtonText=\"'Cancel'\"\n      :confirmButtonText=\"confirmButtonOnAddSignersModal\"\n      :modalType=\"'slot'\"\n      :confirmButtonDisabled=\"!isAddSignerValidated\"\n      modalTitle=\"Add Signer\"\n      :sync=\"showAddSigner\"\n      @confirmButtonClick=\"addSigner()\"\n      @noButtonClick=\"cancelAddSigner()\"\n    >\n      <div id=\"add-external-signer-container\">\n        <VasionInput\n          v-model=\"addSignerFirstName\"\n          :required=\"true\"\n          style=\"margin-top: 29px;\"\n          inputType=\"top-white\"\n          title=\"First Name\"\n        />\n        <VasionInput\n          v-model=\"addSignerLastName\"\n          :required=\"true\"\n          class=\"add-signer-modal-spacer\"\n          inputType=\"top-white\"\n          title=\"Last Name\"\n        />\n        <VasionInput\n          v-model=\"addUsers\"\n          :required=\"true\"\n          class=\"add-signer-modal-spacer\"\n          inputType=\"top-white\"\n          specialType=\"email\"\n          title=\"Email\"\n          @notValid=\"isEmailValid = false\"\n          @isValid=\"isEmailValid = true\"\n        />\n        <VasionInput\n          v-model=\"addSignerPhoneNumber\"\n          :required=\"twoFactorAuth\"\n          class=\"add-signer-modal-spacer\"\n          inputType=\"top-white\"\n          title=\"Phone Number\"\n          type=\"tel\"\n        />\n      </div>\n    </VasionGeneralModal>\n\n    <VasionGeneralModal\n      id=\"edit-role-dialog\"\n      rejectButtonText=\"Cancel\"\n      confirmButtonText=\"Update\"\n      :modalType=\"'slot'\"\n      :confirmButtonDisabled=\"disableUpdateRole\"\n      modalTitle=\"Edit Role\"\n      :sync=\"showEditRoleModal\"\n      @confirmButtonClick=\"updateRole()\"\n      @noButtonClick=\"showEditRoleModal = false\"\n    >\n      <VasionInput\n        v-model=\"editRoleInput\"\n        inputType=\"blank-white\"\n        width=\"347\"\n        style=\"margin: 29px 0px;\"\n      />\n    </VasionGeneralModal>\n\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showLeaveDialog\" @md-clicked-outside=\"clickedOutsideLeave()\">\n      <VasionConfirmationDialog\n        message=\"Are you sure you want to leave? Changes have not been saved.\"\n        @noButtonClick=\"cancelLeave()\"\n        @yesButtonClick=\"doLeave()\"\n      />\n    </md-dialog>\n\n    <VasionGeneralModal\n      id=\"change-template-confirmation-div\"\n      :confirmButtonText=\"'CONFIRM'\"\n      :rejectButtonText=\"'CANCEL'\"\n      :modalType=\"'slot'\"\n      :sync=\"showReplaceFileDialog\"\n      @confirmButtonClick=\"replaceFileOKClick()\"\n      @noButtonClick=\"toggleReplaceFileDialog()\"\n    >\n      <div v-if=\"isDirty\" class=\"vasion-error-text\">\n        WARNING: Any changes you have not saved will be lost\n      </div>\n      <div>\n        <md-radio\n          v-model=\"clearZonesOnChangeFile\"\n          :value=\"false\"\n        >\n          Replace file only (keep existing zones)\n        </md-radio>\n      </div>\n      <div>\n        <md-radio\n          v-model=\"clearZonesOnChangeFile\"\n          :value=\"true\"\n        >\n          Replace file and clear zones\n        </md-radio>\n      </div>\n    </VasionGeneralModal>\n\n    <VasionGeneralModal\n      id=\"change-object-confirmation-div\"\n      :confirmButtonText=\"'REPLACE'\"\n      :rejectButtonText=\"'CANCEL'\"\n      :modalType=\"'message'\"\n      :buttonGroup=\"'center'\"\n      :message=\"replaceMessage + '\\n Would you like to proceed and force replacing the file?'\"\n      :sync=\"showForceReplaceDialog\"\n      @confirmButtonClick=\"replaceTemplateModalOKClick()\"\n      @noButtonClick=\"toggleForceReplaceDialog()\"\n    />\n\n    <md-dialog id=\"upload-new-file-dialog\" class=\"dialog\" :md-active.sync=\"showUploadDialog\" :md-click-outside-to-close=\"false\">\n      <div class=\"upload-container\">\n        <div class=\"file-pond-block-wrapper\">\n          <file-pond\n            ref=\"pond\"\n            class=\"new-document\"\n            :server=\"serverOptions\"\n            :label-idle=\"filePondLabel\"\n          />\n        </div>\n      </div>\n      <div class=\"align-right\">\n        <VasionButton\n          id=\"close-upload-dialog\"\n          :isFullWidth=\"false\"\n          :classProp=\"'secondary'\"\n          @vasionButtonClicked=\"toggleUploadDialog\"\n        >\n          CLOSE\n        </VasionButton>\n      </div>\n    </md-dialog>\n\n    <VasionSnackbar\n      id=\"document-uploaded-snack\"\n      :showSnackbarBool.sync=\"showSnackbarBool\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n\n<script>\nimport DocumentImage from '@/components/document/DocumentImage.vue';\nimport { toBase64 } from '@/store/helperModules/storage.module'\nimport cloneDeep from 'lodash/cloneDeep'\n\nexport default {\n  name: 'NewDocument',\n  components: {\n    DocumentImage,\n  },\n  beforeRouteLeave(to, from, next) {\n    if (!this.activeDocument.isTemplate) this.$store.dispatch('digitalSignature/setKeepDataOnReturn', false)\n    if (this.isDirty && !this.routeTo) {\n      this.routeTo = to\n      this.toggleLeaveDialog()\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  beforeRouteEnter(to, from, next) {\n    next(vm => {\n     vm.prevRoute = from\n   })\n  },\n  data: function () {\n    return {\n      addedRoles: [],\n      addRoleInput: '',\n      addSignerFirstName: '',\n      addSignerLastName: '',\n      addSignerPhoneNumber: '',\n      addUsers: '',\n      allZones: 0,\n      annotationConfig: {\n        signatureZone: { type: 'signatureZone', color: '', subType: 'signature', bottomAlign: true },\n        initialZone: { type: 'signatureZone', color: '', subType: 'initial', bottomAlign: true },\n        dateZone: { type: 'signatureZone', color: '', subType: 'timestamp', bottomAlign: true },\n        textZone: { type: 'signatureZone', color: '', subType: 'text', bottomAlign: true },\n      },\n      assignedRole: '',\n      assignedUser: '',\n      assignedZonesSignatureList: [],\n      assignedUserSignatureList: [],\n      certifyDocument: false,\n      changedCurrentPage: false,\n      clearZonesOnChangeFile: false,\n      currentEditedEmail: '',\n      currentPageNumber: 1,\n      document: {},\n      documentFileName: '',\n      editingUser: false,\n      editTemplateId: 0,\n      editRoleInput: '',\n      editRoleValue: '',\n      ellipsisMenuTopStyle: '',\n      ellipsisRowItem: 0,\n      featureFlagSignatureCertificates: false,\n      isDirty: false,\n      isDocumentLoaded: false,\n      isEmailValid: false,\n      isReplacingFile: false,\n      localBottomAlign: false,\n      localAddedUserList: [],\n      localIncludeTime: false,\n      localUserList: [],\n      newObjectSelected: false,\n      prevRoute: null,\n      replacementDocumentGUID: null,\n      replaceMessage: '',\n      selectedSigner: {},\n      separateCopyForSigners: false,\n      serverOptions: { process: this.processHandler },\n      showAddSigner: false,\n      showAssociateUserPanel: false,\n      showEditRoleModal: false,\n      showEllipsisMenu: false,\n      showLeaveDialog: false,\n      showForceReplaceDialog: false,\n      showReplaceFileDialog: false,\n      showSearchList: false,\n      showSnackbarBool: false,\n      showUploadDialog: false,\n      snackbarImage: '',\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      totalPages: 1,\n      twoFactorAuth: false,\n      uploadedFileFieldValue: '',\n      uploadedFileName: '',\n      uploadedfilePath: '',\n      uploadedFileString: '',\n      userList: [],\n    }\n  },\n  computed: {\n    activeDocument() { return this.$store.state.digitalSignature.activeDocument },\n    activeSaveAsTemplateButton() { return this.editTemplateId <= 0 },\n    addedUserList() { return this.$store.state.digitalSignature.addedUsersList },\n    addedUserListForDropList() {\n      return this.addedUserList.map(u => {\n        return {\n          name: u.FullName,\n          value: u.UserId,\n        }\n      })\n    },\n    addRoleButtonDisabled() { return this.addRoleInput === '' || this.addRoleInput.trim() === '' || this.addedRoles.some(role => role.value === this.addRoleInput) },\n    annotationConfigStore() { return this.$store.state.document.annotation },\n    annotations() { return this.$store.state.workflow.signatureZoneSaveObject },\n    associateZoneConfig() { return this.$store.state.digitalSignature.associateUserConfig },\n    confirmButtonOnAddSignersModal() { return this.editingUser ? 'UPDATE' : 'ADD' },\n    disableContinue() {\n      if (this.twoFactorAuth && this.localAddedUserList?.length > 0) {\n        if (this.localAddedUserList.some(u => u.PhoneNumber === '' || u.PhoneNumber === null)) {\n          return true\n        }\n      }\n      if (this.separateCopyForSigners && this.localAddedUserList?.length > 0) {\n        return false\n      }\n      if (this.activeDocument.isTemplate && this.assignedZonesSignatureList.length !== 0) {\n          return this.assignedZonesSignatureList.length != this.allZones\n      } \n      if (this.assignedUserSignatureList.length !== 0){\n          return this.assignedUserSignatureList.length != this.allZones\n      }else{\n        return true\n      }\n    },\n    disableNextButtons() { return this.currentPageNumber >= this.totalPages },\n    disablePreviousButtons() { return this.currentPageNumber <= 1 },\n    disableUpdateRole() { return this.editRoleInput === '' || this.addedRoles.some(role => role.value === this.editRoleInput) },\n    displayZoneType() {\n      let zoneType = ''\n      if (this.associateZoneConfig && this.associateZoneConfig.subType && this.associateZoneConfig.subType !== '') {\n        zoneType = this.associateZoneConfig.subType\n        if (zoneType === 'timestamp') {\n          zoneType = 'date / time'\n        }\n      }\n\n      return zoneType\n    },\n    documentTitle() { return this.uploadedFileName !== '' ? this.uploadedFileName : 'Untitled Document' },\n    ellipsisButtonConfig() {\n      const ellipsisButtonConfig = {}\n        const userButtons = [\n          {\n            id: 'edit-signer',\n            name: 'Edit Signer',\n            icon: 'VasionEditIcon',\n          },\n          {\n            id: 'remove-signer',\n            name: 'Remove from Document',\n            icon: 'VasionDeleteIcon',\n          },\n        ]\n        const roleButtons = [\n          {\n            id: 'edit-role',\n            name: 'Edit Role',\n            icon: 'VasionEditIcon',\n          },\n          {\n            id: 'remove-role',\n            name: 'Remove from Document',\n            icon: 'VasionDeleteIcon',\n          },\n        ]\n      if (this.activeDocument.isTemplate) {\n        ellipsisButtonConfig.buttons = roleButtons\n      } else {\n        ellipsisButtonConfig.buttons = userButtons\n      }\n      return ellipsisButtonConfig\n    },\n    filePondLabel() {\n      return `<span class=\"filepond-drag\">Drag TIFF or PDF File Here</span>\n              <br /><br/>\n              <span class=\"filepond-drag-or\">or</span>\n              <br /><br />\n              <span class=\"filepond-label-action\">Upload New Document</span>`\n    },\n    includeTimeAnnotationArray() { return this.$store.state.digitalSignature.includeTimeAnnotationArray },\n    isAddSignerValidated() { return this.addSignerFirstName && this.addSignerLastName && this.isEmailValid && !this.isDuplicateEmail && (!this.twoFactorAuth || this.addSignerPhoneNumber) },\n    isDuplicateEmail() { return this.userList.some(user => { return user.Email === this.addUsers }) },\n    keepDataOnReturn() { return this.$store.state.digitalSignature.keepDataOnReturn },\n    pageDisplay: {\n      get: function () {\n          return `${this.currentPageNumber}/${this.totalPages}`\n      },\n      set: function () {\n      },\n    },\n    separateCopyForSignersFromStore() { return this.$store.state.digitalSignature.separateCopyForSigners },\n    signerList() {\n      let signers = []\n      if (this.addedUserList.length > 0) {\n        signers = this.addedUserList.map(u => {\n          return {\n            name: u.FullName,\n            value: u.UserId,\n          }\n        })\n      }\n      if (this.addedRoles.length > 0) {\n        this.addedRoles.forEach((role, i) => {\n          signers.push({\n            name: role.value,\n            value: i + 1\n          })\n        })\n      }\n      signers.unshift({ name: 'Unassigned', value: 0 })\n      return signers\n    },\n    totalZones() { return \"Number of Zones: \" + this.allZones },\n    twoFactorAuthFromStore() { return this.$store.state.digitalSignature.twoFactorAuth },\n    zoomValue() { return this.$store.state.document.zoomValue },\n  },\n  watch: {\n    assignedUser: function () {\n      if (!this.newObjectSelected) {\n        this.saveAssignedUser()\n      }\n    },\n    assignedRole: function () {\n      if (!this.newObjectSelected) {\n        this.saveAssignedRole()\n      }\n    },\n    associateZoneConfig: function () {\n      this.showAssociateUserPanel = this.associateZoneConfig.showSetUserPanel\n      if (this.showAssociateUserPanel) {\n        if (this.associateZoneConfig.subType == 'timestamp') {\n          let foundElement = null\n          if (this.includeTimeAnnotationArray) {\n            foundElement = this.includeTimeAnnotationArray.find(e => e.UniqueID == this.associateZoneConfig.uniqueId)\n          }\n\n          if (foundElement) {\n            this.localIncludeTime = foundElement.includeTime\n          } else {\n            this.localIncludeTime = false\n          }\n        }\n\n        let bottomAlign = false\n        if (this.activeDocument.isTemplate) {\n          const zoneSig = this.activeDocument.assignedZonesSignatureList?.find(e => e.objectId == this.associateZoneConfig.uniqueId)\n          bottomAlign = zoneSig ? zoneSig.bottomAlign : true\n          this.loadAssignedRole()\n        } else {\n          const userSig = this.activeDocument.assignedUserSignatureList?.find(e => e.objectId == this.associateZoneConfig.uniqueId)\n          bottomAlign = userSig ? userSig.bottomAlign : true\n          this.loadAssignedUser()\n        }\n        this.localBottomAlign = bottomAlign\n      } else if (this.activeDocument.isTemplate) {\n        this.assignedRole = ''\n      } else {\n        this.assignedUser = ''\n      } \n    },\n    certifyDocument: function () { this.$store.dispatch('digitalSignature/setCertifyDocument', this.certifyDocument) },\n    currentPageNumber: function () {\n      this.changedCurrentPage = true\n      if (this.uploadedFileName !== '' && this.uploadedfilePath !== '' && this.annotations) {\n        this.updateActiveDocument()\n        this.updateDocumentImage()\n      }\n    },\n    localBottomAlign: function() {\n      if (!this.associateZoneConfig) {\n        return\n      }\n\n      let zone = undefined\n      if (this.activeDocument.isTemplate) {\n        zone = this.activeDocument.assignedZonesSignatureList.find(e => e.objectId == this.associateZoneConfig.uniqueId)\n      } else {\n        zone = this.activeDocument.assignedUserSignatureList.find(e => e.objectId == this.associateZoneConfig.uniqueId)\n      }\n      if (zone != undefined) {\n        zone.bottomAlign = this.localBottomAlign\n      }\n    },\n    localIncludeTime: function () {\n      if (!this.associateZoneConfig || this.associateZoneConfig.subType != 'timestamp') {\n        return\n      }\n\n      const payload = {\n        UniqueID: this.associateZoneConfig.uniqueId,\n        includeTime: this.localIncludeTime,\n        saveIfDifferent: true,\n      }\n\n      this.$store.dispatch('digitalSignature/updateElementInIncludeTimeAnnotationArray', payload)\n    },\n    saveAnnotationsToggle() { return this.$store.state.digitalSignature.saveAnnotationsToggle },\n    separateCopyForSigners: function () { this.$store.dispatch('digitalSignature/setSeparateCopyForSigners', this.separateCopyForSigners) },\n    showAddSigner: async function () { this.isEmailValid = Boolean(await this.$store.dispatch('common/validateEmail', this.addUsers))},\n    twoFactorAuth: function () { this.$store.dispatch('digitalSignature/setTwoFactorAuth', this.twoFactorAuth) },\n  },\n  async created() {\n    this.$store.dispatch('digitalSignature/setDeleteOnInput', false)\n    if (!this.keepDataOnReturn) this.$store.dispatch('digitalSignature/setAddedUsersList', [])\n    this.userList = await this.$store.dispatch('security/getUserListIncludeExternal')\n    this.userList = this.userList.filter(u => {\n      return !this.addedUserList.find(au => au.UserId === u.UserId)\n    })\n    this.localUserList = this.userList\n\n    if (this.activeDocument?.editTemplateId !== undefined) {\n      this.editTemplateId = this.activeDocument.editTemplateId\n    }\n    this.activeDocument.assignedZonesSignatureList?.forEach(sigZone => {\n      if (!this.addedRoles.some(x => x.value === sigZone.sigDocTemplateRoleName)) {\n        this.addedRoles.push({value: sigZone.sigDocTemplateRoleName})\n      }\n    })\n\n    if (this.prevRoute && this.prevRoute.name === 'TheSignatureTemplates') {\n      this.updateDocumentImage()\n    }\n    if (this.prevRoute && this.prevRoute.name === 'SignatureEditDocument') {\n      this.separateCopyForSigners = this.separateCopyForSignersFromStore\n      this.twoFactorAuth = this.twoFactorAuthFromStore\n      this.localAddedUserList = this.addedUserList\n      if (this.activeDocument?.assignedUserSignatureList?.length) this.assignedUserSignatureList = this.activeDocument.assignedUserSignatureList\n      if (this.activeDocument?.assignedZonesSignatureList?.length) this.assignedZonesSignatureList = [...this.activeDocument.assignedZonesSignatureList]\n      if (this.assignedUserSignatureList.length) this.allZones = this.assignedUserSignatureList.length\n      if (this.assignedZonesSignatureList.length) this.allZones = this.assignedZonesSignatureList.length\n      if (this.activeDocument.templateName && this.activeDocument.filePath && this.activeDocument.annotationsObject) {\n        this.clearDeleteOnInput()\n        this.updateDocumentImage()\n      }\n    }\n    this.certifyDocument = this.activeDocument.certifyDocument\n    this.featureFlagSignatureCertificates = await this.$store.dispatch('common/getConfig', 'SignatureCertificates') === 'true'\n    if(this.isDocumentLoaded) {\n      this.totalPages = await this.$store.dispatch('document/getFilePageCount', { Value: this.uploadedfilePath })\n    }\n    if (this.activeDocument.zones && this.allZones === 0) {\n      this.allZones = this.activeDocument.zones.length\n    }\n  },\n  methods: {\n    addRole() {\n      if (this.addRoleInput === '') {\n        return\n      }\n      let deletedRoleIndex = this.addedRoles.findIndex(role => role.value === '');\n      if(deletedRoleIndex >= 0) {\n        this.addedRoles[deletedRoleIndex].value = this.addRoleInput\n      }\n      else {\n        this.addedRoles.push({value: this.addRoleInput})\n      }\n      this.addRoleInput = ''\n      this.isDirty = true\n    },\n    addNewAnnotation(config) {\n      if (this.isDocumentLoaded) {\n        this.$store.dispatch('document/setAnnotationConfig', config)\n        this.isDirty = true\n      }\n      this.localBottomAlign = config.bottomAlign\n    },\n    addSigner() {\n      const user = {\n        Email: this.addUsers,\n        UserId: this.addUsers,\n        FirstName: this.addSignerFirstName,\n        LastName: this.addSignerLastName,\n        FullName: `${this.addSignerFirstName} ${this.addSignerLastName}`,\n        PhoneNumber: this.addSignerPhoneNumber,\n      }\n      if (this.editingUser) {\n        this.addToList('update', user)\n      } else {\n        this.addToList('added', user)\n      }\n      this.editingUser = false\n      this.showAddSigner = false\n      this.addSignerFirstName = ''\n      this.addSignerLastName = ''\n      this.addSignerPhoneNumber = ''\n    },\n    async addToList(type, user) {\n      let foundByUserId = false\n      if (this.userList.find(u => u.UserId === user.UserId)) {\n        user.disableButton = true\n        foundByUserId = true\n      }\n      this.localAddedUserList = this.addedUserList\n      if (type === 'added') {\n        this.userList = foundByUserId ? this.userList.filter(u => u.UserId !== user.UserId) :\n          this.userList.filter(u => u.FullName !== user.FullName && u.Email !== user.Email)\n        this.localAddedUserList.push(user)\n      } else if (type === 'update') {\n        this.localAddedUserList = this.localAddedUserList.map(u => {\n          if (u.Email === this.currentEditedEmail) {\n            return user\n          }\n          return u\n        })\n      } else {\n        this.localAddedUserList = this.localAddedUserList.filter(u => u.UserId !== user.UserId)\n        this.userList.push(user)\n        this.assignedUserSignatureList = this.assignedUserSignatureList.filter(u => u.userId !== user.UserId)\n      }\n\n      this.$store.dispatch('digitalSignature/setAddedUsersList', this.localAddedUserList)\n      this.localUserList = await this.filteredValues(this.userList, this.addUsers)\n      this.addUsers = ''\n      this.showSearchList = false\n      this.isDirty = true\n    },\n    annotationDeleted(id) {\n      if (this.activeDocument.isTemplate) {\n        this.assignedZonesSignatureList = this.assignedZonesSignatureList.filter(a => a.objectId !== id)\n      } else {\n        this.assignedUserSignatureList = this.assignedUserSignatureList.filter(a => a.objectId !== id)\n      }\n      this.isDirty = true\n      this.allZones = this.allZones - 1\n    },\n    annotationUpdate() {\n      this.isDirty = true\n    },\n    annotationCreated() {\n      this.allZones = this.allZones + 1\n    },\n    cancel() { this.$router.push({ name: 'TheSignatureTemplates' }) },\n    cancelAddSigner() {\n      this.editingUser = false\n      this.showAddSigner = false\n      this.addSignerFirstName = ''\n      this.addSignerLastName = ''\n      this.addSignerPhoneNumber = ''\n    },\n    cancelLeave() {\n      this.routeTo = null\n      this.toggleLeaveDialog()\n    },\n    changeTemplateFile() {\n      this.isReplacingFile = true\n      this.toggleReplaceFileDialog()\n    },\n    clickedOutsideLeave() { this.routeTo = null },\n    async doLeave() {\n      this.toggleLeaveDialog()\n      this.$router.push({ path: this.routeTo.path })\n    },\n    async filteredValues(users, text) {\n      const input = text.toLowerCase()\n      if (!input) { return users }\n\n      const returnList = users.filter(user => {\n        const userNameTarget = user.Username?.toLowerCase()\n        const foundUserName = userNameTarget?.indexOf(input) > -1\n\n        const fullNameTarget = user.FullName?.toLowerCase()\n        const foundFullName = fullNameTarget?.indexOf(input) > -1\n\n        const emailTarget = user.Email?.toLowerCase()\n        const foundEmail = emailTarget?.indexOf(input) > -1\n\n        return foundUserName || foundFullName || foundEmail\n      })\n\n      return returnList\n    },\n    async clearDeleteOnInput() { await this.$store.dispatch('digitalSignature/setDeleteOnInput', false) },\n    ellipsisButtonClicked(payload) {\n      switch (payload.buttonId) {\n        case 'edit-signer':\n          this.addSignerFirstName = payload.item.FirstName\n          this.addSignerLastName = payload.item.LastName\n          this.addUsers = payload.item.Email\n          this.addSignerPhoneNumber = payload.item.PhoneNumber\n          this.currentEditedEmail = payload.item.UserId\n          this.editingUser = true\n          this.showAddSigner = true\n          break;\n        case 'remove-signer':\n          this.addToList('remove', payload.item)\n          break;\n        case 'edit-role':\n          this.editRoleInput = payload.item.role\n          this.editRoleValue = payload.item.role\n          this.showEditRoleModal = true\n          this.isDirty = true\n          break;\n        case 'remove-role':\n          this.assignedZonesSignatureList.forEach(role => {\n            if (role.sigDocTemplateRoleName === payload.item.role) {\n              role.sigDocTemplateRoleName = ''\n            }\n          })\n          this.addedRoles.splice(this.addedRoles.findIndex(role => role.value === payload.item), 1)\n          this.isDirty = true\n          break;\n        default:\n          break;\n      }\n      this.ellipsisClose()\n    },\n    ellipsisClose() { this.showEllipsisMenu = false },\n    ellipsisOpen(event, zone) {\n      this.ellipsisClose()\n      this.ellipsisRowItem = zone\n      let displayY = event.pageY\n      let baseSize = 0\n\n      if (this.ellipsisButtonConfig && this.ellipsisButtonConfig.buttons) {\n        baseSize = this.ellipsisButtonConfig.buttons.length * 40\n      }\n\n      if (displayY + baseSize > document.documentElement.scrollHeight) {\n        displayY -= baseSize\n      }\n\n      this.ellipsisMenuTopStyle = `top:${displayY}px;`\n      this.showEllipsisMenu = true\n    },\n    goToFirstPage() { this.goToPage(1) },\n    goToLastPage() { this.goToPage(this.totalPages) },\n    goToNextPage() {\n      if ((this.currentPageNumber + 1) <= this.totalPages) {\n        this.goToPage(this.currentPageNumber + 1)\n      }\n    },\n    async goToPage(pageNumber) {\n      if (typeof pageNumber !== 'undefined' && pageNumber > 0 && pageNumber <= this.totalPages) {\n        this.currentPageNumber = pageNumber\n      }\n    },\n    goToPreviousPage() {\n      if (this.currentPageNumber > 1) {\n        this.goToPage(this.currentPageNumber - 1)\n      }\n    },\n    goToSettings() {\n      if (this.uploadedFileName !== '' && this.uploadedfilePath !== '' && this.annotations) {\n        this.updateActiveDocument()\n        this.$store.dispatch('digitalSignature/setDeleteOnInput', true)\n      }\n      this.isDirty = false\n      this.$router.push({ name: 'SignatureEditDocument', params: { documentId: this.editTemplateId !== 0 ? this.editTemplateId : 0 } })\n    },\n    loadAssignedRole() {\n      this.newObjectSelected = true\n      this.assignedRole = ''\n\n      // See if the role-object association exists already\n      const selectedRole = this.assignedZonesSignatureList?.find(r => r.objectId === this.associateZoneConfig.uniqueId)\n      if (selectedRole) {\n        const roleName = selectedRole.sigDocTemplateRoleName\n        // See if we need to add the role associated with the object to the \"ADDED ROLES\" list. If so, add it.\n        if (roleName !== '' && !this.addedRoles?.some(r => r.value === roleName)) {\n          this.addedRoles.push(roleName)\n        }\n        this.assignedRole = roleName\n      }\n      // This is new, so if a default signer is selected, assign it to the zone\n      else if (this.selectedSigner.value > 0) {\n        this.assignedRole = this.addedRoles.find(x => x.value === this.selectedSigner.name)\n        this.saveAssignedRole()\n      }\n\n      // nextTick is needed to avoid a race condition when changing the assigedUser value\n      this.$nextTick(()=>{\n        this.newObjectSelected = false\n      })\n    },\n    loadAssignedUser() {\n      this.newObjectSelected = true\n      this.assignedUser = ''\n      // See if the user-object association exists already\n      if (this.assignedUserSignatureList?.some(u => u.objectId === this.associateZoneConfig.uniqueId)) {\n        const index = this.assignedUserSignatureList.findIndex(u => u.objectId === this.associateZoneConfig.uniqueId);\n        const { userId } = this.assignedUserSignatureList[index]\n        const user = this.userList.find(u => u.UserId === userId) || this.addedUserList.find(u => u.UserId === userId)\n        if (user) {\n          // See if we need to add the user associated with the object to the \"ADDED USERS\" list. If so, add it and then\n          if (!this.addedUserList?.some(u => u.UserId === userId)) {\n            this.addToList('added', user)\n          }\n          if (!this.changedCurrentPage) {\n            this.assignedUser = {\n              name: user.FullName,\n              value: userId,\n            }\n          }\n        }\n      }\n      // This is new, so if a default signer is selected, assign it to the zone\n      else if (this.selectedSigner.value > 0) {\n        this.assignedUser =  this.addedUserListForDropList.find(x => x.value === this.selectedSigner.value)\n        this.saveAssignedUser()\n      }\n      this.changedCurrentPage = false\n\n      // nextTick is needed to avoid a race condition when changing the assigedUser value\n      this.$nextTick(()=>{\n        this.newObjectSelected = false\n      })\n    },\n    // eslint-disable-next-line consistent-return\n    processHandler: async function (fieldName, file, metadata, load, error, progress, abort) {\n      try {\n        if (!file.type.includes('tif')\n          && !file.type.includes('pdf')\n          && this.$router.history.current.path === '/digitalSignature/newDocument') {\n          this.snackbarTitle = 'Upload Failed'\n          this.snackbarSubTitle = 'Signature Documents only supports these file types: .tif, .tiff, .pdf'\n          this.snackbarImage = false\n          this.showSnackbarBool = true\n          this.isDocumentLoaded = true\n          // The set timeout acts as a way to reset the upload display\n          setTimeout(() => { this.isDocumentLoaded = false }, 500);\n        } else {\n          this.documentFileName = file.name\n          let fileDataString = await toBase64(file)\n          const indexOf = fileDataString.indexOf(';base64,')\n          if (indexOf >= 0) {\n            fileDataString = fileDataString.substring(indexOf + 8)\n          }\n\n          progress(true, 0, 1024);\n          load(file.name)\n\n          if (this.isReplacingFile && this.editTemplateId) {\n            let ret\n            if (this.activeDocument.isTemplate) {\n              const payload = {\n                name: this.documentFileName,\n                documentTemplateID: this.editTemplateId,\n                deleteZones: this.clearZonesOnChangeFile,\n                fileData: fileDataString,\n              }\n              ret = await this.$store.dispatch('document/replaceSignatureDocumentTemplateFile', payload)\n            } else {\n              const payload = {\n                name: this.documentFileName,\n                filePath: this.uploadedfilePath,\n                deleteZones: this.clearZonesOnChangeFile,\n                fileData: fileDataString,\n              }\n              ret = await this.$store.dispatch('document/replaceSignatureDocumentFile', payload)\n            }\n            if (!ret.replaced) {\n              if (!ret.guid) {\n                this.showSnackbarBool = true\n                this.snackbarTitle = 'Error attempting to replace file'\n                this.snackbarSubTitle = ret.message\n                this.snackbarImage = false\n              } else {\n                this.replaceMessage = ret.message\n                this.replacementDocumentGUID = ret.guid\n                this.showForceReplaceDialog = true\n              }\n            } else {\n              this.showSnackbarBool = true\n              this.snackbarTitle = 'Success'\n              this.snackbarSubTitle = ret.message\n              this.snackbarImage = true\n              this.replacementDocumentGUID = ret.guid\n              await this.reloadDocument()              \n            }\n            this.isReplacingFile = false\n          } else {\n            let payload = {\n              name: file.name,\n              fileData: fileDataString,\n            }\n            this.replacementDocumentGUID = await this.$store.dispatch('digitalSignature/UploadSignatureTemplateFile', payload)\n            this.uploadedFileName = `${file.name} (TEMP)`\n            this.reloadDocument()\n          }\n\n          this.isDocumentLoaded = true\n          this.showUploadDialog = false\n          this.isDirty = true\n        }\n\n        return {\n          abort: () => {\n            if (abort !== undefined) {\n              abort();\n            }\n          },\n        };\n      } catch (err) {\n        console.warn(err)\n      }\n    },\n    async reloadDocument() {\n      if (this.clearZonesOnChangeFile || !this.activeDocument.editTemplateId) {\n        this.assignedZonesSignatureList = []\n        let tempDocument = cloneDeep(this.activeDocument)\n        tempDocument.assignedZonesSignatureList = []\n        tempDocument.zones = []\n        this.$store.dispatch('digitalSignature/setActiveDocument', tempDocument)\n        this.allZones = 0\n      }\n      if (this.editTemplateId > 0) {\n        this.uploadedfilePath = null\n        let response = await this.$store.dispatch('digitalSignature/getSignatureDocumentTemplate', this.editTemplateId)\n        let tempDocument = cloneDeep(this.activeDocument)\n        tempDocument.zones = response.zones\n        tempDocument.assignedZonesSignatureList = response.zones\n        this.$store.dispatch('digitalSignature/setActiveDocument', tempDocument)\n        if (response?.zones?.length > 0) {\n          this.allZones = response.zones.length\n        } else {\n          this.allZones = 0\n        }\n        this.uploadedfilePath = response.filePath\n      } else {\n        this.uploadedfilePath = null\n        await this.uploadedfilePath //await here has the DocumentImage component reload\n        this.uploadedfilePath = this.replacementDocumentGUID\n      }\n      let payload = {\n        Value: this.uploadedfilePath,\n      }\n      this.currentPageNumber = 1\n      this.totalPages = await this.$store.dispatch('document/getFilePageCount', payload)\n    },\n    replaceFileOKClick() {\n      this.showUploadDialog = true\n      this.toggleReplaceFileDialog()\n    },\n    async replaceTemplateModalOKClick() {\n      if (this.activeDocument.isTemplate) {\n        let payload = {\n          guid: this.replacementDocumentGUID,\n          documentTemplateID: this.editTemplateId,\n        }\n        await this.$store.dispatch('admin/signatureDocumentTemplateReplace', payload)\n      } else {\n        let payload = {\n          oldFilePath: this.uploadedfilePath,\n          newFilePath: this.replacementDocumentGUID,\n        }\n        await this.$store.dispatch('admin/signatureDocumentFileReplace', payload)\n      }\n      this.clearZonesOnChangeFile = true\n      await this.reloadDocument()\n      this.toggleForceReplaceDialog()\n    },\n    saveAssignedRole() {\n      if (this.assignedZonesSignatureList.some(r => r.objectId === this.associateZoneConfig.uniqueId)) {\n          const index = this.assignedZonesSignatureList.findIndex(u => u.objectId === this.associateZoneConfig.uniqueId);\n          this.assignedZonesSignatureList.splice(index, index >= 0 ? 1 : 0);\n      }\n      if (this.assignedRole && this.assignedRole !== '' && this.associateZoneConfig) {\n        this.assignedZonesSignatureList.push({\n          objectId: this.associateZoneConfig.uniqueId,\n          sigDocTemplateRoleName: this.assignedRole.value,\n          subType: this.associateZoneConfig.subType,\n          pageNumber: this.currentPageNumber,\n          bottomAlign: this.localBottomAlign,\n        })\n      }\n      this.updateActiveDocument()\n    },\n    saveAssignedUser() {\n      if (this.assignedUserSignatureList.some(u => u.objectId === this.associateZoneConfig.uniqueId)) {\n        const index = this.assignedUserSignatureList.findIndex(u => u.objectId === this.associateZoneConfig.uniqueId);\n        this.assignedUserSignatureList.splice(index, index >= 0 ? 1 : 0);\n      }\n      if (this.assignedUser && this.assignedUser !== '' && this.associateZoneConfig) {\n        this.assignedUserSignatureList.push({\n          objectId: this.associateZoneConfig.uniqueId,\n          userId: this.assignedUser.value,\n          subType: this.associateZoneConfig.subType,\n          pageNumber: this.currentPageNumber,\n          bottomAlign: this.localBottomAlign,\n        })\n      }\n      this.updateActiveDocument()\n    },\n    toggleReplaceFileDialog() {\n      this.showReplaceFileDialog = !this.showReplaceFileDialog\n    },\n    toggleForceReplaceDialog() {\n      this.showForceReplaceDialog = !this.showForceReplaceDialog\n    },\n    toggleUploadDialog: function () {\n      this.showUploadDialog = !this.showUploadDialog\n    },\n    updateActiveDocument() {\n      let payload = this.activeDocument\n      payload.templateName = this.uploadedFileName\n      payload.filePath = this.uploadedfilePath\n      payload.totalPages = this.totalPages\n      payload.annotationsObject = this.annotations\n      payload.assignedUserSignatureList = this.assignedUserSignatureList\n      payload.isTemplate = this.activeDocument.isTemplate\n      payload.editTemplateId = this.editTemplateId\n      payload.roles = this.activeDocument.roles\n      if (this.activeDocument.isTemplate) {\n        payload.assignedZonesSignatureList = this.assignedZonesSignatureList\n      } else {\n        payload.assignedUserSignatureList = this.assignedUserSignatureList\n      }\n      this.$store.dispatch('digitalSignature/setActiveDocument', payload)\n    },\n    async setDeleteOnInput(key) {\n      if (key.code === 'Backspace') {\n        await this.$store.dispatch('digitalSignature/setDeleteOnInput', true)\n      }\n    },\n    toggleCheckbox(id) {\n      this[id] = !this[id]\n      this.isDirty = true\n    },\n    toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n    async updateDocumentImage() {\n      this.uploadedFileName = this.activeDocument.templateName\n      this.uploadedfilePath = this.activeDocument.filePath\n      this.isDocumentLoaded = this.uploadedfilePath?.trim().length > 0\n      this.assignedUserSignatureList = this.activeDocument.assignedUserSignatureList ?? []\n      this.assignedZonesSignatureList = [...this.activeDocument.assignedZonesSignatureList] ?? []\n      if (this.activeDocument.isTemplate) {\n        this.loadAssignedRole()\n      } else {\n        this.loadAssignedUser()\n      }\n    },\n    async updateRole() {\n      const index = this.addedRoles.findIndex(element => element.value === this.ellipsisRowItem)\n      this.addedRoles[index].value = this.editRoleInput\n      this.showEditRoleModal = false\n\n      this.assignedZonesSignatureList.forEach(role => {\n        if (role.sigDocTemplateRoleName === this.editRoleValue) {\n          role.sigDocTemplateRoleName = this.editRoleInput\n        }\n      })\n\n      // Update the sigDocTemplateRoleName here so that the edit is reflected in the '/digitalSignature/editDocument/{documentId}' view\n      const activeDocumentClone = cloneDeep(this.activeDocument)\n      const editedRoleIndex = activeDocumentClone.roles.findIndex(role => role.sigDocTemplateRoleName === this.editRoleValue)\n      activeDocumentClone.roles[editedRoleIndex].sigDocTemplateRoleName = this.editRoleInput\n      await this.$store.dispatch('digitalSignature/setActiveDocument', activeDocumentClone)\n\n      this.updateActiveDocument()\n    },\n    async userSearchList(input) {\n      this.localUserList = this.userList.filter(u => {\n        return !this.addedUserList.find(au => au.UserId === u.UserId)\n      })\n\n      if (input) {\n        this.showSearchList = input.length > 2\n        this.localUserList = await this.filteredValues(this.localUserList, input)\n      } else {\n        this.showSearchList = false\n      }\n    },\n    zoneLabel(label) { return this.displayZoneType ? `${label} TO ${this.displayZoneType.toLocaleUpperCase()}` : label },\n    zoomIn() {\n      if (this.zoomValue > 3) {\n        this.showSnackbarBool = true\n        this.snackbarTitle = 'WARNING'\n        this.snackbarSubTitle = 'Unable to zoom past this point.'\n        this.snackbarImage = false\n      } else {\n        this.$store.dispatch('document/setZoomValue', true)\n      }\n    },\n    zoomOut() {\n      if (this.zoomValue === 1) {\n        this.showSnackbarBool = true\n        this.snackbarTitle = 'WARNING'\n        this.snackbarSubTitle = 'Unable to zoom past this point.'\n        this.snackbarImage = false\n      } else {\n        this.$store.dispatch('document/setZoomValue', false)\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n  #include-time-checkbox {\n    padding-top: 30px;\n  }\n\n  .innerDiv {\n    padding-left: 5px;\n    padding-top: 10px;\n  }\n\n  .document-title {\n    font-family: $font-family-bold;\n    font-size: 24px;\n    font-weight: bold;\n    font-style: normal;\n    font-stretch: normal;\n    line-height: normal;\n    letter-spacing: normal;\n    color: $grey-500;\n    text-align: left;\n    margin-left: 10px;\n  }\n\n  .divider {\n    border-bottom: solid 1px $divider-light-grey;\n  }\n\n  .toolbar-div {\n    border-bottom: solid 1px $divider-light-grey;\n    padding-bottom: 5px;\n  }\n\n  .left-sidebar {\n    width: 256px;\n    height: calc(100vh - 170px);\n    box-shadow: 1px 0 0 0 $grey-100;\n    display: flex;\n    flex-direction: column;\n\n    .sidebar-signer {\n      margin: 20px 12px 4px 8px;\n    }\n\n    .sidebar-button-header {\n      margin: 20px 8px;\n      font-weight: bold;\n      font-size: 16px;\n    }\n    .sidebar-button {\n      width: 224px;\n      height: 48px;\n      border-radius: 8px;\n      margin: 4px 8px;\n      background-color: $grey-75;\n      display: flex;\n      align-items: center;\n      cursor: pointer;\n    }\n    .sidebar-button:hover {\n      background-color: #e7ebf0;\n    }\n    .button-icon {\n      margin: 0px 10px 0px 15px;\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .control-box {\n    display: flex;\n    align-items: center;\n  }\n  .main-content {\n    height: calc(100vh - 170px);\n    width: calc(100vw - 272px);\n  }\n  .middle-section {\n    background-color: $grey-75;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    overflow: auto;\n    height: 100%;\n\n    .document-upload {\n      width: 600px;\n      height: calc(100vh - 185px);\n      border-radius: 8px;\n      box-shadow: 0 8px 20px 0 rgba(22, 23, 24, 0.08);\n      background-color: $white;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .upload-container {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .right-sidebar {\n    width: 336px;\n    height: calc(100vh - 170px);\n    box-shadow: -1px 0 0 0 $grey-100;\n    .inputWidth {\n      width: 304px;\n    }\n    .add-users {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      padding: 24px 0px;\n      flex-direction: column;\n    }\n    .added-users {\n        margin: 24px 0px;\n        width: 100%;\n        max-height: 803px;\n        overflow-y: auto;\n        padding: 10px;\n    }\n    .added-users-title {\n      font-family: $font-family-medium;\n      font-size: 12px;\n      color: $grey-400;\n      padding-left: 10px;\n    }\n    .added-users-content {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .added-users-content span {\n      margin: 10px 0px;\n      text-align: center;\n    }\n\n    .users-heading {\n      font-size: 16px;\n      font-weight: bold;\n      text-align: center;\n      color: $grey-700;\n    }\n    .users-subheading {\n      font-size: 14px;\n      text-align: center;\n      color: $grey-400;\n    }\n  }\n  .user-search {\n    position: relative;\n    height: 0px;\n    width: 0px;\n    border-radius: 8px;\n    box-shadow: 0 4px 8px 0 rgba(22, 23, 24, 0.08);\n    background-color: $white;\n  }\n  .user-list-container {\n    width: 304px;\n    max-height: 340px;\n    overflow-y: auto;\n    border-radius: 8px;\n    z-index: 6;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11), 0 4px 8px 0 rgba(0, 0, 0, 0.13);\n    background-color: $white;\n    position: absolute;\n  }\n  .user-list-item {\n    width: 100%;\n    height: 64px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .user-list-item:hover {\n    border-radius: 10px;\n    background-color: $grey-200;\n    cursor: pointer;\n  }\n  .user-list-item-name {\n    width: 80%;\n    text-align: left;\n    align-content: center;\n    padding-left: 10px;\n  }\n  .added-users-container {\n    width: 100%;\n    margin: 10px;\n    padding: 15px;\n  }\n  .added-users-item {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin: 20px 0px;\n  }\n  .added-users-info {\n    width: 80%;\n  }\n  .added-users-text {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .buttonDisabled {\n    cursor: not-allowed !important;\n  }\n  .buttonSelected {\n    border: solid 1px;\n  }\n  .zoom-box {\n    background-color: $white;\n    min-width: 141px;\n    min-height: 40px;\n    position: absolute;\n    bottom: 16px;\n    border-radius: 8px;\n    box-shadow: 0 2px 4px 0 rgba(22, 23, 24, 0.08);\n    display: flex;\n    flex-direction: row;\n    justify-content: space-around;\n    align-items: center;\n  }\n  .zoom-symbol {\n    font-size: 24px;\n    cursor: pointer;\n    :hover {\n      background-color: $grey-100;\n      border-radius: 11px;\n    }\n  }\n  .empty-add-signers-container{\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin: 29px;\n  }\n  #add-signer-icon-and-text {\n    display: flex;\n    align-items: center;\n  }\n  #add-external-signer-container{\n    width: 588px;\n    height: 450px;\n  }\n  .add-signer-modal-spacer{\n    margin-top: 16px;\n  }\n  #add-role-button {\n    border-radius: 8px;\n    background-color: $grey-50;\n    margin: 8px 0px 0px 0px;\n    float: right;\n    text-transform: none\n  }\n  #zone-details-title {\n    @include SubHeadline;\n    font-size: 18px;\n    margin: 0 201px 24px 0;\n  }\n  @media screen and (max-width: 1600px) {\n    .middle-section {\n      width: 600px;\n    }\n    .right-sidebar {\n        width: 280px;\n        .added-users-title {\n          padding-left: 1px;\n        }\n        .add-users {\n            display: block;\n            margin-left: 10px;\n        }\n        .inputWidth {\n          width: 274px;\n      }\n    }\n    .left-sidebar {\n      width: 190px;\n      .sidebar-button {\n            width: 160px;\n        }\n    }\n    .user-list-container {\n      width: 274px;\n    }\n  }\n\n  @media screen and (max-width: 1108px) {\n    .left-sidebar {\n        width: 90px;\n        .sidebar-button {\n            width: 50px;\n            color: transparent\n        }\n    }\n    .right-sidebar {\n      .add-users {\n        width: 200px;\n        display: block;\n      }\n    }\n    .document-upload {\n      width: 50%;\n    }\n    .upload-container {\n      width: 60%;\n    }\n  }\n\n  #upload-new-file-dialog {\n    .align-right {\n      text-align: right;\n      padding: 5px 0px 10px 374px;\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!./NewDocument.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!./NewDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewDocument.vue?vue&type=template&id=3b8d228a&scoped=true&\"\nimport script from \"./NewDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./NewDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewDocument.vue?vue&type=style&index=0&id=3b8d228a&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  \"3b8d228a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}