{"version":3,"file":"CwQGZrDx.js","sources":["../../../../../../../app/pages/account/register/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// validation\nimport { defineRule, useField, useForm } from 'vee-validate';\nimport { email, required } from '@vee-validate/rules';\n\n// validation rules\ndefineRule('email', email);\ndefineRule('required', required);\n\ndefinePageMeta({\n  layout: 'simple',\n});\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst localePath = useLocalePath();\nconst route = useRoute();\nconst userService = useUserService();\nconst userStore = useUserStore();\nconst { $gettext, $pgettext, interpolate } = useGettext();\nconst { locale } = useI18n();\nconst { i18nMarketingSignupLabel, i18nTermsOfUseLink } = useI18nMeta();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst loading = ref(false);\nconst error = ref(null);\nconst success = ref(null);\n\n// form\nconst { validate } = useForm({\n  validationSchema: {\n    email: 'required|email',\n    password: 'required',\n    marketingSignup: '',\n  },\n});\n\nconst { value: emailValue, errorMessage: emailError } = useField<string>('email');\nconst { value: passwordValue, errorMessage: passwordError } = useField<string>('password');\nconst { value: marketingSignupValue } = useField<boolean>('marketingSignup');\n\nconst i18nGetPasswordLabel = computed(() => {\n  return $gettext('Password');\n});\n\nconst i18nGetEmailLabel = computed(() => {\n  return $gettext('E-Mail');\n});\n\nconst i18nGetRegisterButtonLabel = computed(() => {\n  return loading.value ? $gettext('Please wait…') : $pgettext('Account form button', 'Create account');\n});\n\nconst i18nGetSignInText = computed(() => {\n  return $gettext('Sign in instead!');\n});\n\nconst i18PrivacyPolicyLink = computed(() => {\n  const text = $pgettext('Terms of Use Link Text', 'privacy policy');\n  const link = $pgettext('Terms of Use Link URL', 'https://en.camping.info/privacy');\n  return `<a href=\"${link}\" class=\"whitespace-nowrap\" target=\"_blank\" rel=\"noopener\">${text}</a>`;\n});\n\nconst finished = computed(() => {\n  return success.value !== null;\n});\n\n/********************\n * FUNCTIONS         *\n ********************/\n\nasync function submit() {\n  const { valid } = await validate();\n  if (!valid) {\n    return false;\n  }\n\n  success.value = null;\n  error.value = null;\n  loading.value = true;\n\n  // we need to use the window.location, since vue-router has no option to get the origin\n  userService\n    .register(locale.value, { email: emailValue.value, password: passwordValue.value, marketing_signup: marketingSignupValue.value, insider_uid: userStore.insiderUid || null })\n    .then(async (res: any) => {\n      if (res !== null) {\n        const successMsg = $gettext(\n          'Your account has been created! Please activate your account using the instructions we just sent to you (%{email}).',\n        );\n        success.value = interpolate(successMsg, { email: emailValue.value });\n\n        // user will be logged in by default after registering a new account (1 month period)\n        await userStore.saveToken({\n          token: res.key,\n          persistence: false,\n        });\n\n        userStore.init(locale.value);\n\n        loading.value = false;\n      }\n    })\n    .catch((err) => {\n      loading.value = false;\n      if (err?.response?._data) {\n        error.value = err.response._data;\n      }\n    });\n\n  return true;\n}\n\nfunction finish() {\n  if (success.value !== null) {\n    return navigateTo(localePath({ name: 'index', query: route.query }));\n  }\n}\n\nfunction onMarketingSignupClicked(payload: boolean) {\n  marketingSignupValue.value = payload;\n}\n</script>\n\n<template>\n  <client-only>\n    <section class=\"mx-auto w-full max-w-[480px] px-4 py-0\">\n      <transition\n        name=\"slide-fade\"\n        appear\n      >\n        <div>\n          <h1 class=\"mb-6 text-xl\">\n            {{ $pgettext('Account form title', 'Create a new account') }}\n          </h1>\n\n          <CiSocialLogin />\n\n          <form @submit.prevent=\"submit\">\n            <InputTextfield\n              id=\"email\"\n              v-model=\"emailValue\"\n              :label=\"i18nGetEmailLabel\"\n              :class=\"{\n                hidden: finished,\n              }\"\n              :error=\"!!emailError\"\n              type=\"email\"\n              inverted\n              name=\"email\"\n            />\n\n            <InputTextfield\n              id=\"password\"\n              v-model=\"passwordValue\"\n              :label=\"i18nGetPasswordLabel\"\n              :class=\"{\n                hidden: finished,\n              }\"\n              :error=\"!!passwordError\"\n              :password-toggle=\"true\"\n              name=\"password\"\n              type=\"password\"\n              autocomplete=\"on\"\n              inverted\n            >\n              <CiPasswordMeter\n                class=\"absolute right-0 top-[7px]\"\n                :text=\"passwordValue\"\n              />\n            </InputTextfield>\n\n            <InputCheckbox\n              id=\"marketingSignup\"\n              :allow-html=\"true\"\n              :label=\"i18nMarketingSignupLabel\"\n              :class=\"{\n                hidden: finished,\n              }\"\n              :value=\"marketingSignupValue\"\n              name=\"marketingSignup\"\n              @input=\"onMarketingSignupClicked\"\n            />\n\n            <CiInfoPanel\n              :condition=\"error !== null\"\n              type=\"danger\"\n            >\n              <CiDjangoErrorMessages :errors=\"error\" />\n            </CiInfoPanel>\n            <CiInfoPanel\n              :condition=\"success !== null\"\n              :text=\"success\"\n              type=\"success\"\n            />\n\n            <CiButton\n              :disabled=\"loading\"\n              :class=\"[loading ? 'button--disabled' : 'button--primary', { hidden: finished }]\"\n              class=\"button icon-absolute w-full\"\n              type=\"submit\"\n            >\n              <span>{{ i18nGetRegisterButtonLabel }}</span>\n            </CiButton>\n\n            <CiButton\n              :class=\"{\n                hidden: !finished,\n              }\"\n              class=\"button button--primary icon-absolute w-full\"\n              @click=\"finish\"\n            >\n              <span>{{ $pgettext('Account form button', 'Close') }}</span>\n            </CiButton>\n\n            <div\n              :class=\"{ hidden: finished }\"\n              class=\"my-4 text-center text-sm\"\n            >\n              <p\n                v-html=\"\n                  $gettext(\n                    'With the registration I accept the current %{termsLink}. I have read and understood the %{privacyLink}.',\n                    { termsLink: i18nTermsOfUseLink, privacyLink: i18PrivacyPolicyLink },\n                    true,\n                  )\n                \"\n              />\n            </div>\n\n            <div\n              :class=\"{ hidden: finished }\"\n              class=\"mt-4 text-center text-sm\"\n            >\n              <span>{{ $gettext('Already have an account?') }}</span>&nbsp;\n              <nuxt-link :to=\"localePath({ name: RBN_LOGIN, query: route.query })\">\n                {{ i18nGetSignInText }}\n              </nuxt-link>\n            </div>\n          </form>\n        </div>\n      </transition>\n    </section>\n  </client-only>\n</template>\n\n<style></style>\n"],"names":["defineRule","email","required","localePath","useLocalePath","route","useRoute","userService","useUserService","userStore","useUserStore","$gettext","$pgettext","interpolate","useGettext","locale","useI18n","i18nMarketingSignupLabel","i18nTermsOfUseLink","useI18nMeta","loading","ref","error","success","validate","useForm","emailValue","emailError","useField","passwordValue","passwordError","marketingSignupValue","i18nGetPasswordLabel","computed","i18nGetEmailLabel","i18nGetRegisterButtonLabel","i18nGetSignInText","i18PrivacyPolicyLink","text","finished","submit","valid","res","successMsg","err","_a","finish","navigateTo","onMarketingSignupClicked","payload"],"mappings":"ylCAMAA,EAAW,QAASC,EAAK,EACzBD,EAAW,WAAYE,EAAQ,EAS/B,MAAMC,EAAaC,GAAc,EAC3BC,EAAQC,GAAS,EACjBC,EAAcC,GAAe,EAC7BC,EAAYC,GAAa,EACzB,CAAE,SAAAC,EAAU,UAAAC,EAAW,YAAAC,CAAA,EAAgBC,GAAW,EAClD,CAAE,OAAAC,CAAO,EAAIC,GAAQ,EACrB,CAAE,yBAAAC,EAA0B,mBAAAC,CAAmB,EAAIC,GAAY,EAK/DC,EAAUC,EAAI,EAAK,EACnBC,EAAQD,EAAI,IAAI,EAChBE,EAAUF,EAAI,IAAI,EAGlB,CAAE,SAAAG,CAAS,EAAIC,GAAQ,CAC3B,iBAAkB,CAChB,MAAO,iBACP,SAAU,WACV,gBAAiB,EAAA,CACnB,CACD,EAEK,CAAE,MAAOC,EAAY,aAAcC,CAAW,EAAIC,EAAiB,OAAO,EAC1E,CAAE,MAAOC,EAAe,aAAcC,CAAc,EAAIF,EAAiB,UAAU,EACnF,CAAE,MAAOG,GAAyBH,EAAkB,iBAAiB,EAErEI,EAAuBC,EAAS,IAC7BtB,EAAS,UAAU,CAC3B,EAEKuB,EAAoBD,EAAS,IAC1BtB,EAAS,QAAQ,CACzB,EAEKwB,EAA6BF,EAAS,IACnCb,EAAQ,MAAQT,EAAS,cAAc,EAAIC,EAAU,sBAAuB,gBAAgB,CACpG,EAEKwB,EAAoBH,EAAS,IAC1BtB,EAAS,kBAAkB,CACnC,EAEK0B,EAAuBJ,EAAS,IAAM,CACpC,MAAAK,EAAO1B,EAAU,yBAA0B,gBAAgB,EAE1D,MAAA,YADMA,EAAU,wBAAyB,iCAAiC,CAC1D,8DAA8D0B,CAAI,MAAA,CAC1F,EAEKC,EAAWN,EAAS,IACjBV,EAAQ,QAAU,IAC1B,EAMD,eAAeiB,GAAS,CACtB,KAAM,CAAE,MAAAC,GAAU,MAAMjB,EAAS,EACjC,OAAKiB,GAILlB,EAAQ,MAAQ,KAChBD,EAAM,MAAQ,KACdF,EAAQ,MAAQ,GAIbb,EAAA,SAASQ,EAAO,MAAO,CAAE,MAAOW,EAAW,MAAO,SAAUG,EAAc,MAAO,iBAAkBE,EAAqB,MAAO,YAAatB,EAAU,YAAc,KAAM,EAC1K,KAAK,MAAOiC,GAAa,CACxB,GAAIA,IAAQ,KAAM,CAChB,MAAMC,EAAahC,EACjB,oHACF,EACAY,EAAQ,MAAQV,EAAY8B,EAAY,CAAE,MAAOjB,EAAW,MAAO,EAGnE,MAAMjB,EAAU,UAAU,CACxB,MAAOiC,EAAI,IACX,YAAa,EAAA,CACd,EAESjC,EAAA,KAAKM,EAAO,KAAK,EAE3BK,EAAQ,MAAQ,EAAA,CAClB,CACD,EACA,MAAOwB,GAAQ,OACdxB,EAAQ,MAAQ,IACZyB,EAAAD,GAAA,YAAAA,EAAK,WAAL,MAAAC,EAAe,QACXvB,EAAA,MAAQsB,EAAI,SAAS,MAC7B,CACD,EAEI,IAnCE,EAmCF,CAGT,SAASE,GAAS,CACZ,GAAAvB,EAAQ,QAAU,KACb,OAAAwB,GAAW5C,EAAW,CAAE,KAAM,QAAS,MAAOE,EAAM,KAAM,CAAC,CAAC,CACrE,CAGF,SAAS2C,EAAyBC,EAAkB,CAClDlB,EAAqB,MAAQkB,CAAA"}