{"version":3,"file":"index-aec32b5c.js","sources":["../../src/overlay/components/modals/auth/Signup/data.ts","../../src/overlay/components/modals/auth/Signup/SignupSteps/useStepEmits.ts","../../src/overlay/components/modals/auth/Signup/SignupSteps/SignupCharacterUsernameStep.vue","../../src/overlay/components/modals/auth/Signup/SignupSteps/SignupEmailStep.vue","../../src/overlay/coreComponents/PasswordInput.vue","../../src/overlay/components/modals/auth/Signup/SignupSteps/SignupPasswordStep.vue","../../src/overlay/components/modals/auth/Signup/SignupSteps/SignupReferralStep.vue","../../src/overlay/components/modals/auth/Signup/SignupSteps/SignupTopupStep.vue","../../src/overlay/components/modals/auth/Signup/SignupSteps/SignupDownloadStep.vue","../../src/overlay/components/modals/auth/Signup/SignupSteps/index.ts"],"sourcesContent":["import { rpcHttpKey } from \"@uicomps/common/helpers\";\nimport { reactive, ref } from \"vue\";\nimport { i18n } from \"@overlay/plugins/i18n\";\n\nexport enum EmailCodeType {\n  PasswordReset,\n  EmailVerification,\n}\nexport async function isCodeValid(\n  email: string,\n  code: string,\n  codeType?: EmailCodeType,\n) {\n  return await rpcHttpKey(\"UserIsCodeValid\", {\n    email,\n    code,\n    codeType,\n  });\n}\nexport async function isReferralCodeValid(\n  code: string,\n): Promise<boolean | null> {\n  return await isCodeValid(signupData.email, code);\n}\nexport const signupDataDirty = reactive({\n  email: ref(\"\"),\n  referralCode: ref(\"\"),\n});\nexport const signupData = reactive({\n  selectedCharacter: ref(\"0xDEF\"),\n  username: ref(\"\"),\n  email: ref(\"\"),\n  password: ref(\"\"),\n  referralCode: ref(\"\"),\n  emailVerificationCode: ref(\"\"),\n});\nexport function getFormattedSignupData() {\n  const data = JSON.parse(JSON.stringify(signupData));\n  data.referralCode =\n    new URLSearchParams(window.location.search).get(\"campaign\") ||\n    data.referralCode.toString().toLowerCase();\n  data.campaign = new URLSearchParams(window.location.search).get(\"campaign\");\n  data.locale = i18n.global.locale.value;\n  console.log({ data });\n  return data;\n}\nexport const signedUpUserId = ref(\"\");\n\nexport const carouselAddresses = [\n  \"0xDEF\",\n  \"0xDEFFemaleA\",\n  \"0xDEFMaleA\",\n  \"0xDEFFemaleB\",\n  \"0xDEFMaleB\",\n  \"0xDEFFemaleC\",\n  \"0xDEFMaleC\",\n  \"0x98F846D92D3f36723E8c35e2fF437130281D9bD5\",\n];\n\nexport const unavailableCarouselAddresses = [\n  \"0x98F846D92D3f36723E8c35e2fF437130281D9bD5\",\n];\n\nexport function isCharacterAvailable(characterAddress: string): boolean {\n  return !unavailableCarouselAddresses.includes(characterAddress);\n}\n","import { getCurrentInstance } from \"vue\";\n\nexport default function useStepEmits() {\n  const instance = getCurrentInstance();\n  const emitStepCompleted = (isStepComplete: boolean) => {\n    instance?.emit(\"stepComplete\", {\n      isStepComplete,\n      stepName: instance?.type.__name,\n    });\n  };\n  const emitStepLoading = (isStepLoading: boolean) => {\n    instance?.emit(\"stepLoading\", {\n      isStepLoading,\n      stepName: instance?.type.__name,\n    });\n  };\n  return { emitStepCompleted, emitStepLoading };\n}\n","<script setup lang=\"ts\">\nimport { rpcHttpKey } from \"@uicomps/common/helpers\";\nimport { computed, ref } from \"vue\";\nimport { carouselAddresses, signupData, isCharacterAvailable } from \"../data\";\nimport useStepEmits from \"./useStepEmits\";\nimport InfoTip from \"./InfoTip.vue\";\nimport { useI18n } from \"vue-i18n\";\ndefineEmits([\"stepComplete\", \"stepLoading\"]);\n\nconst { emitStepCompleted, emitStepLoading } = useStepEmits();\n// const isUsernameAvailable = ref(false);\nconst hasError = ref(false);\nconst errorText = ref(\"\");\nconst { t } = useI18n();\n\nconst selectedCarouselIndex = ref(0);\nconst safeNextCarouselIndex = computed(() => {\n  if (selectedCarouselIndex.value + 1 === carouselAddresses.length) {\n    return 0;\n  }\n  return selectedCarouselIndex.value + 1;\n});\nconst safePreviousCarouselIndex = computed(() => {\n  if (selectedCarouselIndex.value === 0) {\n    return carouselAddresses.length - 1;\n  }\n  return selectedCarouselIndex.value - 1;\n});\n\nfunction setSelectedIndex(index: number) {\n  selectedCarouselIndex.value = index;\n  signupData.selectedCharacter = carouselAddresses[index];\n}\n\nlet checkedUsernames = {};\nlet checkUsernameAvailabilityTimeout;\nfunction handleInput() {\n  hasError.value = false;\n  emitStepCompleted(false);\n  clearTimeout(checkUsernameAvailabilityTimeout);\n\n  let isUsernameAvailable = checkedUsernames[signupData.username];\n  if (isUsernameAvailable !== undefined) {\n    handleIsUsernameAvailable(isUsernameAvailable);\n    return;\n  }\n\n  checkUsernameAvailabilityTimeout = setTimeout(async () => {\n    if (signupData.username.length > 3) {\n      checkIsUsernameAvailable();\n    } else {\n      hasError.value = true;\n      errorText.value = t(\"pages.signup.character.error.username.too-short\");\n    }\n  }, 300);\n}\nfunction handleIsUsernameAvailable(isUsernameAvailable: boolean) {\n  if (!isUsernameAvailable) {\n    errorText.value = t(\"pages.signup.character.error.username.already-taken\");\n  }\n  hasError.value = !isUsernameAvailable;\n  emitStepCompleted(isUsernameAvailable);\n}\nasync function checkIsUsernameAvailable() {\n  emitStepLoading(true);\n  const isUsernameAvailable = await rpcHttpKey(\"UserIsUsernameAvailable\", {\n    username: signupData.username,\n  });\n  emitStepLoading(false);\n\n  checkedUsernames[signupData.username] = isUsernameAvailable;\n  handleIsUsernameAvailable(isUsernameAvailable);\n}\n</script>\n<template>\n  <div class=\"character-carousel flex center gap--s padding-t--sm pos--rel\">\n    <nft-card\n      :address=\"carouselAddresses[safePreviousCarouselIndex]\"\n      class=\"pos--abs static\"\n      :class=\"\n        isCharacterAvailable(carouselAddresses[safePreviousCarouselIndex])\n          ? ''\n          : ' unavailable'\n      \"\n    />\n    <nft-card\n      :address=\"carouselAddresses[safeNextCarouselIndex]\"\n      class=\"pos--abs static\"\n      :class=\"\n        isCharacterAvailable(carouselAddresses[safeNextCarouselIndex])\n          ? ''\n          : ' unavailable'\n      \"\n    />\n    <nft-card\n      :address=\"carouselAddresses[selectedCarouselIndex]\"\n      class=\"active\"\n      :class=\"\n        isCharacterAvailable(carouselAddresses[selectedCarouselIndex])\n          ? ''\n          : ' unavailable'\n      \"\n    />\n    <div class=\"flex gap--xxl pos--abs z-1\">\n      <button\n        class=\"highlighted--l blue-300 padding-l--xsm padding-r--s flex center gap--s border-radius--\"\n        @click=\"setSelectedIndex(safePreviousCarouselIndex)\"\n      >\n        <object data=\"/assets/overlay/icons/glyphs/chevron-pixel.svg\">></object>\n      </button>\n      <button\n        class=\"highlighted--l blue-300 padding-l--s padding-r--xsm flex center gap--s\"\n        @click=\"setSelectedIndex(safeNextCarouselIndex)\"\n      >\n        <object data=\"/assets/overlay/icons/glyphs/chevron-pixel-right.svg\">\n          >\n        </object>\n      </button>\n    </div>\n  </div>\n  <info-tip>{{ t(\"pages.signup.character.tip\") }}</info-tip>\n  <label v-depixel for=\"username\">{{ t(\"global.username\") }}</label>\n  <text-input\n    name=\"username\"\n    v-model=\"signupData.username\"\n    :errorText=\"hasError ? errorText : ''\"\n    @input=\"handleInput\"\n  />\n\n  <span v-depixel class=\"warning color-text--orange-350\">\n    {{ t(\"pages.signup.character.warning\") }}\n  </span>\n</template>\n<style scoped lang=\"scss\">\n.character-carousel {\n  overflow-x: hidden;\n  .unavailable {\n    filter: grayscale(100%);\n  }\n  &::before,\n  &::after {\n    position: absolute;\n    display: block;\n    content: \"\";\n    width: 25%;\n    height: 100%;\n    top: 0;\n    z-index: 1;\n  }\n  &::before {\n    left: 0;\n    background: linear-gradient(to right, #f4f4f4 15%, rgba(0, 0, 0, 0));\n  }\n  &::after {\n    right: 0;\n    background: linear-gradient(to left, #f4f4f4 15%, rgba(0, 0, 0, 0));\n  }\n  .z-1 {\n    z-index: 2;\n    button {\n      width: 48px;\n    }\n  }\n  .basic-card:not(.active):deep() {\n    .name {\n      display: none;\n    }\n  }\n  & > div:not(.active) {\n    &:first-of-type {\n      translate: calc(-100% - get-size(s));\n      & + div {\n        translate: calc(100% + get-size(s));\n      }\n    }\n  }\n  .gap--xxl {\n    gap: 200px;\n    @include respond(mobile) {\n      z-index: 2;\n      translate: 0 0 1px;\n      button {\n        height: 48px;\n        width: 48px;\n      }\n    }\n  }\n}\n\n.warning {\n  @include respond(mobile-portrait) {\n    display: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { rpcHttpKey } from \"@uicomps/common/helpers\";\nimport { computed, ref } from \"vue\";\nimport CodeInput from \"../../CodeInput.vue\";\nimport {\n  EmailCodeType,\n  isCodeValid,\n  signupData,\n  signupDataDirty,\n} from \"../data\";\nimport useStepEmits from \"./useStepEmits\";\nimport isMobile from \"@shared/IsMobile\";\nimport { useI18n } from \"vue-i18n\";\ndefineEmits([\"stepComplete\", \"stepLoading\"]);\n\nconst { emitStepCompleted, emitStepLoading } = useStepEmits();\nconst { t, locale } = useI18n();\nconst checkedEmails = {};\nconst isEmailAvailable = ref(false);\nconst hasError = ref(false);\nlet checkEmailAvailabilityTimeout = null;\n\nconst isSendEmailTimeout = ref(false);\nlet sendCodeAgainTimeout = null;\nconst isCodeSent = ref(false);\nconst codeLabel = ref(t(\"pages.signup.email.send-code-label\"));\nconst isCodeResponseError = ref(null);\nconst isCodeError = ref(false);\n\nconst ageConsentGiven = ref(false);\nconst termsOfServiceAgreed = ref(false);\nconst isEmailValid = computed(\n  () =>\n    signupDataDirty.email &&\n    /^\\w+([.-]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,})+$/.test(signupDataDirty.email),\n);\nasync function requestEmailCode() {\n  if (\n    isSendEmailTimeout.value ||\n    !isEmailValid.value ||\n    !isEmailAvailable.value\n  ) {\n    return;\n  }\n  isSendEmailTimeout.value = true;\n  const sendEmailCodeResponse = await rpcHttpKey(\n    \"UserRequestEmailVerificationCode\",\n    {\n      email: signupData.email,\n      locale: locale.value,\n    },\n  );\n  isCodeSent.value = true;\n  clearTimeout(sendCodeAgainTimeout);\n  sendCodeAgainTimeout = setTimeout(() => {\n    isSendEmailTimeout.value = false;\n  }, 60_000);\n  if (sendEmailCodeResponse.message) {\n    codeLabel.value = sendEmailCodeResponse.message;\n    isCodeResponseError.value = false;\n  } else if (sendEmailCodeResponse.error) {\n    codeLabel.value = sendEmailCodeResponse.error;\n    isCodeResponseError.value = true;\n  }\n}\nconst codeLabelClass = computed(() => {\n  if (!isCodeSent.value) {\n    return \"invisible\";\n  }\n  if (\n    signupData.emailVerificationCode.length === 6 &&\n    isCodeError.value === false\n  ) {\n    return \"color-text--green-150\";\n  } else if (isCodeResponseError.value || isCodeError.value) {\n    return \"color-text--bright-red-100\";\n  }\n  return \"\";\n});\nasync function handleCodeInput(code: string) {\n  codeLabel.value = t(\"pages.signup.email.send-code-label\");\n  signupData.emailVerificationCode = code;\n  isCodeError.value = null;\n  if (signupData.emailVerificationCode.length !== 6) {\n    return;\n  }\n  isCodeError.value = !(await isCodeValid(\n    signupData.email,\n    signupData.emailVerificationCode,\n    EmailCodeType.EmailVerification,\n  ));\n  if (isCodeError.value) {\n    codeLabel.value = t(\"pages.signup.code.incorrect\");\n    hasError.value = true;\n  } else {\n    codeLabel.value = t(\"pages.signup.code.correct\");\n    hasError.value = false;\n  }\n  handleStepProgress();\n}\nfunction handleInput() {\n  emitStepCompleted(false);\n  hasError.value = false;\n  clearTimeout(checkEmailAvailabilityTimeout);\n  if (!isEmailValid.value) {\n    return;\n  }\n  isEmailAvailable.value = checkedEmails[signupDataDirty.email];\n  if (isEmailAvailable.value !== undefined) {\n    handleStepProgress();\n    hasError.value = !isEmailAvailable.value;\n  } else {\n    checkEmailAvailabilityTimeout = setTimeout(async () => {\n      await checkIsEmailAvailable();\n    }, 300);\n  }\n  handleStepProgress();\n}\n\nfunction handleStepProgress() {\n  if (\n    isEmailValid.value &&\n    isEmailAvailable.value &&\n    isCodeSent.value &&\n    !isCodeError.value &&\n    ageConsentGiven.value &&\n    termsOfServiceAgreed.value &&\n    signupData.emailVerificationCode.length == 6\n  ) {\n    emitStepCompleted(true);\n  } else {\n    emitStepCompleted(false);\n  }\n}\n\nasync function checkIsEmailAvailable() {\n  emitStepLoading(true);\n  isEmailAvailable.value = await rpcHttpKey(\"UserIsEmailAvailable\", {\n    email: signupDataDirty.email,\n  });\n  if (isEmailAvailable.value) {\n    signupData.email = signupDataDirty.email;\n  } else {\n    signupData.email = \"\";\n  }\n  emitStepLoading(false);\n\n  checkedEmails[signupDataDirty.email] = isEmailAvailable.value;\n  hasError.value = !isEmailAvailable.value;\n  handleStepProgress();\n}\n</script>\n<template>\n  <label v-depixel for=\"email\">{{ t(\"global.your-email\") }}</label>\n  <div class=\"input-wrapper flex align--center pos--rel\">\n    <text-input\n      type=\"email\"\n      name=\"email\"\n      v-model=\"signupDataDirty.email\"\n      :errorText=\"\n        hasError && !isEmailAvailable\n          ? t('pages.signup.email.error.already-taken')\n          : ''\n      \"\n      @input=\"handleInput\"\n    />\n    <span\n      v-depixel\n      class=\"font--xssm pos--abs offset-r--s\"\n      :class=\"\n        isSendEmailTimeout || !isEmailAvailable || !isEmailValid\n          ? 'color-text--blue-100'\n          : 'color-text--blue-400 pointer'\n      \"\n      @click=\"requestEmailCode\"\n    >\n      {{\n        isSendEmailTimeout\n          ? t(\"pages.signup.email.send-code-success\")\n          : t(\"pages.signup.email.send-code\")\n      }}\n    </span>\n  </div>\n  <checkbox v-model=\"ageConsentGiven\" @input=\"handleInput\">\n    {{ t(\"pages.signup.email.consent-age\") }}\n  </checkbox>\n  <checkbox v-model=\"termsOfServiceAgreed\" @input=\"handleInput\">\n    {{ t(\"pages.signup.email.consent-legal\") }}\n    <a href=\"https://bithotel.io/#/terms\" target=\"_blank\">{{\n      t(\"pages.signup.email.tos\")\n    }}</a>\n    &\n    <a href=\"https://bithotel.io/#/eula\" target=\"_blank\">{{\n      t(\"pages.signup.email.eula\")\n    }}</a>\n  </checkbox>\n  <label\n    v-depixel-normal\n    for=\"email-verification-code\"\n    class=\"text-center\"\n    :class=\"codeLabelClass\"\n  >\n    {{ codeLabel }}\n  </label>\n\n  <code-input\n    ref=\"verificationCodeInput\"\n    :field-height=\"isMobile() ? 38 : 48\"\n    :field-width=\"isMobile() ? 38 : 48\"\n    :fields=\"6\"\n    :required=\"true\"\n    class=\"code-input font depixel normal\"\n    type=\"number\"\n    :disabled=\"!isCodeSent\"\n    @change=\"handleCodeInput\"\n    @paste=\"handleCodeInput\"\n  />\n</template>\n<style scoped lang=\"scss\">\n.invisible {\n  opacity: 0;\n}\nlabel.text-center {\n  font-size: 16px !important;\n}\n.input-wrapper:deep() {\n  span {\n    transition: all 300ms ease;\n    padding: get-size(xxxs) get-size(xxsm);\n    border-radius: get-size(xs);\n    &.pointer {\n      background-color: rgba(get-color(green-75), 0.5);\n      text-shadow: 0 2px 6px get-color(green-100);\n      outline: 1px solid get-color(green-100);\n      box-shadow: 0 4px 6px 4px #ddd;\n    }\n  }\n  input {\n    padding-right: get-size(xxl);\n  }\n}\n\n// KEEP IT SCOPED BRUV\n// use :deep() to apply styles to the child component\n/*\n    .this-component:deep() { <- :deep() must be in parent node\n        .child-component{ <- this has <style scoped> also defined\n\n        }\n    }\n*/\n</style>\n","<script setup lang=\"ts\">\nimport { Console } from \"console\";\nimport { ref } from \"vue\";\ndefineProps([\"modelValue\"]);\nconst emits = defineEmits([\"update:modelValue\", \"input\"]);\nfunction emitChange(value) {\n  emits(\"update:modelValue\", value);\n  emits(\"input\", value);\n}\n\nwindow.addEventListener(\"click\", handleClickOutside);\nfunction handleClickOutside(event) {\n  const passwordBox: HTMLElement | null =\n    document.getElementById(\"first-password\");\n  if (passwordBox) {\n    const firstChildElement = passwordBox.firstElementChild;\n    if (firstChildElement instanceof HTMLElement) {\n      if (firstChildElement && !firstChildElement.contains(event.target)) {\n        firstChildElement.blur();\n      }\n    }\n  }\n}\n// addEventListener(\"keypress\", (e: KeyboardEvent) => {\n//   if (e.code === \"Enter\") {\n//     const passwordBox: HTMLElement | null =\n//       document.getElementById(\"first-password\");\n\n//     if (passwordBox) {\n//       const firstChildElement = passwordBox.firstElementChild;\n\n//       if (firstChildElement instanceof HTMLInputElement) {\n//         console.log(firstChildElement);\n//         firstChildElement.blur();\n//       }\n//     }\n//   }\n// });\nconst passwordHidden = ref(true);\n</script>\n<template>\n  <div class=\"flex align--center pos--rel\">\n    <input\n      ref=\"passwordInput\"\n      class=\"font depixel normal color--black\"\n      name=\"password\"\n      :type=\"passwordHidden ? 'password' : 'text'\"\n      :value=\"modelValue\"\n      @input=\"emitChange(($event.target as HTMLInputElement).value)\"\n    />\n    <span\n      v-depixel\n      class=\"pos--abs offset-r--s pointer\"\n      @click=\"passwordHidden = !passwordHidden\"\n    >\n      {{ passwordHidden ? $t(\"global.show\") : $t(\"global.hide\") }}\n      {{ $t(\"global.password\").toLowerCase() }}\n    </span>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n// KEEP IT SCOPED BRUV\n// use :deep() to apply styles to the child component\n/*\n    .this-component:deep() { <- :deep() must be in parent node\n        .child-component{ <- this has <style scoped> also defined\n\n        }\n    }\n*/\n</style>\n","<script setup lang=\"ts\">\nimport PasswordInput from \"@overlay/coreComponents/PasswordInput.vue\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { signupData } from \"../data\";\nimport InfoTip from \"./InfoTip.vue\";\nimport useStepEmits from \"./useStepEmits\";\n\ndefineEmits([\"stepComplete\", \"stepLoading\"]);\n\nconst { emitStepCompleted } = useStepEmits();\nconst passwordRepeat = ref(\"\");\n\nconst validationRegexes = {\n  upperCase: /(.*[A-Z].*)/,\n  lowerCase: /(.*[a-z].*)/,\n  digit: /(.*\\d.*)/,\n  symbol: /(.*\\W.*)/,\n};\nconst isPasswordValid = computed(\n  () =>\n    validationRegexes.upperCase.test(signupData.password) &&\n    validationRegexes.lowerCase.test(signupData.password) &&\n    validationRegexes.symbol.test(signupData.password) &&\n    signupData.password.length > 7,\n);\nfunction handleInput() {\n  if (isPasswordValid.value && signupData.password == passwordRepeat.value) {\n    emitStepCompleted(true);\n  } else {\n    emitStepCompleted(false);\n  }\n}\n</script>\n<template>\n  <label v-depixel for=\"password\">{{ $t(\"global.your-password\") }}</label>\n  <info-tip>{{ $t(\"pages.signup.password.tip\") }}</info-tip>\n\n  <password-input\n    id=\"first-password\"\n    v-model=\"signupData.password\"\n    @input=\"handleInput\"\n  />\n  <div\n    v-depixel-outlined\n    class=\"requirements flex vertical gap--xxs padding--xs\"\n  >\n    <span\n      :class=\"{\n        complete: validationRegexes.upperCase.test(signupData.password),\n      }\"\n    >\n      {{ $t(\"pages.signup.password.at-least\") }} 1\n      {{ $t(\"global.uppercase-letter\").toLocaleLowerCase() }}\n    </span>\n    <span\n      :class=\"{\n        complete: validationRegexes.lowerCase.test(signupData.password),\n      }\"\n    >\n      {{ $t(\"pages.signup.password.at-least\") }} 1\n      {{ $t(\"global.lowercase-letter\").toLocaleLowerCase() }}\n    </span>\n    <span\n      :class=\"{\n        complete: validationRegexes.symbol.test(signupData.password),\n      }\"\n    >\n      {{ $t(\"pages.signup.password.at-least\") }} 1\n      {{ $t(\"global.special-character\").toLocaleLowerCase() }} ( ! @ % & * )\n    </span>\n    <span\n      :class=\"{\n        complete: signupData.password.length > 7,\n      }\"\n    >\n      {{ $t(\"pages.signup.password.minimum\") }} 8\n      {{ $t(\"global.character\", 2).toLocaleLowerCase() }}\n    </span>\n  </div>\n  <label v-depixel for=\"passwordRepeat\">\n    {{ $t(\"global.repeat\") }} {{ $t(\"global.password\").toLocaleLowerCase() }}:\n  </label>\n  <password-input v-model=\"passwordRepeat\" @input=\"handleInput\" />\n</template>\n<style scoped lang=\"scss\">\n.requirements {\n  span {\n    font-size: 10px;\n    &:not(.complete) {\n      opacity: 0.7;\n    }\n    &::before {\n      display: inline-block;\n      content: \"\";\n      width: get-size(xsm);\n      height: get-size(xsm);\n      background-color: get-color(white-350);\n      border-radius: 100%;\n      margin-right: get-size(xs);\n    }\n    &.complete::before {\n      background-color: get-color(green-150);\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { getGlyph } from \"@overlay/assets\";\nimport { isReferralCodeValid, signupData } from \"../data\";\nimport useStepEmits from \"./useStepEmits\";\nimport CodeInput from \"../../CodeInput.vue\";\nimport { computed, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\ndefineEmits([\"stepComplete\", \"stepLoading\"]);\nconst { t } = useI18n();\nconst { emitStepCompleted } = useStepEmits();\nconst isCodeError = ref(null);\nconst codeLabelClass = computed(() => {\n  if (isCodeError.value === null) {\n    return \"invisible\";\n  } else if (isCodeError.value) {\n    return \"color-text--bright-red-100\";\n  }\n  return \"color-text--green-150\";\n});\nconst codeLabel = computed(() => {\n  if (isCodeError.value === false) {\n    return t(\"pages.signup.code.correct\");\n  }\n  return t(\"pages.signup.code.incorrect\");\n});\nasync function handleCodeInput(code: string) {\n  if (code.length !== 6) {\n    isCodeError.value = null;\n    return;\n  }\n  isCodeError.value = !(await isReferralCodeValid(code));\n  if (isCodeError.value) {\n    emitStepCompleted(false);\n  } else {\n    signupData.referralCode = code;\n    emitStepCompleted(true);\n  }\n}\n// onBeforeMount(async () => {\n//   if (signupData.referralCode) {\n//     await handleCodeInput(signupData.referralCode);\n//   }\n// });\n</script>\n<template>\n  <label v-depixel for=\"referralCode\"\n    >{{ $t(\"pages.signup.step-names.SignupReferralStep\") }}\n  </label>\n  <span v-depixel-normal class=\"font--s text-center\" :class=\"codeLabelClass\">\n    {{ codeLabel }}\n  </span>\n  <code-input\n    :field-height=\"48\"\n    :field-width=\"48\"\n    :fields=\"6\"\n    :required=\"true\"\n    class=\"code-input font depixel normal\"\n    type=\"text\"\n    @change=\"handleCodeInput\"\n    @paste=\"handleCodeInput\"\n  />\n  <span v-depixel-normal for=\"referralCode\">\n    {{ $t(\"pages.signup.referral.no-code\") }}\n  </span>\n  <div v-depixel class=\"socials flex center\">\n    <a href=\"https://t.me/bithotelcommunity\" target=\"_blank\">\n      <img :src=\"getGlyph('telegram')\" alt=\"Telegram logo\" />\n      {{ $t(\"global.join\").toLocaleUpperCase() }} 30K+\n      {{ $t(\"global.members\").toLocaleUpperCase() }}\n    </a>\n    <a href=\"https://discord.gg/RFFZNwxY9n\" target=\"_blank\">\n      <img :src=\"getGlyph('discord')\" alt=\"Discord logo\" />\n      {{ $t(\"global.join\").toLocaleUpperCase() }} 45K+\n      {{ $t(\"global.members\").toLocaleUpperCase() }}\n    </a>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.code-input:deep() {\n  input {\n    text-transform: uppercase;\n  }\n}\n.invisible {\n  opacity: 0;\n}\n.socials {\n  gap: get-size(s);\n  font-size: 10px;\n\n  a {\n    text-decoration: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: get-size(xs);\n    padding: get-size(xs);\n    // background: get-color(blue-300);\n    display: flex;\n    transition: scale 300ms ease;\n    border-radius: get-size(xs);\n    color: #fff;\n\n    &[href*=\"t.me\"] {\n      background: #0088cc;\n    }\n\n    &[href*=\"discord\"] {\n      background-color: #5865f2;\n    }\n\n    img {\n      max-width: 32px;\n      transition: scale 300ms ease;\n    }\n\n    &:hover {\n      scale: 1.1;\n\n      img {\n        scale: 1.1;\n      }\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { EPackageSize, TPackageItem } from \"@overlay/types/enums\";\nimport { getIcon } from \"@overlay/assets\";\nimport { onBeforeMount, onBeforeUnmount, onMounted, ref } from \"vue\";\nimport { isNativeMobileApp } from \"@/mobile/isOnIOS\";\nimport {\n  AdjustEvent,\n  mobileBuyPackage,\n  mobileSetUserId,\n  mobileTrackAdjust,\n} from \"@/mobile/postMessage\";\nimport { dispatchEvent, EnumNetworkEvents } from \"@shared/Events\";\nimport { createTransaction } from \"@overlay/modules/apiAccess\";\nimport { currentAccount } from \"@shared/Global\";\nimport { Toast } from \"@engine/notifications/Toast\";\nimport { getPackages, packages } from \"@uicomps/topup/data\";\n\ndefineEmits([\"stepComplete\", \"stepLoading\"]);\n\nconst isPurchaseCompleted = ref(false);\nconst productId = ref<EPackageSize>(EPackageSize.SMALL);\n\nconst topupPackages = ref({} as { [key in EPackageSize]?: TPackageItem });\n\nonMounted(async () => {\n  topupPackages.value = await getPackages();\n});\n\nfunction exposedSuccess() {\n  mobileTrackAdjust(AdjustEvent.SIGN_UP_PURCHASE, {\n    revenue: packages.value[productId.value].price,\n    currency: \"USD\",\n  });\n  $modals.closeAllModals();\n  dispatchEvent(EnumNetworkEvents.NetworkRequestUserData);\n  const supportMessage = document.getElementById(\"support-message\");\n\n  if (supportMessage) {\n    supportMessage.innerText =\n      \"Thank you for the support! Hit the Play button to check in to the hotel!\";\n    supportMessage.classList.add(\"active\");\n  }\n  const elements = document.querySelectorAll(\".\" + \"topup-tile\");\n  elements.forEach((element) => {\n    element.classList.add(\"hide\");\n  });\n\n  const imgElement = document.createElement(\"img\");\n  imgElement.src = \"/assets/overlay/icons/loot-box-1.png\";\n  // imgElement.classList.add(\"imageposition\");\n  imgElement.style[\"margin\"] = \"0 auto\";\n  imgElement.style[\"display\"] = \"block\";\n\n  const targetDiv = document.getElementById(\"support-message\");\n  if (targetDiv) {\n    targetDiv.appendChild(imgElement);\n  }\n}\n\nfunction exposedFailed() {\n  Toast.error(\"Purchase failed\");\n}\n\nonBeforeMount(() => {\n  (window as any)[\"exposedSuccess\"] = exposedSuccess;\n  (window as any)[\"exposedFailed\"] = exposedFailed;\n  mobileSetUserId(currentAccount.user.id || \"\");\n});\nonBeforeUnmount(() => {\n  (window as any)[\"exposedSuccess\"] = null;\n  (window as any)[\"exposedFailed\"] = null;\n});\n\n// TODO Same function as top up modal\nasync function generateTransaction(packageSize: EPackageSize) {\n  if (isNativeMobileApp()) {\n    // TODO: set loading\n    productId.value = packageSize;\n    mobileBuyPackage(packageSize);\n  } else {\n    const transaction = await createTransaction(\n      packageSize,\n      currentAccount.user.id,\n    );\n\n    window.location.assign(transaction.paymentURL);\n  }\n}\n</script>\n<template>\n  <iframe src=\"/completeregistration.html\"></iframe>\n  <iframe v-if=\"isPurchaseCompleted\" src=\"/purchasecompleted.html\"></iframe>\n  <div class=\"font font--s normal depixel pointer\" id=\"support-message\">\n    {{ $t(\"pages.signup.topup.support\") }}\n  </div>\n  <div\n    v-for=\"(bthPack, size) of topupPackages\"\n    :v-if=\"Object.values(packages).length > 0\"\n    :key=\"size\"\n    class=\"topup-tile\"\n    @click=\"generateTransaction(size)\"\n  >\n    <div\n      class=\"inner pos--rel flex gap--m align--center padding-h--sm border-radius--m\"\n      :class=\"{ 'padding-mobile': isNativeMobileApp() }\"\n      :v-if=\"bthPack && bthPack.image\"\n    >\n      <img :src=\"getIcon(bthPack?.image)\" class=\"chest\" alt=\"Package size\" />\n      <div\n        v-depixel-outlined\n        class=\"price font--ssm color-text--yellow-300 shadow flex vertical ws-no-wrap\"\n      >\n        {{ bthPack?.tokenAmount }} sBTH\n        <img\n          :src=\"getIcon(bthPack?.bonusImage)\"\n          class=\"bonus\"\n          alt=\"Added bonus\"\n        />\n      </div>\n      <div\n        v-depixel\n        class=\"font--s spacer-l--auto ws-no-wrap\"\n        :class=\"{ amount: isNativeMobileApp() }\"\n      >\n        {{ isNativeMobileApp() ? bthPack?.mobilePrice : `$ ${bthPack?.price}` }}\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.ws-no-wrap {\n  white-space: nowrap;\n}\n\n.amount {\n  right: 3px;\n  top: 30px;\n  position: absolute;\n  font-size: 14px;\n}\n\n.padding-mobile {\n  padding: 0 !important;\n}\n.topup-tile {\n  @include borderGradientBeforeAfter(\n    #fdfdfd,\n    #dedede,\n    s,\n    m,\n    $background: linear-gradient(to bottom, #ffffff, #f2f2f2)\n  );\n  cursor: pointer;\n\n  &::before {\n    box-shadow: 0 0 16px 0 get-color(white-400);\n  }\n  img {\n    width: fit-content;\n    image-rendering: pixelated;\n  }\n  .chest {\n    max-width: 64px;\n  }\n  .inner {\n    z-index: 1;\n    translate: 0 0 1px;\n  }\n\n  .price {\n    -webkit-text-stroke: 1px #be6501;\n  }\n}\n\n.imageposition {\n  display: block !important;\n  margin: 0 auto !important;\n}\n\n.active {\n  color: #76da7a;\n}\n.hide {\n  display: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { getMobileDevice } from \"@shared/IsMobile\";\nimport { computed, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { signupData } from \"../data\";\nimport { useRoute } from \"vue-router\";\n\ndefineEmits([\"stepComplete\", \"stepLoading\"]);\nconst isAppleDevice = ref(getMobileDevice().apple.device);\nconst { locale } = useI18n();\nconst badgeUrl = computed(\n  () =>\n    `/assets/overlay/marketing/${\n      isAppleDevice.value ? \"app-store\" : \"google-play\"\n    }-badge-${locale.value}.svg`,\n);\nfunction isTiktok(): boolean {\n  const query = useRoute().query;\n  if (query[\"utm_source\"] == \"tiktok\") {\n    return true;\n  }\n  if (query[\"utm_campaign\"] == \"tiktok\") {\n    return true;\n  }\n  return false;\n}\n\nconst targetUrl = isTiktok()\n  ? \"https://app.adjust.com/12rsjchy\"\n  : \"https://bithotel.io/app\";\n</script>\n<template>\n  <iframe src=\"/completeregistration.html\"></iframe>\n  <div\n    v-depixel\n    class=\"flex vertical center gap--m font--sm padding-t--ml padding-b--s\"\n  >\n    {{\n      $t(\"pages.signup.download.welcome-user\", { user: signupData.username })\n    }}\n\n    <span v-depixel-normal class=\"font--s\">\n      {{\n        $t(\"pages.signup.download.download-store\", {\n          store: isAppleDevice ? \"App\" : \"Play\",\n        })\n      }}\n    </span>\n    <a class=\"width--full\" :href=\"targetUrl\" target=\"_self\">\n      <img\n        class=\"width--full\"\n        :src=\"badgeUrl\"\n        :alt=\"isAppleDevice ? 'App' : 'Play' + ' store badge'\"\n      />\n    </a>\n  </div>\n</template>\n<style scoped lang=\"scss\">\na {\n  height: 86px;\n  max-width: 100%;\n  object {\n    height: 100%;\n  }\n}\n</style>\n","import SignupCharacterUsernameStep from \"./SignupCharacterUsernameStep.vue\";\nimport SignupEmailStep from \"./SignupEmailStep.vue\";\nimport SignupPasswordStep from \"./SignupPasswordStep.vue\";\nimport SignupReferralStep from \"./SignupReferralStep.vue\";\nimport SignupTopupStep from \"./SignupTopupStep.vue\";\nimport SignupDownloadStep from \"./SignupDownloadStep.vue\";\nimport { ref, watch } from \"vue\";\n\nexport const ignoreDownloadStep = ref<boolean>(\n  Boolean(localStorage.getItem(\"ignoreDownloadStep\")),\n);\n\nwatch(\n  ignoreDownloadStep,\n  (d) => {\n    localStorage.setItem(\"ignoreDownloadStep\", JSON.stringify(d));\n  },\n  {\n    immediate: true,\n  },\n);\n\nexport default {\n  SignupCharacterUsernameStep,\n  SignupEmailStep,\n  SignupPasswordStep,\n  SignupReferralStep,\n  SignupTopupStep,\n};\nexport const SignupStepsNoReferral = {\n  SignupCharacterUsernameStep,\n  SignupEmailStep,\n  SignupPasswordStep,\n  SignupTopupStep,\n};\nexport const OptionalSignupSteps = {\n  SignupTopupStep,\n  SignupDownloadStep,\n};\nexport const MobileSignupSteps = {\n  SignupCharacterUsernameStep,\n  SignupEmailStep,\n  SignupPasswordStep,\n  SignupTopupStep,\n  SignupDownloadStep,\n};\n"],"names":["EmailCodeType","computed"],"mappings":"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"}