{"version":3,"file":"TheEsignLayout-BoxPAZ1K.js","sources":["../../../resources/js/components/eSigner/NavBar.vue","../../../resources/js/layouts/TheEsignLayout.vue"],"sourcesContent":["<template>\n  <div>\n    <nav class=\"bg-gray-900 fixed w-full z-20 top-0 left-0 border-b border-gray-200 dark:border-gray-600 h-[50px]\">\n      <div class=\"max-w-screen-xl flex items-center justify-between mx-auto p-3\">\n        <!-- Title -->\n        <div class=\"flex items-center text-white mr-6\">\n          <span class=\"esign-title md:text-lg text-sm text-gray-100 whitespace-nowrap\">Please review & sign</span>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex items-center space-x-2\">\n\n          <v-btn\n            v-if=\"envelopeStatus !== 'completed'\"\n            :disabled=\"acceptButtonDisabled\"\n            :loading=\"envelopeLoading.accepting\"\n            class=\"whitespace-nowrap\"\n            color=\"primary\"\n            size=\"small\"\n            theme=\"dark\"\n            @click=\"openConfirmSignDialog\"\n          >\n            Accept {{ isSample ? 'Sample' : '' }}\n          </v-btn>\n\n          <v-menu v-if=\"envelopeStatus !== 'completed'\">\n            <template v-slot:activator=\"{ props }\">\n              <v-btn\n                class=\"whitespace-nowrap ml-2\"\n                color=\"primary\"\n                size=\"small\"\n                theme=\"dark\"\n                v-bind=\"props\"\n                variant=\"text\"\n              >\n                <span class=\"d-sm-block d-none\">Other Actions</span>\n                <v-icon class=\"mb-1 ml-1 d-sm-block d-none\">mdi-chevron-down</v-icon>\n                <v-icon class=\"d-sm-none d-block\" size=\"small\">mdi-menu</v-icon>\n              </v-btn>\n            </template>\n            <v-list>\n              <v-list-item :disabled=\"!!envelopeCustomerCompleted\" @click=\"handleSaveProcess()\">\n                <template v-slot:prepend>\n                  <v-icon>mdi-content-save</v-icon>\n                </template>\n\n                <v-list-item-title>Save Progress</v-list-item-title>\n              </v-list-item>\n              <v-list-item :disabled=\"!!envelopeCustomerCompleted\" @click=\"declineToSign()\">\n                <template v-slot:prepend>\n                  <v-icon color=\"red\">mdi-close-circle</v-icon>\n                </template>\n\n                <v-list-item-title>Decline to Sign</v-list-item-title>\n\n              </v-list-item>\n            </v-list>\n          </v-menu>\n        </div>\n      </div>\n    </nav>\n    <div class=\"w-full border-bottom fixed bg-gray-100\" style=\"top: 50px; text-align: center;height: 30px; z-index: 10\">\n      <div class=\"flex justify-content-center h-full \" style=\"position: relative;display: inline-block;\">\n        <span v-if=\"!envelopeCustomerCompleted\">Fields remaining: {{ esignSessionData.remainingFieldsCount }}</span>\n        <span v-else>Completed: {{ envelopeCustomerCompleted }}</span>\n      </div>\n    </div>\n  </div>\n\n  <v-dialog v-model=\"confirmAndSignDialog\" max-width=\"400\">\n    <v-card>\n      <v-card-title class=\"text-h5\">Almost there</v-card-title>\n      <v-divider opacity=\"50\"/>\n      <v-card-text>\n        I agree to be legally bound by this document and the\n        Fleetwire Terms of Service. Click on 'I Agree' to sign this document.\n\n        <v-alert v-if=\"isSample\" type=\"warning\">\n          Sample: <br><br>\n          Here the signer would agree and the envelope will be signed & sealed and sent to each party.\n        </v-alert>\n      </v-card-text>\n      <v-divider opacity=\"50\"/>\n      <v-card-actions>\n        <v-spacer/>\n        <v-btn :disabled=\"envelopeLoading.accepting\" color=\"red\" size=\"small\" variant=\"text\" @click=\"confirmAndSignDialog = false\">\n          I Disagree\n        </v-btn>\n        <v-btn :disabled=\"isSample && !debugDrawerOpen\" :loading=\"envelopeLoading.accepting\" color=\"green text-white\" @click=\"handleAcceptAndSign();\">\n          I Agree\n        </v-btn>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n\n  <v-snackbar v-model=\"isProgressSaved\">\n    Progress saved successfully!\n    <template v-slot:actions>\n      <v-btn variant=\"text\" @click=\"isProgressSaved = false\">\n        Close\n      </v-btn>\n    </template>\n  </v-snackbar>\n</template>\n\n<script lang=\"ts\" setup>\nimport {computed, ref} from 'vue';\nimport {useEnvelope} from '@/composables/useEnvelope';\nimport {useRoute, useRouter} from 'vue-router';\nimport {useAppSettings} from '@/composables/useAppSettings';\n\nconst route = useRoute();\nconst router = useRouter();\nconst {\n  envelopeLoading,\n  envelopeStatus,\n  esignSessionData,\n  esignEnvelopeDataCopy,\n  envelopeCustomerCompleted,\n  envelopeIsReady,\n  acceptAndSignEnvelope,\n  saveProgress\n} = useEnvelope();\nconst {debugDrawerOpen} = useAppSettings();\nconst isProgressSaved = ref(null);\nconst confirmAndSignDialog = ref(null);\n\nconst recipientKey = route.query.key as string;\n\nconst acceptButtonDisabled = computed(() =>\n  !envelopeIsReady.value || !!esignSessionData.value.remainingFieldsCount\n);\n\nconst getEnvelopeData = () =>\n  esignEnvelopeDataCopy.value.flatMap((page) => page.pageData);\n\n\nconst isSample = computed(() => {\n  return route.name === 'esign.recipient.v2.sample';\n});\n\nconst handleSaveProcess = async () => {\n  await saveProgress({\n    uuid: esignSessionData.value.envelopeId,\n    recipientId: esignSessionData.value.recipientId,\n    allSigned: null,\n    ip: esignSessionData.value.ip,\n    data: getEnvelopeData(),\n    sample: isSample.value,\n  }).then(() => {\n    console.dir('Save progress success');\n    isProgressSaved.value = true;\n  });\n};\n\n\nconst handleAcceptAndSign = async () => {\n  if (esignSessionData.value.remainingFieldsCount === 0) {\n    await acceptAndSignEnvelope({\n      uuid: esignSessionData.value.envelopeId,\n      recipientId: esignSessionData.value.recipientId,\n      allSigned: null,\n      ip: esignSessionData.value.ip,\n      data: getEnvelopeData(),\n      sample: isSample.value,\n      recipientKey\n    }).then(() => {\n      console.dir('Save progress success');\n\n      setTimeout(() => {\n        router.push({name: 'esign.recipient.complete'}).catch(() => {\n        });\n      }, 1000);\n    });\n  }\n};\n\nconst openConfirmSignDialog = async () => {\n  confirmAndSignDialog.value = true;\n};\n\nconst declineToSign = () => {\n  console.dir('declineToSign');\n};\n</script>\n","<template>\n  <div class=\"flex flex-col overflow-hidden h-full\">\n\n    <!-- Navbar -->\n    <Navbar v-show=\"showNavbar\"/>\n\n    <!-- Main Document Area -->\n    <main class=\"flex flex-row flex-1 overflow-hidden bg-blue-100\">\n\n\n      <section class=\"document-area flex flex-col w-full overflow-y-auto\">\n\n        <slot>\n          <router-view name=\"default\"/>\n        </slot>\n      </section>\n    </main>\n\n    <!-- Footer -->\n    <footer class=\"flex fixed bottom-0 p-2 w-full bg-gray-900 z-10\" style=\"min-height: 41px\">\n      <div v-if=\"shouldShowPoweredBy\" class=\"flex items-center\">\n        <span class=\"text-sm text-gray-500 dark:text-gray-400\">Powered by</span>\n        <v-img height=\"25\" max-width=\"100\" src=\"https://fleetwire.twic.pics/wp-image/2024/12/Logo-Main-copyTransparent.png?twic=v1/resize=100\" width=\"100\"/>\n      </div>\n      <div class=\"text-sm flex-grow\"></div>\n    </footer>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {computed} from 'vue';\nimport Navbar from '@/components/eSigner/NavBar.vue';\nimport {useESign} from '@/composables/useESign';\nimport {useRoute} from 'vue-router';\nimport {useEnvelope} from \"@/composables/useEnvelope\";\n\nconst {envelope} = useESign();\nconst {envelopeIsReady} = useEnvelope();\nconst route = useRoute();\n\n// Determines whether the envelope is white-labeled\nconst envelopeIsWhiteLabeled = computed(() => envelopeIsReady.value && (envelope.value?.white_label ?? false));\n\n// Determines if \"Powered by\" should be shown\nconst shouldShowPoweredBy = computed(() => envelopeIsReady.value && !envelopeIsWhiteLabeled.value);\n\n// Determines whether to show the navbar\nconst showNavbar = computed(() => {\n  console.log('Route meta:', route.meta);\n  return route.meta?.showNavbar ?? true;\n});\n</script>\n\n<style lang=\"scss\">\n.powered-by {\n  display: inline-block;\n  zoom: 1;\n  position: relative;\n  top: 1px;\n  color: #b9b9b9;\n  font-size: 12px;\n  margin-right: 2px;\n  line-height: normal;\n}\n</style>\n"],"names":["route","useRoute","router","useRouter","envelopeLoading","envelopeStatus","esignSessionData","esignEnvelopeDataCopy","envelopeCustomerCompleted","envelopeIsReady","acceptAndSignEnvelope","saveProgress","useEnvelope","debugDrawerOpen","useAppSettings","isProgressSaved","ref","confirmAndSignDialog","recipientKey","acceptButtonDisabled","computed","getEnvelopeData","page","isSample","handleSaveProcess","handleAcceptAndSign","openConfirmSignDialog","declineToSign","envelope","useESign","envelopeIsWhiteLabeled","_a","shouldShowPoweredBy","showNavbar"],"mappings":"o3CA+GA,MAAMA,EAAQC,EAAS,EACjBC,EAASC,EAAU,EACnB,CACJ,gBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,sBAAAC,EACA,0BAAAC,EACA,gBAAAC,EACA,sBAAAC,EACA,aAAAC,GACEC,EAAY,EACV,CAAC,gBAAAC,CAAe,EAAIC,EAAe,EACnCC,EAAkBC,EAAI,IAAI,EAC1BC,EAAuBD,EAAI,IAAI,EAE/BE,EAAelB,EAAM,MAAM,IAE3BmB,EAAuBC,EAAS,IACpC,CAACX,EAAgB,OAAS,CAAC,CAACH,EAAiB,MAAM,oBACrD,EAEMe,EAAkB,IACtBd,EAAsB,MAAM,QAASe,GAASA,EAAK,QAAQ,EAGvDC,EAAWH,EAAS,IACjBpB,EAAM,OAAS,2BACvB,EAEKwB,EAAoB,SAAY,CACpC,MAAMb,EAAa,CACjB,KAAML,EAAiB,MAAM,WAC7B,YAAaA,EAAiB,MAAM,YACpC,UAAW,KACX,GAAIA,EAAiB,MAAM,GAC3B,KAAMe,EAAgB,EACtB,OAAQE,EAAS,KAAA,CAClB,EAAE,KAAK,IAAM,CACZ,QAAQ,IAAI,uBAAuB,EACnCR,EAAgB,MAAQ,EAAA,CACzB,CACH,EAGMU,EAAsB,SAAY,CAClCnB,EAAiB,MAAM,uBAAyB,GAClD,MAAMI,EAAsB,CAC1B,KAAMJ,EAAiB,MAAM,WAC7B,YAAaA,EAAiB,MAAM,YACpC,UAAW,KACX,GAAIA,EAAiB,MAAM,GAC3B,KAAMe,EAAgB,EACtB,OAAQE,EAAS,MACjB,aAAAL,CAAA,CACD,EAAE,KAAK,IAAM,CACZ,QAAQ,IAAI,uBAAuB,EAEnC,WAAW,IAAM,CACfhB,EAAO,KAAK,CAAC,KAAM,0BAA2B,CAAA,EAAE,MAAM,IAAM,CAAA,CAC3D,GACA,GAAI,CAAA,CACR,CAEL,EAEMwB,EAAwB,SAAY,CACxCT,EAAqB,MAAQ,EAC/B,EAEMU,EAAgB,IAAM,CAC1B,QAAQ,IAAI,eAAe,CAC7B,23GCnJM,KAAA,CAAC,SAAAC,CAAQ,EAAIC,EAAS,EACtB,CAAC,gBAAApB,CAAe,EAAIG,EAAY,EAChCZ,EAAQC,EAAS,EAGjB6B,EAAyBV,EAAS,IAAA,OAAM,OAAAX,EAAgB,UAAUsB,EAAAH,EAAS,QAAT,YAAAG,EAAgB,cAAe,IAAM,EAGvGC,EAAsBZ,EAAS,IAAMX,EAAgB,OAAS,CAACqB,EAAuB,KAAK,EAG3FG,EAAab,EAAS,IAAM,OACxB,eAAA,IAAI,cAAepB,EAAM,IAAI,IAC9B+B,EAAA/B,EAAM,OAAN,YAAA+B,EAAY,aAAc,EAAA,CAClC"}