{"version":3,"file":"BbNcM9a9.js","sources":["../../../../src/components/IconBase.vue","../../../../src/components/icons/IconCheckmarkCircle.vue","../../../../src/components/overlays/OverlaySigningSuccess.vue"],"sourcesContent":["<template>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    :aria-labelledby=\"iconName\"\n    :height=\"height\"\n    :fill=\"fillColor\"\n    :width=\"width\"\n    :view-box=\"viewBox\"\n    role=\"presentation\"\n    class=\"icon\"\n  >\n    <slot />\n  </svg>\n</template>\n\n<script lang=\"ts\">\nexport default defineComponent({\n  name: 'IconBase',\n  props: {\n    iconName: {\n      type: String,\n      default: '',\n    },\n    width: {\n      type: [Number, String],\n      default: 24,\n    },\n    height: {\n      type: [Number, String],\n      default: 24,\n    },\n    fillColor: {\n      type: String,\n      default: 'currentColor',\n    },\n    viewBox: {\n      type: String,\n      default: '0 0 24 24',\n    },\n  },\n})\n</script>\n\n<style lang=\"sass\">\n\ncircle\n  stroke: $c-grey-light\n</style>\n","<script setup></script>\n\n<template>\n  <g>\n    <circle class=\"fill\" cx=\"15\" cy=\"15\" r=\"14\" stroke-width=\"0\" />\n    <path\n      transform=\"translate(3 3)\"\n      d=\"M18.2,7.4c-0.6-0.6-1.5-0.6-2.1,0l-5.8,5.9l-2.5-2.4c-0.6-0.6-1.5-0.6-2.1,0c-0.6,0.6-0.6,1.5,0,2.1l3.5,3.5\n  C9.6,16.8,10,17,10.4,17h0c0.4,0,0.8-0.2,1.1-0.5l6.8-7C18.8,9,18.8,8,18.2,7.4z\"\n    />\n  </g>\n</template>\n","<script lang=\"ts\" setup>\nimport type { PropType, Ref } from 'vue'\n\nimport Heading from '@/components/Heading.vue'\nimport IconBase from '@/components/IconBase.vue'\nimport IconCheckmarkCircle from '@/components/icons/IconCheckmarkCircle.vue'\nimport OverlayBase from '@/components/overlays/OverlayBase.vue'\nimport SiteHeader from '@/components/SiteHeader.vue'\nimport SkrImage from '@/components/SkrImage.vue'\n\nconst props = defineProps({\n  isSealing: Boolean,\n  // Apparently, this may be set by an external consumer,\n  // so we need to be aware of it\n  isSimpleUi: Boolean,\n  processedRequests: {\n    type: Array as PropType<string[]>,\n    default: () => [],\n  },\n})\n\nconst emit = defineEmits(['close'])\n\nconst { t, locale } = useI18n()\n\nconst exitUrlStore = useExitUrlStore()\n\nconst { directSignSession } = storeToRefs(useDirectSignStore())\nconst { exitDelay } = storeToRefs(exitUrlStore)\nconst { areExitUrlsApplicable, leaveToExitUrl, initAutoRedirect } = exitUrlStore\nconst { documentPagePreviewURL } = useDocumentUrl()\n\nconst isSingleRequest = ref(props.processedRequests?.length === 1)\nconst signatureRequestData = ref<SignatureRequestData | null>(null)\n\nconst doDownload = async () => {\n  const val = signatureRequestData.value\n  if (!val) return\n  const req: Ref<SignatureRequestData> = computed(() => val)\n  const { downloadDocument } = useDocumentActions(req)\n  await downloadDocument(req.value.statusOverall === 'SIGNED')\n}\n\nconst info = computed(() => {\n  const numOfRequests = props.processedRequests?.length ?? 0\n\n  if (props.isSealing) {\n    return {\n      prepend: t('seal.success.header_prepend'),\n      title: t('seal.success.title'),\n      subtitle: t('seal.success.subtitle', { n: numOfRequests }, numOfRequests),\n    }\n  }\n  return {\n    prepend: t('sign.success.header_prepend'),\n    title: t('sign.success.title'),\n    subtitle: t('sign.success.subtitle', { n: numOfRequests }, numOfRequests),\n  }\n})\n\nconst onClose = async () => {\n  exitUrlStore.cancelRedirect()\n  await navigateTo({ name: 'index', query: { tab: 'toSign', refresh: 'true' } })\n  emit('close')\n}\n\n// TODO: This was more or less copied over from the old way of doing things and should be refactored\nconst signerDisplayString = (signature: SignatureData) => {\n  if (signature.signerIdentityData && Object.keys(signature.signerIdentityData).length > 0) {\n    if (signature.signerIdentityData.firstName || signature.signerIdentityData.lastName) {\n      return `${signature.signerIdentityData.firstName} ${signature.signerIdentityData.lastName}`\n    } else if (signature.signerIdentityData.emailAddress) {\n      return signature.signerIdentityData.emailAddress\n    }\n    return ''\n  } else if (signature.accountEmail.includes('@')) {\n    return signature.accountEmail\n  } else return ''\n}\n\nconst { srRepository, directSrRepository } = useApi()\n\nconst updateSignatureRequestData = async () => {\n  signatureRequestData.value = directSignSession.value\n    ? await directSrRepository.get(props.processedRequests[0])\n    : await srRepository.get(props.processedRequests[0])\n}\n\nwatchEffect(() => {\n  if (signatureRequestData.value?.id && isSingleRequest.value) {\n    initAutoRedirect(signatureRequestData.value.id)\n  }\n})\n\nonMounted(() => {\n  if (isSingleRequest.value) {\n    void updateSignatureRequestData()\n  }\n})\n\nonBeforeUnmount(() => {\n  exitUrlStore.cancelRedirect()\n})\n</script>\n\n<template>\n  <overlay-base :transition=\"false\">\n    <template #header>\n      <site-header :dismissible=\"!isSimpleUi\" :action=\"onClose\" :overlay=\"true\">\n        <template v-if=\"isSingleRequest\">\n          <strong>{{ info.prepend }}</strong>\n          {{ signatureRequestData?.title ?? '' }}\n        </template>\n      </site-header>\n    </template>\n    <v-container class=\"overlay__body\" :class=\"{ 'fill-height': $vuetify.display.mdAndUp }\">\n      <div class=\"sra\">\n        <template v-if=\"isSingleRequest && signatureRequestData\">\n          <heading :center=\"true\" :title=\"info.title\" :subtitle=\"info.subtitle\" />\n          <div class=\"sra__details\">\n            <div class=\"sra__picture\">\n              <skr-image class=\"sra__image\" :src=\"documentPagePreviewURL(signatureRequestData.documentId, 0, 20)\" />\n            </div>\n            <div class=\"sra__text\">\n              <div class=\"sra__row is-document\">\n                <strong>{{ t('global.document') }}</strong> <br />\n                {{ signatureRequestData.title }}\n              </div>\n              <div\n                v-for=\"(signature, index) in signatureRequestData.signatures\"\n                :key=\"`${signature.accountEmail}-${index}`\"\n                class=\"sra__row\"\n              >\n                <div class=\"sra__signer\">\n                  <template v-if=\"index < 3\">\n                    <strong>{{ t('global.numbered_signer', index) }}</strong>\n                  </template>\n                  <template v-else>\n                    <strong>\n                      {{ t('global.nth_signer', { n: index + 1 }) }}\n                    </strong>\n                  </template>\n                  <br />\n                  {{ signerDisplayString(signature) }}\n                </div>\n                <div class=\"sra__signer-check\" :class=\"{ 'has-not-signed': signature.statusCode === 'OPEN' }\">\n                  <icon-base\n                    v-if=\"signature.statusCode === 'SIGNED'\"\n                    name=\"checkmark-circle\"\n                    height=\"30\"\n                    width=\"30\"\n                    view-box=\"0 0 30 30\"\n                  >\n                    <icon-checkmark-circle />\n                  </icon-base>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"sra__actions\">\n            <template v-if=\"areExitUrlsApplicable([signatureRequestData.id])\">\n              <v-btn\n                v-if=\"!isSimpleUi\"\n                color=\"info\"\n                size=\"x-large\"\n                variant=\"outlined\"\n                class=\"mr-md-2 mb-4 mb-md-0\"\n                @click=\"doDownload\"\n              >\n                {{ t('global.download_document') }}\n              </v-btn>\n              <v-btn color=\"primary\" size=\"x-large\" class=\"ml-md-2\" @click=\"leaveToExitUrl\">\n                {{ t('global.next') }}\n              </v-btn>\n            </template>\n\n            <template v-else>\n              <v-btn\n                v-if=\"directSignSession\"\n                data-cy=\"viewDocumentButton\"\n                :href=\"`/view/${signatureRequestData.id}/${directSignSession.auth.username}?lang=${locale.substring(\n                  0,\n                  2\n                )}`\"\n                size=\"x-large\"\n                variant=\"outlined\"\n                color=\"info\"\n                class=\"mr-md-2 mb-4 mb-md-0\"\n              >\n                {{ t('global.view_document') }}\n              </v-btn>\n              <v-btn\n                v-else\n                data-cy=\"viewDocumentButton\"\n                :href=\"`/view/${signatureRequestData.id}`\"\n                size=\"x-large\"\n                variant=\"outlined\"\n                color=\"info\"\n                class=\"mr-md-2 mb-4 mb-md-0\"\n              >\n                {{ t('global.view_document') }}\n              </v-btn>\n\n              <v-btn size=\"x-large\" color=\"info\" class=\"ml-md-2\" @click=\"doDownload\">\n                {{ t('global.download_document') }}\n              </v-btn>\n            </template>\n          </div>\n          <div\n            v-if=\"areExitUrlsApplicable([signatureRequestData.id])\"\n            class=\"text-center\"\n            :class=\"{ 'mt-4': $vuetify.display.smAndUp }\"\n            data-cy=\"redirect_message\"\n          >\n            {{\n              t('signature_request.success.automatic_redirection', {\n                n: exitDelay,\n              })\n            }}\n          </div>\n        </template>\n        <template v-else-if=\"!isSingleRequest\">\n          <heading :center=\"true\" :title=\"info.title\" :subtitle=\"info.subtitle\" />\n          <div class=\"sra__actions\">\n            <v-btn color=\"primary\" size=\"x-large\" @click=\"onClose\">\n              {{ t('global.back_to_documents') }}\n            </v-btn>\n          </div>\n        </template>\n        <template v-else>\n          <div class=\"loading\">\n            <v-progress-circular :size=\"70\" color=\"text\" indeterminate />\n          </div>\n        </template>\n      </div>\n    </v-container>\n  </overlay-base>\n</template>\n\n<style lang=\"sass\">\n.sra\n  +center-content\n\n  &__check\n    color: $c-white\n\n    .fill\n      fill: $c-success\n\n  &__invite\n    color: $c-white\n\n    .fill\n      fill: $c-primary\n\n  &__details\n    display: flex\n    margin: (8 * $bw) 0 (15 * $bw)\n    +max-width\n      flex-direction: column\n      align-items: center\n      width: 100%\n      margin: 0 0 (7 * $bw)\n\n    strong\n      color: $c-text-alt\n\n  &__picture\n    +skribble-box-shadow\n    display: flex\n    justify-content: center\n    align-items: center\n    width: 200px\n    height: 270px\n    margin: 0 (8 * $bw)\n    border-radius: 3px\n    background-color: $c-white\n\n  &__image\n    max-width: 100%\n    max-height: 100%\n\n  &__text\n    width: 100%\n    +min-width\n      width: 80 * $bw\n    +max-width\n      margin-top: 7 * $bw\n\n  &__row\n    display: flex\n    overflow: hidden\n    text-overflow: ellipsis\n    padding: (4 * $bw) 0\n    border-bottom: 1px solid $c-border\n    &.is-document\n      display: block\n\n  &__signer\n    flex: 1 1 auto\n    max-width: calc(100% - 30px)\n    overflow: hidden\n    text-overflow: ellipsis\n\n    &-check\n      flex: 0 0 auto\n      position: relative\n      top: 7px\n      display: block\n      width: 30px\n      height: 30px\n      color: $c-white\n\n      .fill\n        fill: $c-success\n\n      &.has-not-signed\n        border: 4px solid $c-border\n        border-radius: 50%\n\n  &__actions\n    display: flex\n    +maw(sm)\n      width: 100%\n      flex-direction: column\n      .v-btn\n        width: 100%\n    +miw(sm)\n      align-items: stretch\n      margin: 0 (7 * $bw) (7 * $bw)\n\n    .v-size--large\n      min-width: 11.875rem !important\n      height: 4rem\n      font-size: 1.25rem\n      letter-spacing: .4px\n</style>\n"],"names":["_sfc_main$2","defineComponent","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","iconName","fillColor","width","_createElementBlock","_createElementVNode","props","__props","emit","__emit","t","locale","useI18n","exitUrlStore","useExitUrlStore","directSignSession","storeToRefs","useDirectSignStore","exitDelay","areExitUrlsApplicable","leaveToExitUrl","initAutoRedirect","documentPagePreviewURL","useDocumentUrl","isSingleRequest","ref","_a","signatureRequestData","doDownload","val","req","computed","downloadDocument","useDocumentActions","info","numOfRequests","_b","onClose","navigateTo","signerDisplayString","signature","srRepository","directSrRepository","useApi","updateSignatureRequestData","watchEffect","onMounted","onBeforeUnmount"],"mappings":"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"}