{"version":3,"file":"useIsMobile-HEnZbHMh.js","sources":["../../src/components/login/errorAlert/WrongLogin.vue","../../src/components/login/formElement/FormCard.vue","../../src/services/authApi.ts","../../src/constants/enums/RuleEnum.ts","../../src/composables/useValidator.ts","../../src/components/login/ForgetPassword.vue","../../src/components/login/formElement/FormInput.vue","../../src/components/login/thirdpart/AppleThirdPart.vue","../../src/components/login/thirdpart/GoogleThirdPart.vue","../../src/components/login/thirdpart/LineThirdParty.vue","../../src/components/login/thirdpart/MetaThirdParty.vue","../../src/constants/enums/AuthErrorEnum.ts","../../src/composables/useThirdPartVerify.ts","../../src/components/login/LoginForm.vue","../../src/components/login/LoginHeader.vue","../../src/composables/dto/useRegister.ts","../../src/components/login/errorAlert/WrongMessage.vue","../../src/components/login/errorAlert/WrongSex.vue","../../src/components/login/errorAlert/WrongSignupPhone.vue","../../src/components/login/SignupForm.vue","../../src/components/login/errorAlert/WrongAlert.vue","../../src/components/login/errorAlert/WrongVerificationCode.vue","../../src/composables/useCountdown.ts","../../src/components/login/SMSVerification.vue","../../src/components/login/ThirdPartSignupForm.vue","../../src/composables/useIsMobile.ts"],"sourcesContent":["<script setup lang=\"ts\">\nconst showPopup = defineModel('showPopup');\nconst formChoose = defineModel('formChoose');\nconst closePopup = () => {\n  showPopup.value = false;\n};\nconst forgetPassword = () => {\n  formChoose.value = 'ForgetPassword';\n  showPopup.value = false;\n};\n</script>\n<template>\n  <div class=\"card\">\n    <p>帳號或密碼錯誤</p>\n    <ul>\n      <li>1.請確認帳號或密碼是否正確</li>\n      <li>2.請確認當初是否由第三方註冊</li>\n      <li>\n        3.若確認資料正確，可以點<span @click=\"forgetPassword\">忘記密碼</span>查詢註冊時候的帳號密碼\n      </li>\n    </ul>\n    <button @click=\"closePopup\">確定</button>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.card {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 290px;\n  background-color: #ffffff;\n  box-shadow: 0px 1px 16px #00000029;\n  border-radius: 8px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n}\np {\n  width: 100%;\n  color: #191919cc;\n  font-weight: 600;\n  font-size: 18px;\n}\nul {\n  color: #19191966;\n  font-size: 14px;\n  padding: 0 4px;\n  margin: 4px 0 16px;\n  line-height: 19.6px;\n  li {\n    span {\n      color: #f74768;\n      cursor: pointer;\n      &:hover {\n        text-decoration: underline;\n        text-decoration-color: #f74768;\n      }\n    }\n  }\n}\nbutton {\n  width: 100%;\n  height: 40px;\n  background-color: #f74768;\n  border-radius: 4px;\n  border: none;\n  color: white;\n  font-size: 16px;\n  cursor: pointer;\n}\n\n.junior-landing-page > .main-content > .popup-overlay > .card {\n  > button {\n    background-color: $color-brownish-100;\n  }\n\n  ul {\n    li {\n      span {\n        color: $color-brownish-100;\n        &:hover {\n          text-decoration-color: $color-brownish-100;\n        }\n      }\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\ndefineExpose({});\n</script>\n<template>\n    <div class=\"card\">\n        <slot />\n    </div>\n</template>\n<style scoped lang=\"scss\">\n.card {\n    width: 399px;\n    background-color: #ffffff;\n    box-shadow: 0px 1px 16px #00000029;\n    border-radius: 8px;\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1002;\n\n    @media (max-width: 450px) {\n        width: calc(100% - 48px);\n    }\n}\n</style>\n","import Http from '@/utils/http';\nimport { UtilCommon } from '@/utils/utilCommon';\n\nconst baseUrl: string = import.meta.env.VITE_FUNDAY_BASE_URL;\nconst authApi = async (url: string, requestBody: object) => {\n  try {\n    const response = await fetch(url, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify(requestBody)\n    });\n    if (!response.ok) {\n      const errorData = {\n        ...(await response.json()),\n        status: response.status\n      };\n      return errorData;\n    }\n    const data = await response.json();\n    const result = data.content;\n    return result;\n  } catch (error) {\n    console.error('Error:', error);\n    throw error;\n  }\n};\nexport default new (class ArticleView extends Http {\n  /** Google驗證 */\n  async googleVerify(idToken: string): Promise<any> {\n    const body = {\n      idToken\n    };\n    const data = await authApi(`${baseUrl}/Auth/GoogleVerify`, body);\n    return data;\n  }\n\n  /** Meta驗證 */\n  async metaVerify(accessToken: string): Promise<any> {\n    const body = {\n      accessToken\n    };\n    const data = await authApi(`${baseUrl}/Auth/FacebookVerify`, body);\n    return data;\n  }\n\n  /**Line驗證 */\n  async lineVerify(token: string): Promise<any> {\n    const body = {\n      token,\n      isIdToken: false\n    };\n    const data = await authApi(`${baseUrl}/Auth/LineVerify`, body);\n    return data;\n  }\n  async SMSVerification(userData: object): Promise<any> {\n    const data = await authApi(`${baseUrl}/Auth/SMSVerification`, userData);\n    return data;\n  }\n\n  async thirdPartySMSVerification(userData: object): Promise<any> {\n    const data = await authApi(`${baseUrl}/Auth/ThirdPartySMSVerification`, userData);\n    return data;\n  }\n\n  async register(registData: object): Promise<any> {\n    const data = await authApi(`${baseUrl}/Auth/Register`, registData);\n    return data;\n  }\n\n  async thirdPartyRegister(registData: object): Promise<any> {\n    const data = await authApi(`${baseUrl}/Auth/ThirdPartyRegister`, registData);\n    return data;\n  }\n\n  async login(loginData: object): Promise<any> {\n    const data = await authApi(`${baseUrl}/Auth/Login`, loginData);\n    UtilCommon.initTabsCount();\n    return data;\n  }\n  forgetPassword(phone: string): void {\n    authApi(`${baseUrl}/Auth/ForgetPassword`, { phone });\n  }\n})();\n","export enum RuleEnum {\n  'Email' = 'email',\n  'Phone' = 'phone',\n  'Name' = 'name',\n  'VerificationCode' = 'verificationCode'\n}\n","import { RuleEnum } from '@/constants/enums/RuleEnum';\nimport { ref } from 'vue';\n\nconst patterns = [\n  {\n    key: RuleEnum.Email,\n    value: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/,\n    errorMessage: '信箱格式不正確'\n  },\n  { key: RuleEnum.Phone, value: /^09\\d{8}$/, errorMessage: '手機格式不正確' },\n  {\n    key: RuleEnum.Name,\n    value: /^(?!.*[';]|.*--)[^\\s]{2,16}$/,\n    errorMessage: '請輸入2~16個字(不包含半型單引號、半型分號、連續兩個半型減號)'\n  },\n  { key: RuleEnum.VerificationCode, value: /^[\\s\\S]+$/, errorMessage: '請輸入簡訊驗證碼' }\n];\n\nexport const useValidator = () => {\n  const errorMessage = ref('');\n\n  const handleValidate = (rule: RuleEnum, value: string) => {\n    const findItem = patterns.find((item) => item.key === rule);\n\n    if (!findItem) {\n      errorMessage.value = '找不到相應格式';\n      return false;\n    }\n\n    if (!findItem.value.test(value) || value.trim() === '') {\n      errorMessage.value = findItem.errorMessage;\n      return false;\n    }\n    return true;\n  };\n\n  return {\n    errorMessage,\n    handleValidate\n  };\n};\n","<script setup lang=\"ts\">\nimport FormCard from './formElement/FormCard.vue';\nimport SvgIcon from '../base/SvgIcon.vue';\nimport PopupOverlay from '@/components/popup/PopupOverlay.vue';\nimport authApi from '@/services/authApi';\nimport { RuleEnum } from '@/constants/enums/RuleEnum';\nimport { useValidator } from '@/composables/useValidator';\nimport { computed, ref } from 'vue';\n\nconst formChoose = defineModel('formChoose');\nconst showPopup = ref(false);\nconst phoneNumber = ref('');\nconst { errorMessage, handleValidate } = useValidator();\nconst correctFormat = computed(() => {\n  return handleValidate(RuleEnum.Phone, phoneNumber.value);\n});\nconst sentPhonenumber = () => {\n  if (correctFormat.value && phoneNumber.value.trim() !== '') {\n    authApi.forgetPassword(phoneNumber.value);\n    showPopup.value = true;\n  }\n};\nconst hideMiddlePhonenumber = (number: string) => {\n  return number.replace(/(\\d{4})(\\d{3})(\\d{3})/, '$1-XXX-$3');\n};\n</script>\n<template>\n  <FormCard>\n    <div class=\"title\">\n      <SvgIcon @click=\"formChoose = 'LoginForm'\" color=\"grey\" name=\"arrowLeft\" />\n      <p>忘記密碼</p>\n      <SvgIcon @click=\"formChoose = ''\" color=\"grey\" name=\"cross\" />\n    </div>\n    <p class=\"hint\">帳號密碼會以簡訊方式發送至您註冊的手機</p>\n    <div class=\"input-block\">\n      <p>手機號碼<span>*</span></p>\n      <input\n        :class=\"[!correctFormat ? 'incorrect-block' : '']\"\n        v-model=\"phoneNumber\"\n        type=\"text\"\n        placeholder=\"請輸入手機號碼\"\n        @keyup.enter=\"sentPhonenumber\"\n      />\n      <p v-if=\"!correctFormat\" class=\"error-hint\">格式不正確</p>\n    </div>\n    <button @click=\"sentPhonenumber\">送出</button>\n    <PopupOverlay v-model:showPopup=\"showPopup\">\n      <div class=\"popup-confirm-card\">\n        <p class=\"popup-title\">請前往確認</p>\n        <p class=\"popup-hint\">您的帳號密碼已傳送至:</p>\n        <p class=\"popup-hint\">{{ hideMiddlePhonenumber(phoneNumber) }}</p>\n        <button class=\"popup-btn\" @click=\"showPopup = !showPopup\">關閉</button>\n      </div>\n    </PopupOverlay>\n  </FormCard>\n</template>\n<style scoped lang=\"scss\">\n.title {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  color: #000000cc;\n  font-size: 18px;\n  font-weight: 600;\n}\n.hint {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: #00000066;\n  font-size: 12px;\n  margin: 4px 0 16px;\n}\n.input-block {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  margin-bottom: 16px;\n  p {\n    color: #19191999;\n    font-weight: 600;\n    display: flex;\n    span {\n      color: #ea4425;\n      font-size: 12px;\n      display: flex;\n    }\n  }\n  input {\n    border: 1px solid #0000001a;\n    border-radius: 4px;\n    padding: 12px;\n    font-size: 16px;\n    color: $txt-color-grey-80;\n    &.incorrect-block {\n      border: 1px solid #ea4425;\n    }\n    &:focus {\n      outline: none;\n    }\n  }\n  .error-hint {\n    color: #ea4425;\n    font-size: 12px;\n    margin-top: 4px;\n  }\n}\nbutton {\n  width: 100%;\n  background-color: #3a3a3a;\n  border-radius: 4px;\n  height: 40px;\n  color: #ffffff;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.popup-confirm-card {\n  width: 280px;\n  background-color: #ffffff;\n  box-shadow: 0px 1px 16px #00000029;\n  border-radius: 8px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  .popup-title {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    color: #000000cc;\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 4px;\n  }\n  .popup-hint {\n    width: 100%;\n    color: #19191966;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n  }\n  .popup-btn {\n    margin-top: 16px;\n    width: 100%;\n    background-color: #f74768;\n    color: #ffffff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    border: none;\n    &:focus {\n      outline: none;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport SvgIcon from '@/components/base/SvgIcon.vue';\nimport type { RuleEnum } from '@/constants/enums/RuleEnum';\nimport { useValidator } from '@/composables/useValidator';\nimport { computed, ref } from 'vue';\n\nconst props = defineProps<{\n  inputTitle: string;\n  inputType: string;\n  inputPlaceHolder?: string;\n  required?: boolean;\n  canShowInputValue?: boolean;\n  verifyRule?: RuleEnum;\n}>();\n\nconst inputValue = defineModel<string>('inputValue', { required: true });\nconst { errorMessage, handleValidate } = useValidator();\nconst type = ref(props.inputType);\nconst showInput = ref(props.canShowInputValue);\n\nconst canDeleteAll = computed(() => {\n  if (inputValue.value.trim() === '') {\n    return false;\n  } else {\n    return true;\n  }\n});\n\nconst cleanInputValue = () => {\n  inputValue.value = '';\n};\n\nconst changeMode = (showInput: boolean): { showInput: boolean; type: string } => ({\n  showInput: !showInput,\n  type: showInput ? 'password' : 'text'\n});\n\nconst correctFormat = ref(true);\n\nconst handleBlur = () => {\n  if (props.verifyRule) {\n    correctFormat.value = handleValidate(props.verifyRule, inputValue.value);\n  }\n  return correctFormat.value\n};\n\ndefineExpose({ handleBlur });\n</script>\n\n<template>\n  <div class=\"card\">\n    <div class=\"for-slot\">\n      <div class=\"input-title-block\">\n        <p class=\"input-title\">{{ props.inputTitle }}</p>\n        <p class=\"require-star\" v-if=\"props.required\">*</p>\n      </div>\n      <div class=\"input-value-block\">\n        <div class=\"for-slot\">\n          <input\n            :class=\"!correctFormat ? 'incorrect-block' : ''\"\n            v-model=\"inputValue\"\n            :placeholder=\"props.inputPlaceHolder\"\n            :type=\"type\"\n            @blur=\"handleBlur\"\n          />\n          <div class=\"inside-input-btn\">\n            <SvgIcon\n              @click=\"cleanInputValue\"\n              class=\"cursor-pointer\"\n              color=\"grey\"\n              name=\"cross\"\n              v-if=\"canDeleteAll\"\n            />\n            <SvgIcon\n              class=\"cursor-pointer\"\n              color=\"grey\"\n              @click=\"\n                showInput = changeMode(showInput)['showInput'];\n                type = changeMode(showInput)['type'];\n              \"\n              v-if=\"props.canShowInputValue\"\n              :name=\"showInput ? 'eyeOff' : 'eye'\"\n            />\n          </div>\n        </div>\n        <slot />\n      </div>\n      <div v-if=\"!correctFormat\">\n        <p class=\"uncorrect-hint\">{{ errorMessage }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.card {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-bottom: 16px;\n  .input-title-block {\n    display: flex;\n    font-weight: 600;\n    margin-bottom: 4px;\n    .input-title {\n      color: #19191999;\n    }\n    .require-star {\n      color: #ea4425;\n    }\n  }\n  .input-value-block {\n    position: relative;\n    display: flex;\n    width: 100%;\n    flex-wrap: wrap;\n    .for-slot {\n      position: relative;\n      flex: 1;\n    }\n\n    input {\n      width: 100%;\n      border: 1px solid #0000001a;\n      border-radius: 4px;\n      overflow: hidden;\n      padding: 0 12px;\n      height: 48px;\n      font-size: 16px;\n      color: #191919cc;\n      &.incorrect-block {\n        border: 1px solid #ea4425;\n        border-radius: 4px;\n      }\n      &:focus {\n        outline: 1px solid $color-grey-60;\n      }\n    }\n    .inside-input-btn {\n      display: flex;\n      position: absolute;\n      right: 12px;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n  }\n  .uncorrect-hint {\n    font-size: 14px;\n    margin-top: 4px;\n    color: #ea4425;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport SvgIcon from '@/components/base/SvgIcon.vue';\nimport { env } from '@/env';\n\nconst providers = [\n  {\n    id: 1,\n    name: 'Google',\n    icon: 'google',\n    color: 'google-500',\n    bgColor: 'white'\n  },\n  {\n    id: 2,\n    name: 'Facebook',\n    icon: 'facebook',\n    color: 'facebook-500',\n    bgColor: 'white'\n  },\n  { id: 3, name: 'LINE', icon: 'line', color: 'line-500', bgColor: 'white' },\n  { id: 4, name: 'Apple', icon: 'apple', color: 'gray-900', bgColor: 'white' }\n];\n\nconst route = useRoute();\n\nconst handleClick = () => {\n  const provider = providers.find((x) => x.id === 4);\n  sessionStorage.setItem('thirdPartySigUp', 'Apple');\n\n  if (provider) {\n    const frontendUrl = encodeURIComponent(`${window.location.origin}/login`);\n    const redirectUrl = encodeURIComponent(\n      `${window.location.origin}/auth/${provider.name}/register`\n    );\n\n    //VITE_AUTH_ENV = 8 localhost\n    window.location.href = `${import.meta.env.VITE_AUTH_API_URL}/oauth/${provider.name}/init?clientId=${\n      import.meta.env.VITE_AUTH_CLIENT_ID\n    }&environmentId=${import.meta.env.VITE_AUTH_ENV}&frontendUrl=${frontendUrl}`;\n  }\n};\n\nonMounted(() => {\n  const { sub, email } = route.query;\n\n  localStorage.setItem('from-third-party-type', '4');\n  if (!Array.isArray(sub)) localStorage.setItem('from-third-party-id', sub ?? '');\n  if (!Array.isArray(email)) localStorage.setItem('from-third-party-email', email ?? '');\n});\n</script>\n\n<template>\n  <div class=\"line-third-card\" @click=\"handleClick\">\n    <SvgIcon name=\"apple\" style=\"width: 32px; height: 32px\" class=\"md\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n/** style */\n.line-third-card {\n  cursor: pointer;\n}\n</style>\n","<script setup>\nimport SvgIcon from '@/components/base/SvgIcon.vue';\nconst emit = defineEmits(['googleVerify']);\nconst parseJwt = (token) => {\n    var base64Url = token.split('.')[1];\n    var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n    var jsonPayload = decodeURIComponent(\n        atob(base64)\n            .split('')\n            .map(function (c) {\n                return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\n            })\n            .join('')\n    );\n    return JSON.parse(jsonPayload);\n};\nconst handleCredentialResponse = (response) => {\n    const thirdPartyData = parseJwt(response.credential);\n    console.log(JSON.stringify(thirdPartyData.sub));\n    window.localStorage.setItem('from-third-party-id', thirdPartyData.sub);\n    window.localStorage.setItem('from-third-party-type', '1');\n    emit('googleVerify', response.credential);\n};\nonMounted(() => {\n    window.google.accounts.id.initialize({\n        client_id: import.meta.env.VITE_GOOGLE_CLIENTID,\n        callback: handleCredentialResponse,\n        context: 'signin'\n    });\n    //建立登入按鈕\n    window.google.accounts.id.renderButton(document.getElementById('google-sign-in-button'), {\n        type: 'icon',\n        shape: 'pill',\n        size: 'large'\n    });\n});\n</script>\n<template>\n    <div class=\"google-btn\">\n        <SvgIcon style=\"width: 32px; height: 32px\" name=\"google\" />\n        <div id=\"google-sign-in-button\"></div>\n    </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.google-btn {\n    position: relative;\n\n    .svg-icon {\n        position: absolute;\n    }\n\n    #google-sign-in-button {\n        opacity: 0;\n        @include wh(32);\n    }\n}\n</style>\n","<script setup>\nimport SvgIcon from '@/components/base/SvgIcon.vue';\nimport { jwtDecode } from 'jwt-decode';\n\nconst emit = defineEmits(['lineVerify']);\nconst route = useRoute();\nconst generateCsrfToken = (length) => {\n    // 定義可能出現在字符串中的所有字符\n    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n    var charactersLength = characters.length;\n    var result = '';\n    // 通過隨機選擇字符並連接到結果字符串上來生成指定長度的隨機字符串\n    for (var i = 0; i < length; i++) {\n        result += characters.charAt(Math.floor(Math.random() * charactersLength));\n    }\n    return result;\n};\nconst LINEAuthSettings = {\n    ClientId: import.meta.env.VITE_LINE_CLIENTID,\n    ClientSecret: import.meta.env.VITE_LINE_CLIENTSECRET,\n    // RedirectUri: 'https://localhost:3001/login',\n    RedirectUri: import.meta.env.VITE_LINE_REDIRECTURI,\n    state: generateCsrfToken(10),\n    scope: `profile%20openid%20email`\n};\n\nconst lineLogin = () => {\n    sessionStorage.setItem('thirdPartySigUp', 'Line');\n    const url = `https://access.line.me/oauth2/v2.1/authorize?response_type=code&client_id=${LINEAuthSettings.ClientId}&redirect_uri=${LINEAuthSettings.RedirectUri}&state=${LINEAuthSettings.state}&scope=${LINEAuthSettings.scope}&nonce=09876xyz`;\n    const res = fetch(url);\n    window.open(url, '_self');\n};\n\nonMounted(async () => {\n    // const urlCode = route.query.code;\n    // if (urlCode === undefined) return;\n    // const params = new URLSearchParams();\n    // params.append('grant_type', 'authorization_code');\n    // params.append('code', urlCode);\n    // params.append('redirect_uri', LINEAuthSettings.RedirectUri);\n    // params.append('client_id', LINEAuthSettings.ClientId);\n    // params.append('client_secret', LINEAuthSettings.ClientSecret);\n    // try {\n    //     let res = await fetch(`https://api.line.me/oauth2/v2.1/token`, {\n    //         method: 'POST',\n    //         headers: {\n    //             'Content-Type': 'application/x-www-form-urlencoded'\n    //         },\n    //         body: params\n    //     });\n    //     if (!res.ok) {\n    //         throw new Error();\n    //     }\n    //     res = await res.json();\n    //     const id_token = jwtDecode(res.id_token);\n    //     localStorage.setItem('from-third-party-type', '3');\n    //     localStorage.setItem('from-third-party-id', id_token?.sub);\n    //     if (id_token.email !== '') localStorage.setItem('from-third-party-email', id_token.email);\n    //     emit('lineVerify', res.access_token);\n    // } catch {\n    //     console.log('error');\n    // }\n});\n</script>\n<template>\n    <div class=\"line-third-card\" @click=\"lineLogin\">\n        <SvgIcon style=\"width: 32px; height: 32px\" class=\"md\" name=\"line\" />\n    </div>\n</template>\n<style scoped lang=\"scss\">\n.line-third-card {\n    cursor: pointer;\n}\n</style>\n","<script setup>\nimport SvgIcon from '@/components/base/SvgIcon.vue';\n\nconst APPID = import.meta.env.VITE_FACEBOOK_APPID;\nconst emit = defineEmits(['metaVerify']);\nconst metaLogin = () => {\n    FB.login(function (response) {\n        if (response.authResponse) {\n            // console.log(response.authResponse);\n            // console.log(response.authResponse.accessToken);\n            // console.log('Welcome!  Fetching your information.... ');\n            window.localStorage.setItem('from-third-party-type', '2');\n            const token = response.authResponse.accessToken;\n            FB.api('/me', { fields: 'name, email' }, function (response) {\n                window.localStorage.setItem('from-third-party-id', response.id);\n                emit('metaVerify', token);\n                // console.log(response);\n            });\n        } else {\n            //    <!-- If you are not logged in, the login dialog will open for you to login asking for permission to get your public profile and email -->\n            console.log('User cancelled login or did not fully authorize.');\n        }\n    });\n};\nonMounted(() => {\n    (function (d, s, id) {\n        var js,\n            fjs = d.getElementsByTagName(s)[0];\n        if (d.getElementById(id)) {\n            return;\n        }\n        js = d.createElement(s);\n        js.id = id;\n        js.src = 'https://connect.facebook.net/en_US/sdk.js';\n        fjs.parentNode.insertBefore(js, fjs);\n    })(document, 'script', 'facebook-jssdk');\n\n    window.fbAsyncInit = function () {\n        // <!-- Initialize the SDK with your app and the Graph API version for your app -->\n        FB.init({\n            appId: APPID,\n            xfbml: true,\n            version: 'v18.0'\n        });\n        // <!-- If you are logged in, automatically get your name and email adress, your public profile information -->\n    };\n});\n</script>\n<template>\n    <div class=\"meta-third-party-card\" @click=\"metaLogin\">\n        <SvgIcon style=\"width: 32px; height: 32px\" class=\"md\" name=\"meta\" />\n    </div>\n</template>\n<style scoped lang=\"scss\">\n.meta-third-party-card {\n    cursor: pointer;\n}\n</style>\n","export const AuthErrorEnum = {\n  '-4001': 'Invalid Credentials Provided',\n  '-4002': 'Email Already Exists',\n  '-4003': 'External Service Error',\n  '-4004': 'Unsupported Authentication Method',\n  '-4005': 'Missing Required Fields',\n  '-4006': 'Too Many Attempts, Try Again Later',\n  '-4007': 'Account Disabled',\n  '-4008': 'Account Not Verified',\n  '-4009': 'Invalid Email Format',\n  '-4010': 'Invalid Phone Number',\n  '-4011': 'Token Expired',\n  '-4012': 'Invalid Token',\n  '-4013': 'Session Expired',\n  '-4014': 'Access Denied',\n  '-4015': 'Account Locked',\n  '-4016': 'Account Not Found',\n  '-4017': 'Password Too Weak',\n  '-4018': 'Passwords Do Not Match',\n  '-4019': 'Password Expired',\n  '-4020': 'Phone Number Already Exists',\n  '-4021': 'Maximum Devices Exceeded',\n  '-4022': 'Device Not Recognized',\n  '-4023': 'Rate Limit Exceeded',\n  '-4024': 'Service Unavailable',\n  '-4025': 'Operation Timed Out',\n  '-4026': 'Email Not Verified',\n  '-4027': 'Phone Number Not Verified',\n  '-4028': 'Invalid Verification Code',\n  '-4029': 'Verification Code Expired',\n  '-4030': 'Too Many Verification Attempts',\n  '-4031': 'Invalid LINE Token',\n  '-4032': 'Invalid Google Token',\n  '-4033': 'Invalid Facebook Token',\n  '-4034': 'SMS Verification Needed',\n  '-4035': 'Invalid SMS Verification Code',\n  '-4036': 'SMS Verification Code Not Sent',\n  '-4037': 'Verification In Progress',\n  '-4038': 'Already Verified',\n  '-4039': 'Check Your Phone For SMS Code',\n  '-4040': 'SMS Rate Limit Exceeded',\n  '-4041': 'SMS Verification Failed',\n  '-4042': 'Phone Number Verification Required',\n  '-4043': 'Phone Number Not Associated With Any Account',\n  '-4044': 'SMS Verification Code Already Used',\n  '-4045': 'Invalid Sex Selected',\n  '-4047': 'SMS Code Has Expired Or Does Not Exist',\n\n  '-4046': 'JWT Token Creation Failed',\n  '-4048': 'JWT Token Not Yet Valid',\n  '-4049': 'JWT Token Signature Invalid',\n  '-4050': 'JWT Token Missing',\n  '-4051': 'JWT Token Cannot Be Refreshed',\n  '-4052': 'JWT Token Refresh Failed',\n  '-4053': 'JWT Token Claims Invalid',\n  '-4054': 'JWT Token Audience Invalid',\n  '-4055': 'JWT Token Issuer Invalid',\n  '-4056': 'Unsupported JWT Token Type',\n  '-4057': 'JWT Token Processing Error',\n\n  '-4058': 'User Needs To Register But Email Not Provided',\n  '-4067': 'No Data In Member And MemberApp ',\n  '-4059': 'User Needs To Register But Email Provided',\n  '-4060': 'SMS Verification Completed But Registration Process Not Completed',\n  '-4061': 'SMS Verification Completed But Registration Process Completed',\n  '-4062': 'Add Member To Temp Table Failed',\n  '-4063': 'Add MgmMemberList To Table Failed',\n  '-4064': 'Add Member To Table Failed',\n  '-4065': 'Register Failed',\n  '-4066': 'Invalid Token',\n  '-4068': 'Third Party Id Missing',\n\n  '-4069': 'User Has Active Subscription',\n  '-4070': 'User Purge Failed',\n  '-4071': 'Invalid Apple Token',\n  '-4072': 'User Needs To Complete Registration Process'\n} as const;\n","import { AuthErrorEnum } from '@/constants/enums/AuthErrorEnum';\nimport { RouteEnum } from '@/constants/enums/RouteEnum';\nimport type { AuthData } from '@/models/interface/auth';\nimport { api } from '@/services';\nimport { useUserStore } from '@/stores/user';\nimport type { ApiDataResponse } from '@/utils/api';\nimport { isApiSuccess, resolveApiData } from '@/utils/api/functions';\nimport { jwtDecode } from 'jwt-decode';\nimport { useRouter } from 'vue-router';\n\nconst user = useUserStore();\n\nexport const useThirdPartVerify = () => {\n  const router = useRouter();\n  const { openToast } = useToast();\n\n  const verifyCodeHandler = (res: ApiDataResponse<AuthData>) => {\n    const data = resolveApiData(res);\n\n    if (isApiSuccess(res)) {\n      //已經用第三方註冊過\n      user.token = data.responseText;\n      user.isFirstLogin = true;\n      user.isLogin = true;\n\n      window.localStorage.removeItem('from-third-party-email');\n      window.localStorage.removeItem('from-third-party-id');\n      window.localStorage.removeItem('from-third-party-type');\n      router.push({ name: RouteEnum.Index });\n      return;\n    }\n\n    window.localStorage.setItem('from-third-party-email', data.email);\n    window.localStorage.setItem('from-third-party-id', data.thirdPartyId);\n    window.localStorage.setItem('from-third-party-type', `${data.thirdPartyType}`);\n\n    //因三方註冊後一定要手機，所以 4058, 4059, 4067 要不顯示錯誤訊息\n    const errorKey = res.data.errorCode?.toString();\n    if (errorKey && errorKey in AuthErrorEnum && !['-4058', '-4059', '-4067'].includes(errorKey)) {\n      openToast('error', AuthErrorEnum[errorKey as keyof typeof AuthErrorEnum]);\n    }\n  };\n\n  const googleVerifyHandler = async (token: string) => {\n    const res = await api.auth.googleVerify(token);\n    verifyCodeHandler(res);\n  };\n\n  const metaVerifyHandler = async (token: string) => {\n    const res = await api.auth.metaVerify(token);\n    verifyCodeHandler(res);\n  };\n\n  const lineVerifyHandler = async (code: string) => {\n    const params = new URLSearchParams();\n    params.append('grant_type', 'authorization_code');\n    params.append('code', code);\n    params.append('redirect_uri', import.meta.env.VITE_LINE_REDIRECTURI);\n    params.append('client_id', import.meta.env.VITE_LINE_CLIENTID);\n    params.append('client_secret', import.meta.env.VITE_LINE_CLIENTSECRET);\n    try {\n      const response = await fetch(`https://api.line.me/oauth2/v2.1/token`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/x-www-form-urlencoded'\n        },\n        body: params\n      });\n      if (!response.ok) {\n        throw new Error();\n      }\n      const data = await response.json();\n      // const id_token = jwtDecode(data.id_token);\n      // localStorage.setItem('from-third-party-type', '3');\n      // localStorage.setItem('from-third-party-id', id_token?.sub);\n      // if (id_token.email !== '') localStorage.setItem('from-third-party-email', id_token.email);\n\n      const res = await api.auth.lineVerify(data.access_token);\n      verifyCodeHandler(res);\n    } catch {\n      console.log('error');\n    }\n  };\n\n  const appleVerifyHandler = async (token: string) => {\n    const res = await api.auth.appleVerify(token);\n    verifyCodeHandler(res);\n  };\n\n  return { googleVerifyHandler, metaVerifyHandler, lineVerifyHandler, appleVerifyHandler };\n};\n","<script setup lang=\"ts\">\nimport authApi from '@/services/authApi';\nimport { useDialogStore } from '@/stores/dialog';\nimport { usePopStore } from '@/stores/pop';\nimport { useUserStore } from '@/stores/user';\nimport SvgIcon from '../base/SvgIcon.vue';\nimport WrongLogin from './errorAlert/WrongLogin.vue';\nimport FormCard from './formElement/FormCard.vue';\nimport FormInput from './formElement/FormInput.vue';\nimport AppleThirdPart from './thirdpart/AppleThirdPart.vue';\nimport GoogleThirdPart from './thirdpart/GoogleThirdPart.vue';\nimport LineThirdParty from './thirdpart/LineThirdParty.vue';\nimport MetaThirdParty from './thirdpart/MetaThirdParty.vue';\n\n// import { stringify } from 'querystring';\nconst user = useUserStore();\nconst popStore = usePopStore();\nconst emit = defineEmits(['getMemberDataAndLogin']);\nconst formChoose = defineModel('formChoose');\nconst showPopup = defineModel('showPopup');\nconst showAlert = defineModel('showAlert');\nconst { isOpen, text, resolveAction } = storeToRefs(useDialogStore());\nconst { googleVerifyHandler, metaVerifyHandler } = useThirdPartVerify();\n\nconst loginData = ref({\n  username: user.userAccount,\n  password: user.userPassword\n});\n\nconst login = async () => {\n  popStore.loadingStatus = true;\n  if (\n    loginData.value.username.trim() === '' ||\n    loginData.value.username === undefined ||\n    loginData.value.username === null\n  ) {\n    return;\n  }\n  const res = await authApi.login(loginData.value);\n  if (typeof res === 'string') {\n    user.token = res;\n    saveUserAccountAndPasswordOrNot(user.rememberAccountAndPassword);\n    emit('getMemberDataAndLogin', res);\n  }\n  if (res.status && res.status !== 200) {\n    switch (res.errorCode) {\n      case -4001:\n        showPopup.value = true;\n        showAlert.value = WrongLogin;\n        break;\n    }\n  }\n  popStore.loadingStatus = false;\n};\nconst saveUserAccountAndPasswordOrNot = (save: boolean) => {\n  if (save) {\n    user.userAccount = loginData.value.username;\n    user.userPassword = loginData.value.password;\n  } else {\n    user.userAccount = '';\n    user.userPassword = '';\n  }\n};\nconst ForgetAccount = () => {\n  text.value = {\n    title: '忘記帳號',\n    content: '請聯繫客服：02-2523-9777 或\\nLine：@funday',\n    actionBtn: '確定',\n    contentNeedCenter: true\n  };\n  resolveAction.value = () => {};\n\n  isOpen.value = true;\n};\nconst ForgetPassword = () => {\n  formChoose.value = 'ForgetPassword';\n};\n\nconst handleGoogleVerify = (token: string) => {\n  googleVerifyHandler(token);\n  formChoose.value = 'ThirdPartSignupForm';\n};\n\nconst handleMetaVerify = (token: string) => {\n  metaVerifyHandler(token);\n  formChoose.value = 'ThirdPartSignupForm';\n};\n\nconst isBrowser = () => {\n  const userAgent = navigator.userAgent;\n\n  // 判断用户代理字符串中是否包含特定的浏览器标识\n  if (userAgent.indexOf('Chrome') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Safari') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Firefox') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('MSIE') !== -1 || userAgent.indexOf('Trident/') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Edge') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Opera') !== -1 || userAgent.indexOf('OPR') !== -1) {\n    return true;\n  } else {\n    return false; // 如果无法确定浏览器类型，则返回 \"Unknown\"\n  }\n};\n</script>\n\n<template>\n  <FormCard @keyup.enter=\"login\">\n    <div class=\"title-block\">\n      <div class=\"cross-btn\" @click=\"formChoose = ''\">\n        <SvgIcon color=\"grey\" name=\"cross\" />\n      </div>\n    </div>\n    <FormInput\n      :required=\"true\"\n      inputPlaceHolder=\"請輸入帳號\"\n      inputTitle=\"帳號\"\n      inputType=\"text\"\n      v-model:inputValue=\"loginData.username\"\n    ></FormInput>\n    <FormInput\n      :canShowInputValue=\"true\"\n      :required=\"true\"\n      inputPlaceHolder=\"請輸入密碼\"\n      inputTitle=\"密碼\"\n      inputType=\"password\"\n      v-model:inputValue=\"loginData.password\"\n    ></FormInput>\n    <div class=\"memory-and-find-password-block\">\n      <div class=\"memory-password-block\">\n        <input id=\"remember-me\" type=\"checkbox\" v-model=\"user.rememberAccountAndPassword\" />\n        <label class=\"remember-me\" for=\"remember-me\">\n          <div class=\"virtual-square\"></div>\n          <p class=\"text\">記住帳號密碼</p>\n        </label>\n      </div>\n      <div class=\"flex gap-[12px]\">\n        <p @click=\"ForgetAccount\" class=\"forget-password-block\">忘記帳號</p>\n        <p @click=\"ForgetPassword\" class=\"forget-password-block\">忘記密碼</p>\n      </div>\n    </div>\n    <div class=\"login-btn\" @click=\"login\">登入</div>\n    <div class=\"third-part-block\">\n      <div class=\"virtual-line\"></div>\n      <p>或由第三方登入</p>\n      <div class=\"virtual-line\"></div>\n    </div>\n    <div class=\"third-part-icon-block\" v-if=\"isBrowser()\">\n      <GoogleThirdPart @googleVerify=\"handleGoogleVerify\" />\n      <MetaThirdParty @metaVerify=\"handleMetaVerify\" />\n      <LineThirdParty />\n      <AppleThirdPart />\n    </div>\n  </FormCard>\n</template>\n\n<style scoped lang=\"scss\">\n.title-block {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n  align-items: center;\n  position: relative;\n  .text {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    margin: 0;\n    color: #000000cc;\n    font-size: 18px;\n    font-weight: 600;\n  }\n  .cross-btn {\n    // position: absolute;\n    // right: 12px;\n    cursor: pointer;\n  }\n}\n.hint-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  gap: 8px;\n  margin: 4px 0 16px 0;\n  .hint-que {\n    color: #00000066;\n  }\n  .hint-join {\n    color: #f74768;\n    cursor: pointer;\n    &:hover {\n      text-decoration: underline;\n      text-decoration-color: #f74768;\n    }\n  }\n}\n.memory-and-find-password-block {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  .forget-password-block {\n    color: #f74768;\n    cursor: pointer;\n    &:hover {\n      text-decoration: underline;\n      text-decoration-color: #f74768;\n    }\n  }\n  .memory-password-block {\n    display: flex;\n    align-items: center;\n\n    input {\n      display: none;\n    }\n    .remember-me {\n      display: flex;\n      align-items: center;\n      font-size: 16px;\n      color: $txt-color-grey-60;\n      cursor: pointer;\n      .virtual-square {\n        width: 20px;\n        height: 20px;\n        overflow: hidden;\n        background-image: url('../../assets/icon/checkboxUncheck.svg');\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: contain;\n      }\n      &:hover {\n        color: $txt-color-grey-80;\n        .virtual-square {\n          background-image: url('../../assets/icon/checkboxHover.svg');\n        }\n      }\n    }\n    input:checked ~ .remember-me {\n      .virtual-square {\n        background-image: url('../../assets/icon/checkboxChecked.svg');\n      }\n      &:hover {\n        .virtual-square {\n          background-image: url('../../assets/icon/checkboxCheckedAndHover.svg');\n        }\n      }\n    }\n  }\n}\n\n.junior-landing-page > .main-content > .card > .login-btn {\n  background-color: #d44934;\n}\n\n.junior-landing-page > .main-content > .card > .login-btn:hover {\n  background-color: #7f2c1f;\n}\n\n.login-btn {\n  margin: 16px 0;\n  background-color: #3a3a3a;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: #ffffff;\n  height: 40px;\n  width: 100%;\n  cursor: pointer;\n}\n.third-part-block {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 16px;\n  .virtual-line {\n    height: 1px;\n    flex: 1;\n    border: 1px solid #0000001a;\n  }\n  p {\n    color: #00000066;\n    font-size: 12px;\n  }\n}\n.third-part-icon-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useAppStore } from '@/stores/app';\nimport { RouteEnum } from '@/constants/enums/RouteEnum';\n\nconst props = defineProps<{ logoColor?: 'dark' | 'light' }>(); // Header Logo 日夜版\nconst appStore = useAppStore();\nconst router = useRouter();\nconst route = useRoute();\nconst formChoose = defineModel('formChoose');\nconst isJuniorLoginPage = computed(() => route.name === 'loginJunior');\n\nconst logoFileName = computed(() => {\n  console.log('===appStore.isMobile', appStore.isMobile)\n  if (route.name === RouteEnum.LoginJunior) {\n    return appStore.isMobile ? 'FUNDAY-Junior-LOGO.svg' : 'FUNDAY-Junior-lg-LOGO.svg';\n  }\n\n  if (props?.logoColor == 'dark') {\n    return appStore.isMobile ? 'FUNDAY-lg-dark.svg' : 'FUNDAYLOGO-dark.svg';\n  }\n\n  // 默認為日版 props?.theme == 'light'\n  return appStore.isMobile ? 'FUNDAY-lg.svg' : 'FUNDAYLOGO.svg';\n});\n</script>\n\n<template>\n  <header class=\"login-header\">\n    <div class=\"login-header-wrapper pageContainer\">\n      <div class=\"logo\">\n        <img\n          :class=\"{\n            'junior-login-Logo-mobile': isJuniorLoginPage && appStore.isMobile,\n            'junior-login-Logo': isJuniorLoginPage && !appStore.isMobile\n          }\"\n          loading=\"lazy\"\n          fetchpriority=\"high\"\n          decoding=\"async\"\n          :src=\"`/images/logo/${logoFileName}`\"\n          alt=\"FUNDAY\"\n        />\n      </div>\n\n      <ul class=\"options\">\n        <li v-if=\"!appStore.isLanding\" class=\"login-btn\" :class=\"props?.logoColor == 'light' ? 'light-login-btn' : ''\" @click=\"formChoose = 'LoginForm'\">登入</li>\n        <li v-if=\"appStore.isLanding\" class=\"return-btn\" :class=\"props?.logoColor == 'light' ? 'light-login-btn' : ''\" @click=\"router.back()\">返回學習 ></li>\n      </ul>\n    </div>\n  </header>\n  <!-- </div> -->\n</template>\n\n<style scoped lang=\"scss\">\n.light-login-btn {\n  background-color: white !important;\n  color: black !important;\n}\n.login-header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n\n  width: 100%;\n  z-index: 2;\n  padding-block: 16px;\n\n  background-color: transparent;\n\n  &-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    .logo {\n      display: block;\n      margin-inline: 0 auto;\n      height: 100%;\n      max-width: 206px;\n      width: 10.7%;\n\n      // img {\n      //     @include wh;\n      // }\n\n      .junior-login-Logo {\n        padding-top: 20px; // Logo 陰影會造成視覺上沒有置中\n      }\n    }\n  }\n}\n.options {\n  // flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: end;\n  color: white;\n  gap: 16px;\n  li {\n    cursor: pointer;\n    &.login-btn {\n      width: 84px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 100px;\n      background: #3a3a3a;\n      color: #fff;\n      font-size: 18px;\n\n      @include media-breakpoint-down(md) {\n        width: 60px;\n        height: 32px;\n        font-size: 14px;\n      }\n    }\n    &.return-btn {\n      border-radius: 100px;\n      background: #3a3a3a;\n      color: #fff;\n      padding: 12px 24px;\n      font-size: 18px;\n      line-height: 24px;\n    }\n    &.join-btn {\n      width: 120px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 8px 16px;\n      border-radius: 100px;\n      background-color: #f74768;\n      font-size: 18px;\n    }\n  }\n}\n\n@media (max-width: '390px') {\n  .login-header {\n    &-wrapper {\n      .logo {\n        .junior-login-Logo {\n          width: 184px;\n          aspect-ratio: 55 / 12;\n        }\n      }\n    }\n  }\n}\n</style>\n","import { CookiesKeys } from '@/constants/enums/CookiesEnum';\nimport { LocalStorageKeys } from '@/constants/enums/LocalStorageEnum';\nimport type {\n  NeedHelpRequset,\n  RegisterRequset,\n  SMSVerificationRequset\n} from '@/models/interface/register';\nimport { api } from '@/services';\nimport type { ApiDataResponse } from '@/utils/api';\nimport { resolveApiData } from '@/utils/api/functions';\nimport { UtilCommon } from '@/utils/utilCommon';\n\nexport const useRegister = () => {\n  const smsVerificationRequsetMapping = (requestParams: SMSVerificationRequset) => {\n    return requestParams;\n  };\n\n  const registerRequsetMapping = (requestParams: RegisterRequset) => {\n    return requestParams;\n  };\n\n  const needHelpRequsetMapping = (requestParams: NeedHelpRequset) => {\n    return requestParams;\n  };\n\n  const mapping = (response: ApiDataResponse<string>) => {\n    return {\n      ...response.data,\n      content: resolveApiData(response)\n    };\n  };\n\n  const fetchData = async (\n    requestParams: SMSVerificationRequset | RegisterRequset | NeedHelpRequset\n  ) => {\n    if (isNeedHelp(requestParams)) {\n      const res = await api.login.needHelp(needHelpRequsetMapping(requestParams));\n      console.log(res);\n    } else if (isRegister(requestParams)) {\n      const mgm = UtilCommon.getLocalStorage(LocalStorageKeys.MGMCode)\n      const adId = UtilCommon.getCookie(CookiesKeys.AdId);\n      const obj: any = {...requestParams };\n      if (mgm && mgm != null) {\n        obj.refMGMCode = mgm;\n      }\n      if (adId && adId != null) {\n        obj.ad_id = adId;\n      }\n      const res = await api.login.register(registerRequsetMapping(obj));\n\n      return mapping(res);\n    } else {\n      const res = await api.login.smsVerification(smsVerificationRequsetMapping(requestParams));\n\n      return mapping(res);\n    }\n  };\n\n  function isRegister(\n    params: SMSVerificationRequset | RegisterRequset | NeedHelpRequset\n  ): params is RegisterRequset {\n    return (params as RegisterRequset).sex !== undefined;\n  }\n\n  function isNeedHelp(\n    params: SMSVerificationRequset | RegisterRequset | NeedHelpRequset\n  ): params is NeedHelpRequset {\n    return (params as NeedHelpRequset).tel !== undefined;\n  }\n\n  return {\n    fetchData\n  };\n};\n","<script setup lang=\"ts\">\nconst showPopup = defineModel('showPopup');\n\nconst handleClick = () => {\n  showPopup.value = false;\n};\n</script>\n\n<template>\n  <div class=\"wrong-sex-card\">\n    <p>系統延遲，請稍後再試</p>\n    <button @click=\"handleClick\">確定</button>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.wrong-sex-card {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 290px;\n  height: 129px;\n  padding: 24px;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  align-items: center;\n  justify-content: space-between;\n  p {\n    color: $txt-color-grey-80;\n    font-size: 18px;\n    font-weight: 600;\n  }\n  button {\n    width: 100%;\n    border: none;\n    background-color: #f74768;\n    color: #ffffff;\n    font-size: 16px;\n    border-radius: 4px;\n    padding: 8px 24px;\n    cursor: pointer;\n  }\n}\n\n.junior-landing-page > .main-content > .popup-overlay > .wrong-sex-card > button {\n  background-color: $color-brownish-100;\n}\n</style>\n","<script setup lang=\"ts\">\nconst showPopup = defineModel('showPopup');\n</script>\n<template>\n  <div class=\"wrong-sex-card\">\n    <p>請選擇性別</p>\n    <button @click=\"showPopup = false\">確定</button>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.wrong-sex-card {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 290px;\n  height: 129px;\n  padding: 24px;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  align-items: center;\n  justify-content: space-between;\n  p {\n    color: $txt-color-grey-80;\n    font-size: 18px;\n    font-weight: 600;\n  }\n  button {\n    width: 100%;\n    border: none;\n    background-color: #f74768;\n    color: #ffffff;\n    font-size: 16px;\n    border-radius: 4px;\n    padding: 8px 24px;\n    cursor: pointer;\n  }\n}\n\n.junior-landing-page > .main-content > .popup-overlay > .wrong-sex-card > button {\n  background-color: $color-brownish-100;\n}\n</style>\n","<script setup lang=\"ts\">\nconst showPopup = defineModel('showPopup');\nconst formChoose = defineModel('formChoose');\nconst toLogin = () => {\n  showPopup.value = false;\n  formChoose.value = 'LoginForm';\n};\nconst forgetPassword = () => {\n  showPopup.value = false;\n  formChoose.value = 'ForgetPassword';\n};\n</script>\n<template>\n  <div class=\"wrong-sex-card\">\n    <p>重複註冊</p>\n    <p class=\"hint\">\n      很抱歉，你的帳號/手機已經註冊過了。請直接<span @click=\"toLogin\">登入</span>或點擊<span\n        @click=\"forgetPassword\"\n        >忘記密碼</span\n      >查詢\n    </p>\n\n    <button @click=\"showPopup = false\">確定</button>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.wrong-sex-card {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 290px;\n  padding: 24px;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  align-items: center;\n  justify-content: space-between;\n  p {\n    color: $txt-color-grey-80;\n    font-size: 18px;\n    font-weight: 600;\n    width: 100%;\n  }\n  .hint {\n    color: $txt-color-grey-40;\n    font-size: 14px;\n    margin-top: 4px;\n    margin-bottom: 16px;\n    line-height: 19.6px;\n    span {\n      color: #f74768;\n      position: relative;\n      cursor: pointer;\n      &:hover {\n        &:after {\n          content: '';\n          width: 100%;\n          bottom: -2px;\n          left: 0;\n          height: 1px;\n          background-color: #f74768;\n          position: absolute;\n        }\n      }\n    }\n  }\n  button {\n    width: 100%;\n    border: none;\n    background-color: #f74768;\n    color: #ffffff;\n    font-size: 16px;\n    border-radius: 4px;\n    padding: 8px 24px;\n    cursor: pointer;\n  }\n}\n\n.junior-landing-page > .main-content > .popup-overlay > .wrong-sex-card {\n  > button {\n    background-color: $color-brownish-100;\n  }\n\n  .hint {\n    span {\n      color: $color-brownish-100;\n      &:hover {\n        &:after {\n          background-color: $color-brownish-100;\n        }\n      }\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useRegister } from '@/composables/dto/useRegister';\nimport { RuleEnum } from '@/constants/enums/RuleEnum';\nimport type { SignupData } from '@/models/interface/register';\nimport WrongMessage from './errorAlert/WrongMessage.vue';\nimport WrongSex from './errorAlert/WrongSex.vue';\nimport WrongSignupPhone from './errorAlert/WrongSignupPhone.vue';\nimport FormCard from './formElement/FormCard.vue';\nimport FormInput from './formElement/FormInput.vue';\nimport AppleThirdPart from './thirdpart/AppleThirdPart.vue';\nimport GoogleThirdPart from './thirdpart/GoogleThirdPart.vue';\nimport LineThirdParty from './thirdpart/LineThirdParty.vue';\nimport MetaThirdParty from './thirdpart/MetaThirdParty.vue';\n\ninterface content {\n  thirdPartyId: string;\n  email: string;\n  responseText: string;\n}\n\nconst formChoose = defineModel('formChoose');\nconst showPopup = defineModel('showPopup');\nconst showAlert = defineModel('showAlert');\nconst information = defineModel<SignupData>('information', { required: true });\n\nconst pop = usePopStore();\nconst inputRefPhone = ref<InstanceType<typeof FormInput>>();\nconst inputRefName = ref<InstanceType<typeof FormInput>>();\nconst { fetchData } = useRegister();\nconst { googleVerifyHandler, metaVerifyHandler } = useThirdPartVerify();\n\nconst sendVerifyCode = async () => {\n  information.value.verificationCode = '';\n\n  pop.loadingStatus = true;\n  const res = await fetchData({\n    phone: information.value.phone,\n    fullName: information.value.fullName\n  });\n  pop.loadingStatus = false;\n\n  if (res) {\n    if (res.isSuccess) {\n      formChoose.value = 'SMSVerification';\n      return;\n    }\n\n    if (res.errorCode === -4020 || res.errorCode === -4038) {\n      showPopup.value = true;\n      showAlert.value = WrongSignupPhone;\n      return;\n    }\n\n    showPopup.value = true;\n    showAlert.value = WrongMessage;\n  }\n};\n\nconst signup = async () => {\n  const checkedPhone = inputRefPhone.value?.handleBlur() ?? false;\n  const checkedName = inputRefName.value?.handleBlur() ?? false;\n  if (!checkedPhone || !checkedName) return;\n\n  if (information.value.sex === '-1') {\n    showPopup.value = true;\n    showAlert.value = WrongSex;\n    return;\n  }\n\n  sendVerifyCode();\n};\n\nconst handleGoogleVerify = (token: string) => {\n  googleVerifyHandler(token);\n  formChoose.value = 'ThirdPartSignupForm';\n};\n\nconst handleMetaVerify = (token: string) => {\n  metaVerifyHandler(token);\n  formChoose.value = 'ThirdPartSignupForm';\n};\n\nconst openServiceContract = () => {\n  window.open('https://funday.asia/policy/policy.html', '_blank');\n};\n\nconst isBrowser = () => {\n  const userAgent = navigator.userAgent;\n\n  // 判断用户代理字符串中是否包含特定的浏览器标识\n  if (userAgent.indexOf('Chrome') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Safari') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Firefox') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('MSIE') !== -1 || userAgent.indexOf('Trident/') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Edge') !== -1) {\n    return true;\n  } else if (userAgent.indexOf('Opera') !== -1 || userAgent.indexOf('OPR') !== -1) {\n    return true;\n  } else {\n    return false; // 如果无法确定浏览器类型，则返回 \"Unknown\"\n  }\n};\n</script>\n\n<template>\n  <FormCard>\n    <div class=\"title-container\">\n      <p>免費加入</p>\n      <div class=\"cross-btn\" @click=\"formChoose = ''\">\n        <SvgIcon color=\"grey\" name=\"cross\" />\n      </div>\n    </div>\n\n    <div class=\"email-block\">\n      <FormInput\n        ref=\"inputRefPhone\"\n        inputPlaceHolder=\"請輸入手機號碼\"\n        inputTitle=\"帳號\"\n        inputType=\"text\"\n        :verifyRule=\"RuleEnum.Phone\"\n        :required=\"true\"\n        v-model:inputValue=\"information.phone\"\n      />\n    </div>\n\n    <div class=\"name-and-sex-block\">\n      <FormInput\n        ref=\"inputRefName\"\n        inputPlaceHolder=\"請輸入中文姓名\"\n        inputTitle=\"中文姓名\"\n        inputType=\"text\"\n        :verifyRule=\"RuleEnum.Name\"\n        :required=\"true\"\n        v-model:inputValue=\"information.fullName\"\n        style=\"margin: 0\"\n      ></FormInput>\n\n      <div class=\"sex-block\">\n        <p class=\"sex\">性別<span>*</span></p>\n        <div class=\"choose-sex-block\">\n          <label class=\"female-female\">\n            <input type=\"radio\" value=\"1\" v-model=\"information.sex\" />\n            <div class=\"virtual-input\"></div>\n            <p>男</p>\n          </label>\n          <label class=\"female-female\">\n            <input type=\"radio\" value=\"0\" v-model=\"information.sex\" />\n            <div class=\"virtual-input\"></div>\n            <p>女</p>\n          </label>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"third-part-block\">\n      <div class=\"virtual-line\"></div>\n      <p>其他方式加入</p>\n      <div class=\"virtual-line\"></div>\n    </div>\n\n    <div class=\"third-part-icon-block\" v-if=\"isBrowser()\">\n      <GoogleThirdPart @googleVerify=\"handleGoogleVerify\" />\n      <MetaThirdParty @metaVerify=\"handleMetaVerify\" />\n      <LineThirdParty />\n      <AppleThirdPart />\n    </div>\n\n    <div class=\"login-btn\" @click=\"signup\">送出</div>\n\n    <p class=\"hint-rule-notice\" @click=\"openServiceContract\">\n      加入即代表同意FUNDAY的<span>服務條款與隱私權</span>\n    </p>\n  </FormCard>\n</template>\n\n<style scoped lang=\"scss\">\n.title-container {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  position: relative;\n  margin-bottom: 16px;\n  p {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #000000cc;\n    font-size: 18px;\n    font-weight: 600;\n\n    @include media-breakpoint-down(lg) {\n      justify-content: center;\n    }\n  }\n  .cross-btn {\n    cursor: pointer;\n  }\n}\n.hint-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  gap: 8px;\n  margin: 4px 0 16px 0;\n  .hint-que {\n    color: #00000066;\n  }\n  .hint-join {\n    color: #f74768;\n    cursor: pointer;\n    &:hover {\n      text-decoration: underline;\n      text-decoration-color: #f74768;\n    }\n  }\n}\n.email-block {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  .send-verify-code {\n    border-radius: 4px;\n    margin-left: 8px;\n    width: 102px;\n    flex-shrink: 0;\n    white-space: nowrap;\n    height: 48px;\n    color: $txt-color-grey-80;\n    font-size: 14px;\n    background-color: #f4f4f4;\n    border: none;\n    cursor: pointer;\n  }\n}\n.verify-hint {\n  color: $txt-color-grey-24;\n  font-size: 12px;\n  width: 100%;\n}\n.third-part-block {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 16px;\n  .virtual-line {\n    height: 1px;\n    flex: 1;\n    border: 1px solid #0000001a;\n  }\n  p {\n    color: #00000066;\n    font-size: 12px;\n  }\n}\n.name-and-sex-block {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 16px;\n  .sex-block {\n    display: flex;\n    flex-direction: column;\n    white-space: nowrap;\n    .sex {\n      min-width: 104px;\n      color: $txt-color-grey-60;\n      font-weight: 600;\n      span {\n        color: #f74768;\n      }\n    }\n    .choose-sex-block {\n      display: flex;\n      justify-content: space-between;\n\n      .female-female {\n        display: flex;\n        height: 48px;\n        align-items: center;\n        color: $txt-color-grey-60;\n        cursor: pointer;\n        input {\n          display: none;\n        }\n        .virtual-input {\n          width: 24px;\n          height: 24px;\n          background-position: center center;\n          background-repeat: no-repeat;\n          margin-right: 4px;\n          background-image: url('../../assets/icon/inputRadio.svg');\n          &:hover {\n            background-image: url('../../assets/icon/inputRadioHover.svg');\n          }\n        }\n        input:checked ~ .virtual-input {\n          background-image: url('../../assets/icon/inputRadioChecked.svg');\n          &:hover {\n            background-image: url('../../assets/icon/inputRadioCheckedAndHover.svg');\n          }\n        }\n      }\n    }\n  }\n}\n\n.junior-landing-page > .main-content > .card > .login-btn {\n  background-color: #d44934;\n}\n\n.junior-landing-page > .main-content > .card > .login-btn:hover {\n  background-color: #7f2c1f;\n}\n\n.login-btn {\n  margin: 16px 0;\n  background-color: #f74768;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: #ffffff;\n  height: 40px;\n  width: 100%;\n  cursor: pointer;\n}\n.third-part-icon-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n}\n.hint-rule-notice {\n  width: 100%;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  font-size: 12px;\n  color: $txt-color-grey-40;\n  font-size: 12px;\n\n  @include media-breakpoint-down(lg) {\n    justify-content: center;\n  }\n\n  span {\n    position: relative;\n    cursor: pointer;\n    &:after {\n      content: '';\n      width: 100%;\n      bottom: -2px;\n      left: 0;\n      height: 1px;\n      background-color: $txt-color-grey-40;\n      position: absolute;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nconst showPopup = defineModel('showPopup');\n</script>\n\n<template>\n  <div class=\"wrong-sex-card\">\n    <p>已收到您的問題，將有專人於一個工作日內致電協助您，謝謝</p>\n\n    <button @click=\"showPopup = false\">確定</button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n/** style */\n.wrong-sex-card {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 300px;\n  height: 138px;\n  padding: 24px;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  align-items: center;\n  justify-content: space-between;\n  p {\n    color: #191919cc;\n    font-size: 16px;\n    font-weight: 400;\n    text-align: center;\n  }\n  button {\n    width: 100%;\n    border: none;\n    background-color: #f74768;\n    color: #ffffff;\n    font-size: 16px;\n    border-radius: 4px;\n    padding: 8px 24px;\n    cursor: pointer;\n  }\n}\n\n.junior-landing-page > .main-content > .popup-overlay > .wrong-sex-card > button {\n  background-color: $color-brownish-100;\n}\n</style>\n","<script setup lang=\"ts\">\nconst showPopup = defineModel('showPopup');\n\nconst handleClick = () => {\n  showPopup.value = false;\n};\n</script>\n\n<template>\n  <div class=\"wrong-sex-card\">\n    <p>驗證碼錯誤</p>\n    <button @click=\"handleClick\">確定</button>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.wrong-sex-card {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 290px;\n  height: 129px;\n  padding: 24px;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  background-color: #ffffff;\n  align-items: center;\n  justify-content: space-between;\n  p {\n    color: $txt-color-grey-80;\n    font-size: 18px;\n    font-weight: 600;\n  }\n  button {\n    width: 100%;\n    border: none;\n    background-color: #f74768;\n    color: #ffffff;\n    font-size: 16px;\n    border-radius: 4px;\n    padding: 8px 24px;\n    cursor: pointer;\n  }\n}\n\n.junior-landing-page > .main-content > .popup-overlay > .wrong-sex-card > button {\n  background-color: $color-brownish-100;\n}\n</style>\n","import { ref, onUnmounted } from 'vue';\n\nexport const useCountdown = (initialTime = 60) => {\n  const timeLeft = ref<number>(initialTime);\n  const isCounting = ref<boolean>(false);\n  let timer: number | undefined;\n\n  const startCountdown = () => {\n    if (isCounting.value) return;\n    isCounting.value = true;\n    timer = window.setInterval(() => {\n      if (timeLeft.value > 0) {\n        timeLeft.value--;\n      } else {\n        clearInterval(timer);\n        isCounting.value = false;\n      }\n    }, 1000);\n  };\n\n  const resetTime = () => {\n    clearInterval(timer);\n    isCounting.value = false;\n    timeLeft.value = initialTime;\n  };\n\n  onUnmounted(() => {\n    if (timer) {\n      clearInterval(timer);\n    }\n  });\n\n  return {\n    timeLeft,\n    isCounting,\n    startCountdown,\n    resetTime\n  };\n};\n","<script setup lang=\"ts\">\nimport { RouteEnum } from '@/constants/enums/RouteEnum';\nimport { RuleEnum } from '@/constants/enums/RuleEnum';\nimport type { SignupData } from '@/models/interface/register';\nimport WrongAlert from './errorAlert/WrongAlert.vue';\nimport WrongMessage from './errorAlert/WrongMessage.vue';\nimport WrongSignupPhone from './errorAlert/WrongSignupPhone.vue';\nimport WrongVerificationCode from './errorAlert/WrongVerificationCode.vue';\nimport FormCard from './formElement/FormCard.vue';\nimport FormInput from './formElement/FormInput.vue';\n\nconst router = useRouter();\nconst user = useUserStore();\n\nconst formChoose = defineModel('formChoose');\nconst showPopup = defineModel('showPopup');\nconst showAlert = defineModel('showAlert');\nconst information = defineModel<SignupData>('information', { required: true });\nconst inputRefVerificationCode = ref<InstanceType<typeof FormInput>>();\n\nconst { timeLeft, isCounting, startCountdown, resetTime } = useCountdown();\nconst verifyCodeText = ref<string>('重發');\nconst isSubmit = ref<boolean>(false);\n\nconst { fetchData } = useRegister();\n\nconst sendVerifyCode = async () => {\n  resetTime();\n  startCountdown();\n  information.value.verificationCode = '';\n\n  const res = await fetchData({\n    phone: information.value.phone,\n    fullName: information.value.fullName\n  });\n\n  if (res) {\n    if (res.isSuccess) return;\n\n    resetTime();\n    if (res.errorCode === -4020 || res.errorCode === -4038) {\n      showPopup.value = true;\n      showAlert.value = WrongSignupPhone;\n      return;\n    }\n\n    showPopup.value = true;\n    showAlert.value = WrongMessage;\n  }\n};\nconst handleSubmit = async () => {\n  isSubmit.value = true;\n  const checked = inputRefVerificationCode.value?.handleBlur() ?? false;\n\n  if (!checked) {\n    isSubmit.value = false;\n    return;\n  }\n  const res = await fetchData(information.value);\n\n  if (res && res.isSuccess) {\n    user.token = res.content;\n    //thankYou page要有phone:+886xxxxxxxxxx，因此暫存在sessionStorage\n    sessionStorage.setItem('phone', `+886${information.value.phone.slice(1)}`);\n    router.push({ name: RouteEnum.ThankYou });\n    return;\n  }\n\n  if (res) {\n    isSubmit.value = false;\n    if (res.errorCode === -4038 || res.errorCode === -4061) {\n      showPopup.value = true;\n      showAlert.value = WrongSignupPhone;\n      return;\n    }\n    if (res.errorCode === -4035 || res.errorCode === -4047) {\n      showPopup.value = true;\n      showAlert.value = WrongVerificationCode;\n      return;\n    }\n    showPopup.value = true;\n    showAlert.value = WrongMessage;\n  }\n};\n\nconst handleClick = async () => {\n  const res = fetchData({ tel: information.value.phone });\n\n  showPopup.value = true;\n  showAlert.value = WrongAlert;\n};\n\nonMounted(() => {\n  startCountdown();\n});\n</script>\n\n<template>\n  <FormCard>\n    <div class=\"title-container\">\n      <p>簡訊驗證碼</p>\n      <div class=\"cross-btn\" @click=\"formChoose = ''\">\n        <SvgIcon color=\"grey\" name=\"cross\" />\n      </div>\n    </div>\n\n    <div class=\"verify-container\">\n      <FormInput\n        ref=\"inputRefVerificationCode\"\n        inputPlaceHolder=\"請輸入簡訊驗證碼\"\n        inputTitle=\"\"\n        inputType=\"text\"\n        :verifyRule=\"RuleEnum.VerificationCode\"\n        v-model:inputValue=\"information.verificationCode\"\n        style=\"margin: 0\"\n        canDeleteAll\n      >\n        <p class=\"verify-hint\">超過30分鐘，驗證碼即失效</p>\n      </FormInput>\n\n      <button\n        v-if=\"information.verificationCode.trim() === '' || !isCounting\"\n        class=\"send-verify-code\"\n        :class=\"{ isCounting: isCounting }\"\n        @click=\"sendVerifyCode\"\n        :disabled=\"isSubmit\"\n      >\n        {{ isCounting ? `${timeLeft}s` : verifyCodeText }}\n      </button>\n    </div>\n\n    <div class=\"submit\" :class=\"{ isSubmit: isSubmit }\" @click=\"handleSubmit\">\n      <p>免費加入</p>\n      <svg\n        v-if=\"isSubmit\"\n        width=\"21\"\n        height=\"20\"\n        viewBox=\"0 0 20 20\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"animate-spin ml-1.5\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M9.75 1C9.75 0.585786 10.0858 0.25 10.5 0.25C15.8848 0.25 20.25 4.61522 20.25 10C20.25 15.3848 15.8848 19.75 10.5 19.75C5.11522 19.75 0.75 15.3848 0.75 10C0.75 9.58579 1.08579 9.25 1.5 9.25C1.91421 9.25 2.25 9.58579 2.25 10C2.25 14.5564 5.94365 18.25 10.5 18.25C15.0564 18.25 18.75 14.5564 18.75 10C18.75 5.44365 15.0564 1.75 10.5 1.75C10.0858 1.75 9.75 1.41421 9.75 1Z\"\n          fill=\"white\"\n        />\n      </svg>\n    </div>\n\n    <p class=\"no-verify\" @click=\"handleClick\">一直未收到驗證碼?</p>\n  </FormCard>\n</template>\n\n<style lang=\"scss\" scoped>\n/** style */\n.title-container {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  position: relative;\n  margin-bottom: 16px;\n  p {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #000000cc;\n    font-size: 18px;\n    font-weight: 600;\n  }\n  .cross-btn {\n    cursor: pointer;\n  }\n}\n.verify-container {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: self-start;\n  gap: 8px;\n\n  .send-verify-code {\n    border-radius: 4px;\n    margin-top: 4px;\n    width: 102px;\n    flex-shrink: 0;\n    white-space: nowrap;\n    height: 48px;\n    color: $txt-color-grey-80;\n    font-size: 18px;\n    background-color: #f4f4f4;\n    border: none;\n    cursor: pointer;\n\n    &:hover {\n      opacity: 0.8;\n    }\n  }\n  .isCounting {\n    user-select: none;\n    pointer-events: none;\n  }\n  .verify-hint {\n    color: $txt-color-grey-24;\n    font-size: 12px;\n    width: 100%;\n    padding: 8px;\n  }\n}\n.submit {\n  margin: 16px 0;\n  background-color: #f74768;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: #ffffff;\n  height: 40px;\n  width: 100%;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n\n  &.isSubmit {\n    user-select: none;\n    pointer-events: none;\n  }\n}\n.no-verify {\n  color: #f74768;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 18px;\n  text-align: center;\n  width: 100%;\n  cursor: pointer;\n\n  &:hover {\n    opacity: 0.8;\n  }\n}\n\n.junior-landing-page > .main-content > .card > .submit {\n  background-color: $color-brownish-100;\n}\n\n.junior-landing-page > .main-content > .card > .no-verify {\n  color: $color-brownish-100;\n}\n</style>\n","<script setup lang=\"ts\">\nimport WrongSignupPhone from '@/components/login/errorAlert/WrongSignupPhone.vue';\nimport { RuleEnum } from '@/constants/enums/RuleEnum';\nimport type { SignupData } from '@/models/interface/register';\nimport { api } from '@/services';\nimport { isApiSuccess } from '@/utils/api/functions';\nimport { onMounted, ref } from 'vue';\nimport SvgIcon from '../base/SvgIcon.vue';\nimport WrongSex from './errorAlert/WrongSex.vue';\nimport FormCard from './formElement/FormCard.vue';\nimport FormInput from './formElement/FormInput.vue';\n\nconst route = useRoute();\n\nconst formChoose = defineModel('formChoose');\nconst showPopup = defineModel('showPopup');\nconst showAlert = defineModel('showAlert');\nconst information = defineModel<SignupData>('information', { required: true });\n\nconst inputRefPhone = ref<InstanceType<typeof FormInput>>();\nconst inputRefName = ref<InstanceType<typeof FormInput>>();\nconst { appleVerifyHandler, lineVerifyHandler } = useThirdPartVerify();\nconst { openToast } = useToast();\n\nconst sendVerifyCode = async () => {\n  information.value.verificationCode = '';\n\n  const type = window.localStorage.getItem('from-third-party-type');\n\n  const res = await api.auth.thirdPartySMSVerification({\n    phone: information.value.phone,\n    email: window.localStorage.getItem('from-third-party-email') ?? '',\n    fullName: information.value.fullName,\n    thirdPartyId: window.localStorage.getItem('from-third-party-id') ?? '',\n    type: type ? parseInt(type) : 5\n  });\n\n  if (isApiSuccess(res)) {\n    formChoose.value = 'ThirdPartSMSVerification';\n    return;\n  }\n\n  if (res.data.errorCode) {\n    switch (res.data.errorCode) {\n      case -4020:\n        showPopup.value = true;\n        showAlert.value = WrongSignupPhone;\n        break;\n      case -4038:\n        showPopup.value = true;\n        showAlert.value = WrongSignupPhone;\n        break;\n      case -4062:\n        showPopup.value = true;\n        showAlert.value = WrongSignupPhone;\n        break;\n      default:\n        break;\n    }\n    openToast('error', res.data.errorMessage ?? '');\n  }\n};\n\nconst thirdPartysignup = async () => {\n  const checkedPhone = inputRefPhone.value?.handleBlur() ?? false;\n  const checkedName = inputRefName.value?.handleBlur() ?? false;\n\n  if (!checkedPhone || !checkedName) return;\n\n  if (information.value.sex === '-1') {\n    showPopup.value = true;\n    showAlert.value = WrongSex;\n    return;\n  }\n  sendVerifyCode();\n};\n\nconst openServiceContract = () => {\n  window.open('https://funday.asia/policy/policy.html', '_blank');\n};\n\nonMounted(() => {\n  const thirdPartySigUp = sessionStorage.getItem('thirdPartySigUp');\n\n  if (thirdPartySigUp) {\n    sessionStorage.removeItem('thirdPartySigUp');\n    if (thirdPartySigUp === 'Apple') {\n      const { id_token } = route.query;\n\n      if (!Array.isArray(id_token) && id_token) appleVerifyHandler(id_token);\n    }\n    if (thirdPartySigUp === 'Line') {\n      const { code } = route.query;\n      if (!Array.isArray(code) && code) lineVerifyHandler(code);\n    }\n  }\n});\n</script>\n\n<template>\n  <FormCard>\n    <div class=\"title-block\">\n      <div class=\"cross-btn\" @click=\"formChoose = ''\">\n        <SvgIcon color=\"grey\" name=\"cross\" />\n      </div>\n    </div>\n    <div class=\"email-block\">\n      <FormInput\n        ref=\"inputRefPhone\"\n        inputPlaceHolder=\"手機號碼即您的密碼\"\n        inputTitle=\"手機\"\n        inputType=\"text\"\n        :verifyRule=\"RuleEnum.Phone\"\n        :required=\"true\"\n        v-model:inputValue=\"information.phone\"\n      >\n        <!-- <button\n          class=\"send-verify-code\"\n          :style=\"{ width: canSendVerifyCodeStatus ? '160px' : '102px' }\"\n          @click=\"sendVerifyCode\"\n          :disabled=\"canSendVerifyCodeStatus\"\n        >\n          {{ showVerifyCodeText }}\n        </button> -->\n      </FormInput>\n    </div>\n\n    <!-- <FormInput\n      v-if=\"isSendedVerifyCode\"\n      ref=\"inputRefVerificationCode\"\n      inputPlaceHolder=\"請輸入簡訊驗證碼\"\n      inputType=\"text\"\n      inputTitle=\"簡訊驗證碼\"\n      :required=\"true\"\n      :verifyRule=\"RuleEnum.VerificationCode\"\n      v-model:inputValue=\"information.verificationCode\"\n    >\n      <p class=\"verify-hint\">超過30分鐘，驗證碼即失效</p>\n    </FormInput> -->\n\n    <div class=\"name-and-sex-block\">\n      <FormInput\n        ref=\"inputRefName\"\n        inputPlaceHolder=\"請輸入中文姓名\"\n        inputType=\"text\"\n        inputTitle=\"中文姓名\"\n        :required=\"true\"\n        :verifyRule=\"RuleEnum.Name\"\n        v-model:inputValue=\"information.fullName\"\n      />\n      <div class=\"sex-block\">\n        <p class=\"sex\">性別<span>*</span></p>\n        <div class=\"choose-sex-block\">\n          <label class=\"female-female\">\n            <input type=\"radio\" value=\"0\" v-model=\"information.sex\" />\n            <div class=\"virtual-input\"></div>\n            <p>男</p>\n          </label>\n          <label class=\"female-female\">\n            <input type=\"radio\" value=\"1\" v-model=\"information.sex\" />\n            <div class=\"virtual-input\"></div>\n            <p>女</p>\n          </label>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"login-btn\" @click=\"thirdPartysignup\">下一步</div>\n    <p class=\"hint-rule-notice\" @click=\"openServiceContract\">\n      加入即代表同意FUNDAY的<span>服務條款與隱私權</span>\n    </p>\n  </FormCard>\n</template>\n<style scoped lang=\"scss\">\n.title-block {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n  align-items: center;\n  position: relative;\n  .text {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    margin: 0;\n    color: #000000cc;\n    font-size: 18px;\n    font-weight: 600;\n  }\n  .cross-btn {\n    // position: absolute;\n    // right: 12px;\n    cursor: pointer;\n  }\n}\n.hint-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  gap: 8px;\n  margin: 4px 0 16px 0;\n  .hint-que {\n    color: #00000066;\n  }\n  .hint-join {\n    color: #f74768;\n    cursor: pointer;\n    &:hover {\n      text-decoration: underline;\n      text-decoration-color: #f74768;\n    }\n  }\n}\n.email-block {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  .send-verify-code {\n    border-radius: 4px;\n    margin-left: 8px;\n    width: 102px;\n    flex-shrink: 0;\n    white-space: nowrap;\n    height: 48px;\n    color: $txt-color-grey-80;\n    font-size: 14px;\n    background-color: #f4f4f4;\n    border: none;\n    cursor: pointer;\n  }\n}\n.verify-hint {\n  color: $txt-color-grey-24;\n  font-size: 12px;\n  width: 100%;\n  margin-top: 4px;\n}\n.third-part-block {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 16px;\n  .virtual-line {\n    height: 1px;\n    flex: 1;\n    border: 1px solid #0000001a;\n  }\n  p {\n    color: #00000066;\n    font-size: 12px;\n  }\n}\n.name-and-sex-block {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  gap: 16px;\n  .sex-block {\n    display: flex;\n    flex-direction: column;\n    white-space: nowrap;\n    .sex {\n      min-width: 104px;\n      color: $txt-color-grey-80;\n      font-weight: 600;\n      span {\n        color: #f74768;\n      }\n    }\n    .choose-sex-block {\n      display: flex;\n      justify-content: space-between;\n\n      .female-female {\n        display: flex;\n        height: 48px;\n        align-items: center;\n        color: $txt-color-grey-60;\n        cursor: pointer;\n        input {\n          display: none;\n        }\n        .virtual-input {\n          width: 24px;\n          height: 24px;\n          background-position: center center;\n          background-repeat: no-repeat;\n          margin-right: 4px;\n          background-image: url('../../assets/icon/inputRadio.svg');\n          &:hover {\n            background-image: url('../../assets/icon/inputRadioHover.svg');\n          }\n        }\n        input:checked ~ .virtual-input {\n          background-image: url('../../assets/icon/inputRadioChecked.svg');\n          &:hover {\n            background-image: url('../../assets/icon/inputRadioCheckedAndHover.svg');\n          }\n        }\n      }\n    }\n  }\n}\n.login-btn {\n  margin: 16px 0;\n  background-color: #f74768;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: #ffffff;\n  height: 40px;\n  width: 100%;\n  cursor: pointer;\n}\n.third-part-icon-block {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n}\n.hint-rule-notice {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  color: $txt-color-grey-40;\n  font-size: 12px;\n  margin-top: 16px;\n  span {\n    position: relative;\n    cursor: pointer;\n    &:after {\n      content: '';\n      width: 100%;\n      bottom: -2px;\n      left: 0;\n      height: 1px;\n      background-color: $txt-color-grey-40;\n      position: absolute;\n    }\n  }\n}\n</style>\n","const useIsMobile = () => {\n    const userAgent = navigator.userAgent.toLowerCase();\n    const  isMobile = /mobile/i.test(userAgent)\n    return isMobile;\n}\nexport default useIsMobile"],"names":["showPopup","_useModel","__props","formChoose","closePopup","forgetPassword","__expose","baseUrl","authApi","url","requestBody","response","error","authApi$1","Http","idToken","body","accessToken","token","userData","registData","loginData","data","UtilCommon","phone","RuleEnum","patterns","useValidator","errorMessage","ref","rule","value","findItem","item","phoneNumber","handleValidate","correctFormat","computed","sentPhonenumber","hideMiddlePhonenumber","number","props","inputValue","type","showInput","canDeleteAll","cleanInputValue","changeMode","handleBlur","providers","route","useRoute","handleClick","provider","x","frontendUrl","onMounted","sub","email","emit","__emit","parseJwt","base64Url","base64","jsonPayload","c","handleCredentialResponse","thirdPartyData","LINEAuthSettings","length","characters","charactersLength","result","i","lineLogin","APPID","metaLogin","d","s","id","js","fjs","AuthErrorEnum","user","useUserStore","useThirdPartVerify","router","useRouter","openToast","useToast","verifyCodeHandler","res","resolveApiData","isApiSuccess","RouteEnum","errorKey","_a","api","code","params","e","popStore","usePopStore","showAlert","isOpen","text","resolveAction","storeToRefs","useDialogStore","googleVerifyHandler","metaVerifyHandler","login","saveUserAccountAndPasswordOrNot","WrongLogin","save","ForgetAccount","ForgetPassword","handleGoogleVerify","handleMetaVerify","isBrowser","userAgent","appStore","useAppStore","isJuniorLoginPage","logoFileName","useRegister","smsVerificationRequsetMapping","requestParams","registerRequsetMapping","needHelpRequsetMapping","mapping","fetchData","isNeedHelp","isRegister","mgm","LocalStorageKeys","adId","CookiesKeys","obj","toLogin","information","pop","inputRefPhone","inputRefName","sendVerifyCode","WrongSignupPhone","WrongMessage","signup","checkedPhone","_b","checkedName","_d","_c","WrongSex","openServiceContract","useCountdown","initialTime","timeLeft","isCounting","timer","startCountdown","resetTime","onUnmounted","inputRefVerificationCode","verifyCodeText","isSubmit","handleSubmit","WrongVerificationCode","WrongAlert","appleVerifyHandler","lineVerifyHandler","thirdPartysignup","thirdPartySigUp","id_token","useIsMobile"],"mappings":"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"}