{"version":3,"file":"C3twqpXT.js","sources":["../../../../pages/register.vue"],"sourcesContent":["<template>\n  <div\n    class=\"w-full mt-4 lg:mt-24 flex flex-col justify-center items-center md:max-w-6xl px-4 md:px-8\"\n  >\n    <Transition name=\"slide-fade\" mode=\"out-in\">\n      <ScreenSuccess v-if=\"isSuccessVisible\">\n        <template #heading>\n          <h2 class=\"text-white text-2xl font-semibold leading-8\">\n            Account created!\n          </h2>\n        </template>\n        <template #text>\n          <p class=\"text-dark4 text-base leading-6 text-center\">\n            Thanks for creating your account. Due to the sensitive nature of the\n            mVDP, we will manually validate your program VDP text inclusion to\n            fully activate your account. Meantime, you can log in into your\n            vendor portal using the following link.\n          </p>\n        </template>\n        <template #cta>\n          <BaseLink to=\"/vdp/login\" class=\"text-primary text-base leading-6\"\n            >Got it</BaseLink\n          >\n        </template>\n      </ScreenSuccess>\n      <VendorCreateForm v-else @account-created=\"showSuccessScreen\" />\n    </Transition>\n  </div>\n</template>\n<script setup lang=\"ts\">\n  import { useSuccessScreen } from '@/composables';\n\n  definePageMeta({\n    layout: 'create-account'\n  });\n  useSeoMeta({\n    title: 'Create vendor account'\n  });\n\n  const { isSuccessVisible, showSuccessScreen } = useSuccessScreen();\n</script>\n<style scoped lang=\"scss\">\n  .slide-fade-enter-active {\n    transition: all 0.3s ease;\n  }\n\n  .slide-fade-leave-active {\n    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\n  }\n\n  .slide-fade-enter,\n  .slide-fade-leave-to {\n    transform: translateX(10px);\n    opacity: 0;\n  }\n</style>\n"],"names":["useHead","isSuccessVisible","showSuccessScreen","useSuccessScreen"],"mappings":"2oCAmCaA,EAAA,CAAA,MAAA,uBAAA,CAEV,EAED,KAAA,CAAA,iBAAAC,EAAA,kBAAAC,CAAA,EAAAC,EAAA"}