{"version":3,"file":"JobApply.bMznYdn7.js","sources":["../../../../views/career/JobApply.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { validateNotEmpty, validateEmail } from '@mop/shared/utils/validationRules';\nimport { scrollToPosition } from '@mop/shared/utils/util';\nimport type { UiNotificationStatuses } from '@mop/ui2';\nimport type { Alternate, SeoBreadcrumb } from '@/types/cms';\nimport { isNumber } from '@/utils/util';\n\ndefineOptions({\n  name: 'JobApply',\n});\n\nconst { $gtm, $mopI18n, $urls, $storyblokLivePreview } = useNuxtApp();\nconst classNameRef = ref(['']);\nconst loadingRef = ref(false);\nconst route = useRoute();\nconst router = useRouter();\nconst { getCmsStory, trackPageView, cmsStoryModelRef, loadingRef: loadingCms } = useMopCms();\nconst { initTransition } = useMopPageTransitionClient();\nconst { fetchJob, jobItemRef, sendApplication, getJobIdFromPath, statusModelRef } = useMopJob();\nconst { getHeadObject, getAlternatesFromStory, setAlternates, getBreadcrumbSchema } = useMopSeo();\nconst jobId = getJobIdFromPath(route.params.jobId as string);\ninitTransition(classNameRef, loadingCms);\n\nconst notificationMessageRef = ref('');\nconst notificationTypeRef = ref<UiNotificationStatuses>('success');\nconst formEl = ref();\nconst formStateRef = ref({\n  formData: {\n    firstName: '',\n    lastName: '',\n    preferredName: '',\n    email: '',\n    phone: '',\n    files: undefined,\n    additionalFiles: undefined,\n  },\n});\nconst maxSizeMB = 5;\nconst maxSize = maxSizeMB * 1024 * 1024;\nconst rules = {\n  validatePhone: (value: any) =>\n    /[<>]/g.test(value) === false ||\n    cmsStoryModelRef.value.getAttribute('errorPhone') ||\n    $mopI18n.t('locale.validate.phone'),\n  validateAlphabets: (value: any) =>\n    /^[\\p{L} \\-']+$/giu.test(value.trim()) ||\n    cmsStoryModelRef.value.getAttribute('errorNotValid') ||\n    $mopI18n.t('locale.validate.not_valid'),\n  validateNotEmpty: (value: any) =>\n    validateNotEmpty(value) ||\n    cmsStoryModelRef.value.getAttribute('errorRequired') ||\n    $mopI18n.t('locale.validate.required'),\n  validateEmail: (value: string) =>\n    validateEmail(value) || cmsStoryModelRef.value.getAttribute('errorEmail') || $mopI18n.t('locale.validate.email'),\n  validateFileCount: (value: FileList) => {\n    if (!value?.length) {\n      return cmsStoryModelRef.value.getAttribute('errorRequired') || $mopI18n.t('locale.validate.required');\n    }\n    return (\n      value.length === 1 ||\n      cmsStoryModelRef.value.getAttribute('errorMaxFileCount') ||\n      $mopI18n.t('locale.validate.max_file_count')\n    );\n  },\n  validateAdditionalFileCount: (value: FileList) => {\n    return (\n      !value ||\n      value.length <= 10 ||\n      cmsStoryModelRef.value.getAttribute('errorMaxFileCount') ||\n      $mopI18n.t('locale.validate.max_file_count')\n    );\n  },\n  validateCVFileSize: (value: FileList) => {\n    if (!value) {\n      return true;\n    }\n    const remainingSize = Array.from<File>(formStateRef.value.formData.files ?? []).reduce((remainingKB, file) => {\n      remainingKB -= file.size;\n\n      return remainingKB;\n    }, maxSize);\n\n    if (remainingSize <= 0) {\n      return (\n        cmsStoryModelRef.value.getAttribute('errorMaxFileSize').replace('{0}', `${maxSizeMB}MB`) ||\n        $mopI18n.t('locale.validate.max_file_size', [`${maxSizeMB}MB`])\n      );\n    }\n    return true;\n  },\n  validateOtherFileSize: (value: FileList) => {\n    if (!value) {\n      return true;\n    }\n    const remainingSizeFromCV = Array.from<File>(formStateRef.value.formData.files ?? []).reduce(\n      (remainingKB, file) => {\n        remainingKB -= file.size;\n\n        return remainingKB;\n      },\n      maxSize,\n    );\n\n    const remainingSize = Array.from<File>(formStateRef.value.formData.additionalFiles ?? []).reduce(\n      (remainingKB, file) => {\n        remainingKB -= file.size;\n\n        return remainingKB;\n      },\n      remainingSizeFromCV,\n    );\n\n    if (remainingSize <= 0) {\n      if (remainingSizeFromCV < 0) {\n        return (\n          cmsStoryModelRef.value.getAttribute('errorMaxFileSize').replace('{0}', '') ||\n          $mopI18n.t('locale.validate.max_file_size', [''])\n        );\n      }\n      const remainingSizeFormatted =\n        remainingSizeFromCV < 1024 * 1024\n          ? (remainingSizeFromCV / 1024).toFixed(0) + 'KB'\n          : (remainingSizeFromCV / 1024 / 1024).toFixed(1) + 'MB';\n      return (\n        cmsStoryModelRef.value.getAttribute('errorMaxFileSize').replace('{0}', remainingSizeFormatted) ||\n        $mopI18n.t('locale.validate.max_file_size', [remainingSizeFormatted])\n      );\n    }\n    return true;\n  },\n  validateFileType: (value: FileList) => {\n    if (!value) {\n      return true;\n    }\n    if (Array.from(value).some((file: File) => file.name.endsWith('pdf') === false)) {\n      return cmsStoryModelRef.value.getAttribute('errorFileType') || $mopI18n.t('locale.validate.file_type');\n    }\n    return true;\n  },\n};\n\nasync function handleSubmit() {\n  loadingRef.value = true;\n  formStateRef.value.formData.email = formStateRef.value.formData.email.trim();\n\n  const payload = new FormData(formEl.value.$el);\n  payload.append('vacancyId', jobId);\n  payload.delete('files-temp[]');\n  for (const file of formStateRef.value.formData.files! as FileList) {\n    payload.append('files[]', file);\n  }\n  payload.delete('additional-files-temp[]');\n  if (formStateRef.value.formData?.additionalFiles) {\n    for (const file of formStateRef.value.formData.additionalFiles as FileList) {\n      payload.append('additionalFiles[]', file);\n    }\n  }\n\n  await sendApplication(payload);\n  const result: any = statusModelRef.value.getResult();\n  if (!isNumber(result) || statusModelRef.value.hasError()) {\n    const tranlationKey = `locale.externalJobErrors.${result}`;\n    notificationMessageRef.value =\n      result && $mopI18n.te(tranlationKey)\n        ? $mopI18n.t(tranlationKey)\n        : result || cmsStoryModelRef.value.getAttribute('errorSubmit') || $mopI18n.t('locale.jobs.post_error');\n    notificationTypeRef.value = 'error';\n    scrollToPosition(0);\n  } else {\n    $gtm.trackEvent({\n      eventName: 'purchase',\n      customValue: {\n        affiliation: 'manual',\n        transaction_id: String(result),\n        items: [jobItemRef.value.getGtmTrackData()],\n      },\n    });\n    await router.push($mopI18n.localePath(`${$urls.CAREER_THANK_YOU_PAGE}?jobId=${jobId}`));\n  }\n  loadingRef.value = false;\n}\n\nconst metaData = computed(() => {\n  const careerLink: string = $mopI18n.localePath($urls.CAREER);\n  const startCreatingLink: string = $mopI18n.localePath($urls.CAREER_START_CREATING);\n  const ourJobsLink: string = $mopI18n.localePath($urls.CAREER_PAGE);\n  const title: string = jobItemRef.value.getTitle();\n  const description: string = cmsStoryModelRef?.value.getSeo()?.description?.replace('{job-title}', title) || title;\n  const isIndexable = true;\n  const canonical = useRoute().path;\n  let alternates: Alternate[] = getAlternatesFromStory(cmsStoryModelRef.value);\n  alternates = alternates.map((alternate: Alternate) => {\n    const hrefSplit: string[] = alternate.href.split('/');\n    const href = `${hrefSplit.join('/')}/${jobItemRef.value.getUrl()}`;\n    return {\n      href,\n      lang: alternate.lang,\n    };\n  });\n  setAlternates(alternates);\n\n  const breadcrumbs: SeoBreadcrumb[] = [\n    {\n      name: $mopI18n.t('locale.blog.name_career'),\n      url: careerLink,\n    },\n    {\n      name: $mopI18n.t('locale.jobs.start_creating_with_us'),\n      url: startCreatingLink,\n    },\n    {\n      name: $mopI18n.t('locale.jobs.search_button'),\n      url: ourJobsLink,\n    },\n    {\n      name: title,\n      url: route.path,\n    },\n  ];\n  const ogDescription: string = jobItemRef.value.getDescription1();\n  const ogImage: string = cmsStoryModelRef?.value.getAttribute('ogImage');\n  const headObject = getHeadObject({\n    title,\n    description,\n    isIndexable,\n    canonical,\n    alternates,\n    ogDescription,\n    ogImage,\n  });\n\n  return { ...headObject, ...getBreadcrumbSchema(breadcrumbs) };\n});\n\nonMounted(async () => {\n  const language = await fetchJob(jobId);\n  await getCmsStory('/career/start-creating-with-us/our-jobs/apply', {\n    language: language || 'default',\n  });\n  if (!jobItemRef.value.getId() && !$storyblokLivePreview.isEnabledInIframe) {\n    throw createError({\n      statusCode: 404,\n      message: 'NOT_FOUND',\n    });\n  } else {\n    trackPageView('Career');\n    $gtm.trackEvent({\n      eventName: 'begin_checkout',\n      customValue: {\n        items: [jobItemRef.value.getGtmTrackData()],\n      },\n    });\n  }\n});\n\n$storyblokLivePreview.initStoryListener('Storyblok', cmsStoryModelRef);\n\nuseHead(metaData);\n</script>\n\n<template>\n  <div :class=\"['job-apply', 'transition', ...classNameRef]\">\n    <MopPageLoad :class=\"classNameRef\" />\n\n    <div class=\"transition-content\">\n      <Ui2Notification v-if=\"notificationMessageRef\" :status=\"notificationTypeRef\" type=\"primary\" show-icon>{{\n        notificationMessageRef\n      }}</Ui2Notification>\n\n      <MopCmsContentElementsSlot\n        id=\"job-apply__content-top\"\n        class=\"job-apply__content-top\"\n        no-padding\n        :elements=\"cmsStoryModelRef.getContentElements('bodyTop')\"\n      />\n\n      <h2 class=\"job-apply__subline\">\n        <NuxtLink\n          class=\"job-apply__link-to-job\"\n          :to=\"$mopI18n.localePath(`${$urls.CAREER_PAGE}/${jobItemRef.getUrl()}`)\"\n          no-prefetch\n        >\n          {{ jobItemRef.getTitle() }}\n        </NuxtLink>\n      </h2>\n\n      <Ui2Form ref=\"formEl\" class=\"job-apply__form\" long @submit=\"handleSubmit\">\n        <div class=\"job-apply__subline\">\n          {{ cmsStoryModelRef.getAttribute('titlePersonalData') || $mopI18n.t('locale.jobs.personal_details') }}\n        </div>\n\n        <Ui2TextFieldInput\n          id=\"first-name\"\n          v-model=\"formStateRef.formData.firstName\"\n          name=\"first-name\"\n          :label=\"cmsStoryModelRef.getAttribute('firstName') || $mopI18n.t('locale.contact.label.first_name')\"\n          floating\n          :rules=\"[rules.validateNotEmpty, rules.validateAlphabets]\"\n          required\n          autocomplete=\"given-name\"\n        />\n\n        <Ui2TextFieldInput\n          id=\"last-name\"\n          v-model=\"formStateRef.formData.lastName\"\n          name=\"last-name\"\n          :label=\"cmsStoryModelRef.getAttribute('lastName') || $mopI18n.t('locale.contact.label.last_name')\"\n          floating\n          :rules=\"[rules.validateNotEmpty, rules.validateAlphabets]\"\n          required\n          autocomplete=\"family-name\"\n        />\n\n        <Ui2TextFieldInput\n          id=\"preferred-name\"\n          v-model=\"formStateRef.formData.preferredName\"\n          name=\"preferred-name\"\n          :label=\"cmsStoryModelRef.getAttribute('preferredName') || $mopI18n.t('locale.contact.label.preferred_name')\"\n          floating\n          :rules=\"[rules.validateNotEmpty, rules.validateAlphabets]\"\n          required\n          autocomplete=\"preferred-name\"\n        />\n\n        <Ui2TextFieldInput\n          id=\"email\"\n          v-model=\"formStateRef.formData.email\"\n          name=\"email\"\n          type=\"email\"\n          :label=\"cmsStoryModelRef.getAttribute('email') || $mopI18n.t('locale.contact.label.email')\"\n          floating\n          :rules=\"[rules.validateNotEmpty, rules.validateEmail]\"\n          required\n          autocomplete=\"email\"\n        />\n\n        <Ui2TextFieldInput\n          id=\"phone\"\n          v-model=\"formStateRef.formData.phone\"\n          name=\"phone\"\n          type=\"phone\"\n          :label=\"cmsStoryModelRef.getAttribute('phone') || $mopI18n.t('locale.contact.label.phone')\"\n          floating\n          :rules=\"[rules.validateNotEmpty, rules.validatePhone]\"\n          required\n          autocomplete=\"tel\"\n        />\n        <div class=\"job-apply__form-group\">\n          <div class=\"job-apply__form-label\">\n            {{ cmsStoryModelRef.getAttribute('titleUploadFile') || $mopI18n.t('locale.jobs.upload_file') }}\n          </div>\n          <Ui2FileUpload\n            id=\"files\"\n            v-model=\"formStateRef.formData.files\"\n            name=\"files-temp[]\"\n            :rules=\"[rules.validateFileCount, rules.validateFileType, rules.validateCVFileSize]\"\n            accept=\".pdf\"\n            :localisation=\"{\n              click_to_upload: cmsStoryModelRef.getAttribute('uploadFileCta'),\n              drag_content: cmsStoryModelRef.getAttribute('uploadFileCtaAdditional'),\n              drag_document_here: cmsStoryModelRef.getAttribute('uploadFileCtaDrag'),\n              unsupported_file: cmsStoryModelRef.getAttribute('uploadFileUnsupportedFile'),\n            }\"\n          />\n        </div>\n        <div class=\"job-apply__form-group\">\n          <div class=\"job-apply__form-label\">\n            {{\n              cmsStoryModelRef.getAttribute('titleUploadAdditionalFiles') ||\n              $mopI18n.t('locale.jobs.upload_file_additional')\n            }}\n          </div>\n          <Ui2FileUpload\n            id=\"filesOther\"\n            v-model=\"formStateRef.formData.additionalFiles\"\n            name=\"additional-files-temp[]\"\n            :rules=\"[rules.validateAdditionalFileCount, rules.validateFileType, rules.validateOtherFileSize]\"\n            accept=\".pdf\"\n            multiple\n            :localisation=\"{\n              click_to_upload: cmsStoryModelRef.getAttribute('uploadFileCta'),\n              drag_content: cmsStoryModelRef.getAttribute('uploadFileCtaAdditional'),\n              drag_document_here: cmsStoryModelRef.getAttribute('uploadFileCtaDrag'),\n              unsupported_file: cmsStoryModelRef.getAttribute('uploadFileUnsupportedFile'),\n            }\"\n          />\n        </div>\n        <div class=\"job-apply__form-group\">\n          <Ui2Button\n            :label=\"cmsStoryModelRef.getAttribute('cta') || $mopI18n.t('locale.jobs.submit')\"\n            :disabled=\"loadingRef\"\n            :loading=\"loadingRef\"\n            html-type=\"submit\"\n            size=\"lg\"\n          />\n        </div>\n        <div class=\"job-apply__form-group\">\n          <Ui2Button\n            :label=\"cmsStoryModelRef.getAttribute('goBack') || $mopI18n.t('locale.jobs.go_back')\"\n            type=\"ghost\"\n            icon-start=\"arrow-left\"\n            html-type=\"link\"\n            :to=\"$mopI18n.localePath(`${$urls.CAREER_PAGE}/${jobItemRef.getUrl()}`)\"\n            size=\"lg\"\n            full-width\n          />\n        </div>\n      </Ui2Form>\n\n      <MopCmsContentElementsSlot\n        id=\"job-apply__content-bottom\"\n        class=\"job-apply__content-bottom\"\n        no-padding\n        :elements=\"cmsStoryModelRef.getContentElements('bodyBottom')\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.job-apply {\n  padding: 0 $global-padding;\n  max-width: 470px;\n  margin: 0 auto;\n}\n.job-apply__content-top {\n  text-wrap: nowrap;\n\n  @include v2-apply-upto('mobile') {\n    text-wrap: wrap;\n  }\n}\n\n.job-apply__form {\n  display: flex;\n  flex-direction: column;\n  gap: $space-12;\n  margin-top: $space-24;\n}\n\n.job-apply__subline {\n  @include v2-text-style(sm, highlight);\n  padding: 0;\n  margin: 0;\n}\n\n.job-apply__form-group {\n  display: flex;\n  flex-direction: column;\n  gap: $space-12;\n  margin-top: $space-12;\n}\n\n.job-apply__form-label {\n  @include v2-text-style(sm, highlight);\n}\n\n.job-apply__link-to-job {\n  @include v2-text-style(sm, highlight);\n}\n\n.job-apply__notification {\n  margin: 0 $global-padding;\n}\n\n.job-apply__content-bottom {\n  margin: $space30 0;\n}\n</style>\n"],"names":["maxSizeMB","$gtm","$mopI18n","$urls","$storyblokLivePreview","useNuxtApp","classNameRef","ref","loadingRef","route","useRoute","router","useRouter","getCmsStory","trackPageView","cmsStoryModelRef","loadingCms","useMopCms","initTransition","useMopPageTransitionClient","fetchJob","jobItemRef","sendApplication","getJobIdFromPath","statusModelRef","useMopJob","getHeadObject","getAlternatesFromStory","setAlternates","getBreadcrumbSchema","useMopSeo","jobId","notificationMessageRef","notificationTypeRef","formEl","formStateRef","maxSize","rules","value","validateNotEmpty","validateEmail","remainingKB","file","remainingSizeFromCV","remainingSizeFormatted","handleSubmit","payload","_a","result","isNumber","tranlationKey","scrollToPosition","metaData","computed","careerLink","startCreatingLink","ourJobsLink","title","description","_b","isIndexable","canonical","alternates","alternate","breadcrumbs","ogDescription","ogImage","onMounted","language","createError","useHead"],"mappings":"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"}