{"version":3,"file":"auth-74cdf5f3.js","sources":["../../../resources/js/auth/BackgroundContainer.vue","../../../resources/js/auth/support/ContainerBonusSupport.vue","../../../resources/js/auth/support/ContainerNameSupport.vue","../../../resources/js/auth/send/ModalSend.vue","../../../resources/js/auth/EntryComposition.js","../../../resources/js/auth/main/ContainerLogin.vue","../../../resources/js/auth/main/ContainerEmail.vue","../../../resources/js/auth/main/ContainerName.vue","../../../resources/js/auth/main/ChildrenList.vue","../../../resources/js/auth/main/ContainerChildren.vue","../../../resources/js/auth/main/ContainerCategories.vue","../../../resources/js/auth/main/ContainerConfirm.vue","../../../resources/js/auth/main/ContainerOnlyLogin.vue","../../../resources/js/auth/main/ContainerOnlyEntry.vue","../../../resources/js/auth/main/ModalMain.vue","../../../resources/js/auth/App.vue","../../../resources/js/auth/auth.js"],"sourcesContent":["<script setup>\r\nimport {computed} from \"vue\";\r\n\r\nconst props = defineProps({\r\n  isShow: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  layerDepth: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n});\r\nconst emits = defineEmits(['request-close']);\r\n\r\n// 追加クラス\r\nconst style = computed(() => {\r\n  if (props.layerDepth === 2) {\r\n    return 'z-index:301;';\r\n  }\r\n  if (props.layerDepth === 3) {\r\n    return 'z-index:303;';\r\n  }\r\n  return '';\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    :class=\"{gbModalBack: true, isShow: props.isShow}\"\r\n    :style=\"style\"\r\n    @click=\"emits('request-close')\"\r\n  ></div>\r\n</template>\r\n","<script setup>\r\nimport BackgroundContainer from \"../BackgroundContainer.vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst props = defineProps({\r\n  isShow: {\r\n    type: Boolean,\r\n    required: true,\r\n  }\r\n});\r\nconst emits = defineEmits(['request-close']);\r\n</script>\r\n\r\n<template>\r\n  <teleport to=\"body\">\r\n    <BackgroundContainer\r\n      :is-show=\"isShow\"\r\n      :layer-depth=\"3\"\r\n      @request-close=\"emits('request-close')\"\r\n    />\r\n  </teleport>\r\n  <teleport to=\"body\">\r\n    <div\r\n      :class=\"{modDrawerModalWindow: true, dWide: true, isShow: isShow}\"\r\n      style=\"z-index:303;height:50vh;\"\r\n    >\r\n      <div class=\"modModalTitleContainer\">\r\n        <p class=\"lyVerticalCnt pFont16 pFontBold pFontBlue\">\r\n        <span class=\"lyBlock lyW16px lyMr4\"><img\r\n          :src=\"siteUrl+'images/iconHelpBlue.svg'\"\r\n          width=\"16\"\r\n          height=\"16\"\r\n          loading=\"lazy\"\r\n          alt=\"\"\r\n        ></span>\r\n          ボーナスポイント\r\n        </p>\r\n        <button\r\n          type=\"button\"\r\n          class=\"lyHvCnt lyColumn lyW48px lyH48px pFont10 pFontBold\"\r\n          @click=\"emits('request-close')\"\r\n        >\r\n        <span class=\"lyBlock lyW24px\"><img\r\n          :src=\"siteUrl+'images/iconClose.svg'\"\r\n          loading=\"lazy\"\r\n          alt=\"\"\r\n          width=\"30\"\r\n          height=\"31\"\r\n        ></span>\r\n          とじる\r\n        </button>\r\n      </div>\r\n      <div class=\"modModalBottomWrapper\">\r\n        <div class=\"lyPd16\">\r\n          <p class=\"lyMb16 pFont14\">各項目を入力するとボーナスポイントがもらえて、抽選1回分のポイントがもらえます！<br>\r\n            情報入力で抽選を回して、景品ゲットちゃおう☆</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </teleport>\r\n</template>\r\n","<script setup>\r\nimport BackgroundContainer from \"../BackgroundContainer.vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst props = defineProps({\r\n  isShow: {\r\n    type: Boolean,\r\n    required: true,\r\n  }\r\n});\r\nconst emits = defineEmits(['request-close']);\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <teleport to=\"body\">\r\n      <BackgroundContainer\r\n        :is-show=\"isShow\"\r\n        :layer-depth=\"3\"\r\n        @request-close=\"emits('request-close')\"\r\n      />\r\n    </teleport>\r\n    <teleport to=\"body\">\r\n      <div\r\n        :class=\"{modDrawerModalWindow: true, dWide: true, isShow: isShow}\"\r\n        style=\"z-index:303;height:50vh;\"\r\n      >\r\n        <div class=\"modModalTitleContainer\">\r\n          <p class=\"lyVerticalCnt pFont16 pFontBold pFontBlue\">\r\n        <span class=\"lyBlock lyW16px lyMr4\"><img\r\n          :src=\"siteUrl+'images/iconHelpBlue.svg'\"\r\n          width=\"16\"\r\n          height=\"16\"\r\n          loading=\"lazy\"\r\n          alt=\"\"\r\n        ></span>\r\n            ニックネームについて\r\n          </p>\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyColumn lyW48px lyH48px pFont10 pFontBold\"\r\n            @click=\"emits('request-close')\"\r\n          >\r\n        <span class=\"lyBlock lyW24px\"><img\r\n          :src=\"siteUrl+'images/iconClose.svg'\"\r\n          loading=\"lazy\"\r\n          alt=\"\"\r\n          width=\"30\"\r\n          height=\"31\"\r\n        ></span>\r\n            とじる\r\n          </button>\r\n        </div>\r\n        <div class=\"modModalBottomWrapper\">\r\n          <div class=\"lyPd16\">\r\n            <p class=\"lyMb16 pFont14\">ニックネームは登録後もマイページから、いつでも変更可能です。投稿者名はここで登録したニックネームの他に匿名や新規で投稿者名を追加できます。</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </teleport>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport BackgroundContainer from \"../BackgroundContainer.vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst props = defineProps({\r\n  isShow: {\r\n    type: Boolean,\r\n    required: true\r\n  }\r\n});\r\nconst emits = defineEmits(['request-close']);\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <teleport to=\"body\">\r\n      <BackgroundContainer\r\n        :is-show=\"isShow\"\r\n        :layer-depth=\"3\"\r\n        @request-close=\"emits('request-close')\"\r\n      />\r\n    </teleport>\r\n    <teleport to=\"body\">\r\n      <div\r\n        :class=\"{modModalWindow: true, mdPopUp: true, isShow: isShow}\"\r\n        style=\"z-index: 304\"\r\n      >\r\n        <div class=\"modModalTitleContainer\">\r\n          <p class=\"pFont16 pFontBold\">メールをご確認ください</p>\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyColumn lyW48px lyH48px pFont10 pFontBold\"\r\n            @click=\"emits('request-close')\"\r\n          >\r\n            <span class=\"lyBlock lyW24px\"><img\r\n              :src=\"siteUrl+'images/iconClose.svg'\"\r\n              loading=\"lazy\"\r\n              alt=\"\"\r\n              width=\"30\"\r\n              height=\"31\"\r\n            ></span>\r\n            とじる\r\n          </button>\r\n        </div>\r\n        <div class=\"modModalBottomWrapper\">\r\n          <div class=\"lyPd16\">\r\n            <p class=\"lyMb16 pFont14\">届いたメールに記載されている URL から、ニックネームと生年月を入力してください。</p>\r\n          </div>\r\n          <div class=\"lyMtAuto\">\r\n            <div class=\"lyHorizontal pBorderTop2pxSolidGray4\">\r\n              <p class=\"lyW100\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"lyW100 lyPt16 lyPb16 pFont14 pFontBold lyTextCnt\"\r\n                  @click=\"emits('request-close')\"\r\n                >閉じる</button>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </teleport>\r\n  </div>\r\n</template>\r\n","import {reactive, ref, watch} from \"vue\";\r\n\r\nconst useEntry =  (siteUrl) => {\r\n\r\n  // 入力値\r\n  const inputs = reactive({\r\n    name: '',\r\n    year: '',\r\n    month: '',\r\n    interesting: [],\r\n    prefecture: '',\r\n    children_status: 0,\r\n    is_public_children: true,\r\n    is_public_prefecture: true,\r\n    children: [],\r\n    is_receive_mail_magazine: true,\r\n    agree: true,\r\n  });\r\n\r\n  // 設定値\r\n  const settings = reactive({\r\n    email: '',\r\n    categories: [],\r\n    p_child:\t0,\r\n    p_pref:\t0,\r\n    p_int:\t0,\r\n  });\r\n\r\n  // エラー\r\n  const errors = ref({});\r\n\r\n  // POST 更新のエラーを変換\r\n  const _convertPostErrors = (_errors) => {\r\n    // 恐らく通信途絶\r\n    if (_errors instanceof TypeError) {\r\n      errors.value = {'_': 'ネットワーク接続に失敗しました。'};\r\n    }\r\n\r\n    // 恐らく意図的な中断\r\n    else if (_errors instanceof DOMException) {\r\n      errors.value = {'_': 'ネットワーク接続が中断されました。'};\r\n    }\r\n\r\n    // 配列\r\n    else if (Array.isArray(_errors)) {\r\n      errors.value = {'_': _errors.join('、')};\r\n    }\r\n\r\n    // エラーがオブジェクトの場合\r\n    else if (_errors instanceof Object) {\r\n      // errors プロパティが存在した場合\r\n      if (_errors.errors && _errors.errors instanceof Object) {\r\n        // 値部分が文字列、または文字列の一次元配列である可能性があるので一次元配列に変換する\r\n        errors.value = Object.keys(_errors.errors).reduce((acc, key) => {\r\n          acc[key] = Array.isArray(_errors.errors[key]) ? _errors.errors[key] : [_errors.errors[key]];\r\n          return acc;\r\n        }, {});\r\n      }\r\n\r\n      // そうでない場合はそのまま使用\r\n      else {\r\n        errors.value = _errors;\r\n      }\r\n    }\r\n\r\n    // エラーが文字列の場合\r\n    else if (_errors instanceof String) {\r\n      errors.value = {\r\n        '_': _errors\r\n      };\r\n    }\r\n\r\n    // その他の場合\r\n    else {\r\n      errors.value = {\r\n        '_': _errors.toString(),\r\n        '__': 'エラーが発生しました。',\r\n        '___': '画面をスーパーリロードして下さい。'\r\n      };\r\n    }\r\n  };\r\n\r\n  // 初期値を取得\r\n  const _syncSettings = async () => {\r\n    try {\r\n      const response = await fetch(siteUrl+'entry/settings');\r\n      const data = await response.json();\r\n      settings.email = data.email;\r\n      settings.categories = data.categories;\r\n      settings.p_child = data.p_child;\r\n      settings.p_pref = data.p_pref;\r\n      settings.p_int = data.p_int;\r\n    }\r\n\r\n    catch (e) {\r\n      alert('エラーが発生しました。恐れ入りますが、画面をリロードしてください。');\r\n    }\r\n  };\r\n\r\n  // 送信用 FormData を生成\r\n  const _makeFormData = () => {\r\n    const formData = new FormData();\r\n    formData.append('name', inputs.name);\r\n    formData.append('year', inputs.year);\r\n    formData.append('month', inputs.month);\r\n    formData.append('children_status', inputs.children_status);\r\n    formData.append('is_public_children', inputs.is_public_children ? 1 : 0);\r\n    formData.append('is_public_prefecture', inputs.is_public_prefecture ? 1 : 0);\r\n    formData.append('is_receive_mail_magazine', inputs.is_receive_mail_magazine ? 1 : 0);\r\n    if (inputs.agree) {\r\n      formData.append('agree', 1);\r\n    }\r\n    if (inputs.prefecture !== '') {\r\n      formData.append('prefecture', inputs.prefecture);\r\n    }\r\n    inputs.children.forEach((child, index) => {\r\n      formData.append('children['+index+'][sex]', child.sex);\r\n      formData.append('children['+index+'][year]', child.year);\r\n      formData.append('children['+index+'][month]', child.month);\r\n    });\r\n    inputs.interesting.forEach((interesting) => {\r\n      formData.append('interesting['+interesting+']', 1);\r\n    });\r\n    return formData;\r\n  };\r\n\r\n  // サーバにバリデーションを依頼する\r\n  const validate = async () => {\r\n    // エラーをクリア\r\n    errors.value = {};\r\n\r\n    // サーバにバリデーションを依頼\r\n    try {\r\n      const response = await fetch(siteUrl+'entry/check', {\r\n        method: 'post',\r\n        headers: {\r\n          'X-Requested-With': 'XMLHttpRequest',\r\n          'X-CSRF-TOKEN': document.querySelector('meta[name=\"csrf-token\"]').content\r\n        },\r\n        body: _makeFormData(),\r\n      });\r\n\r\n      // レスポンスをパース\r\n      const data = await response.json();\r\n\r\n      // 成功ならエラーをクリア\r\n      if (response.ok) {\r\n        return true;\r\n      }\r\n\r\n      // 失敗ならパースしてエラーをセット\r\n      else {\r\n        _convertPostErrors(data);\r\n        return false;\r\n      }\r\n    }\r\n\r\n      // エラーをキャッチ\r\n    catch (e) {\r\n      _convertPostErrors(e);\r\n      return false;\r\n    }\r\n  };\r\n\r\n  // サーバに登録を依頼する\r\n  const register = async () => {\r\n    // エラーをクリア\r\n    errors.value = {};\r\n\r\n    // サーバにバリデーションを依頼\r\n    try {\r\n      const response = await fetch(siteUrl+'entry/register', {\r\n        method: 'post',\r\n        headers: {\r\n          'X-Requested-With': 'XMLHttpRequest',\r\n          'X-CSRF-TOKEN': document.querySelector('meta[name=\"csrf-token\"]').content\r\n        },\r\n        body: _makeFormData(),\r\n      });\r\n\r\n      // レスポンスをパース\r\n      const data = await response.json();\r\n\r\n      // 成功\r\n      if (response.ok) {\r\n        return true;\r\n      }\r\n\r\n      // 失敗ならパースしてエラーをセット\r\n      else {\r\n        _convertPostErrors(data);\r\n        return false;\r\n      }\r\n    }\r\n\r\n      // エラーをキャッチ\r\n    catch (e) {\r\n      _convertPostErrors(e);\r\n      return false;\r\n    }\r\n  };\r\n\r\n  // 初期値を同期\r\n  _syncSettings();\r\n\r\n  // 子供の状態が「いる」に変わったら子供を追加\r\n  watch(() => inputs.children_status, (to) => {\r\n    if (Number(to) === 1 && inputs.children.length === 0) {\r\n      const now = new Date();\r\n      inputs.children.push({\r\n        year: '',\r\n        month: '',\r\n        sex: 0\r\n      });\r\n    }\r\n  });\r\n\r\n  // 提供\r\n  return {\r\n    inputs,\r\n    settings,\r\n    errors,\r\n    validate,\r\n    register,\r\n  };\r\n};\r\n\r\nexport default useEntry;\r\n\r\n// composition を注入するためのキー\r\nexport const USE_ENTRY_KEY = Symbol('useEntry');\r\n","<script setup>\r\nimport {reactive, ref} from \"vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst props = defineProps({\r\n  registerSuccess: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  isFromComment: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n});\r\nconst emits = defineEmits(['request-change']);\r\n\r\n// ログイン情報\r\nconst loginInputs = reactive({\r\n  email: '',\r\n  password: ''\r\n});\r\n\r\n// ログインエラー\r\nconst loginErrors = reactive({\r\n  _: '',\r\n  email: '',\r\n  password: ''\r\n});\r\n\r\n// 連打防止用\r\nconst lockLogin = ref(false);\r\n\r\n// ログインを試みる\r\nconst tryLogin = async () => {\r\n  // ロック中は何もしない\r\n  if (lockLogin.value) {\r\n    return;\r\n  }\r\n\r\n  //  1 秒ロックする\r\n  lockLogin.value = true;\r\n  setTimeout(() => {\r\n    lockLogin.value = false;\r\n  }, 1000);\r\n\r\n  // エラーを初期化\r\n  loginErrors._ = '';\r\n  loginErrors.email = '';\r\n  loginErrors.password = '';\r\n\r\n  // メールアドレスは必須\r\n  if ( ! loginInputs.email) {\r\n    loginErrors.email = 'メールアドレスを入力してください';\r\n  }\r\n\r\n  // メールアドレスの形式をチェック\r\n  else if ( ! /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(loginInputs.email)) {\r\n    loginErrors.email = 'メールアドレスの形式が正しくありません';\r\n  }\r\n\r\n  // パスワードは必須\r\n  if ( ! loginInputs.password) {\r\n    loginErrors.password = 'パスワードを入力してください';\r\n  }\r\n\r\n  // エラーが存在すれば中断\r\n  if (loginErrors.email || loginErrors.password) {\r\n    return;\r\n  }\r\n\r\n  // 送信データを作成\r\n  const body = new FormData();\r\n  body.append('email', loginInputs.email);\r\n  body.append('password', loginInputs.password);\r\n\r\n  // 新規作成 or 更新を試みる\r\n  try {\r\n    // サーバに問い合わせ\r\n    const response = await fetch(siteUrl+'login/auth', {\r\n      method: 'post',\r\n      headers: {\r\n        'X-Requested-With': 'XMLHttpRequest',\r\n        'X-CSRF-TOKEN': document.querySelector('meta[name=\"csrf-token\"]').content\r\n      },\r\n      body\r\n    });\r\n\r\n    // JSON 形式で返却されたデータを取得\r\n    const data = await response.json();\r\n\r\n    // もしエラーが発生した場合はエラーを表示\r\n    if ( ! response.ok) {\r\n      throw data;\r\n    }\r\n\r\n    // ログイン先にリダイレクト\r\n    if ('url' in data) {\r\n      window.location.href = data.url;\r\n    }\r\n    else {\r\n      window.location.reload();\r\n    }\r\n  }\r\n\r\n    // エラー発生\r\n  catch (error) {\r\n    // エラーの内容をコンソールに表示\r\n    console.log(error);\r\n\r\n    // error が文字列だったら _ にセット\r\n    if (typeof error === 'string') {\r\n      loginErrors._ = error;\r\n    }\r\n\r\n    // error が配列なら「、」で連結して _ にセット\r\n    else if (Array.isArray(error)) {\r\n      loginErrors._ = error.join('、');\r\n    }\r\n\r\n    // error がオブジェクト\r\n    else if (error !== null && typeof error === 'object') {\r\n      // キーを集める\r\n      const keys = Object.keys(error);\r\n\r\n      // email, password 以外のメッセージ\r\n      const messages = [];\r\n\r\n      // キーごとに検証\r\n      for (const key of keys) {\r\n        // 値が配列の場合\r\n        if (Array.isArray(error[key])) {\r\n          // email or password\r\n          if (key === 'email' || key === 'password') {\r\n            loginErrors[key] === error[key].join('、');\r\n          }\r\n\r\n          // それ以外の場合は messages に格納\r\n          else {\r\n            messages.push(...error[key]);\r\n          }\r\n        }\r\n\r\n        // そうではない場合は string として扱う\r\n        else {\r\n          if (key === 'email' || key === 'password') {\r\n            loginErrors[key] = error[key].toString();\r\n          }\r\n          else {\r\n            messages.push(error[key].toString());\r\n          }\r\n        }\r\n      }\r\n\r\n      // messages が存在する場合は _ にセット\r\n      if (messages.length > 0) {\r\n        loginErrors._ = messages.join('、');\r\n      }\r\n    }\r\n\r\n    // 予想されていないエラー\r\n    else {\r\n      loginErrors._ = '予期しないエラーが発生しました。恐れ入りますが、しばらくしてからログインして下さい。';\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <p\r\n      v-if=\"registerSuccess\"\r\n      class=\"lyMb8 pFont12 pFontBold pFontRed\"\r\n    >新規登録が完了しました。登録した情報でログインしてください。</p>\r\n    <p\r\n      v-if=\"isFromComment\"\r\n      class=\"lyMb8\"\r\n    >マイページ・コメント・お知らせ・保存・ポイント機能・みんなの声エントリーにはログインが必要です。アカウント登録がお済みでない方は新規登録お願いします。<br>新規登録でポイントがたまる！抽選会場で景品をゲットしよう！</p>\r\n    <div class=\"lyHorizontalBwBreak lyMb16\">\r\n      <div class=\"lyW100 lyTbW49 lyPd16 lyMb16 lyTbMb0 pFont14 pBackColorWhite pBorderRadius4px\">\r\n        <section>\r\n          <h5 class=\"lyTextCnt lyMb8 pFont16 pFontBold\">SNSでログイン/アカウント登録する</h5>\r\n          <p class=\"lyMb16 pFont14\">ログイン/アカウント登録すると<a :href=\"siteUrl+'terms'\">利用規約</a>および<a href=\"https://commitgrowth.co.jp/privacy_policy/\" target=\"_blank\">プライバシーポリシー</a>に同意したことになります。</p>\r\n          <ul>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/line'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorGreen pBorderRadius4px pHoverClearBlack\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsLine.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"LINE\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">LINEでログイン</p>\r\n              </a>\r\n            </li>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/twitter'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorBlack pBorderRadius4px pHoverClearWhite\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsX.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"X\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">Xでログイン</p>\r\n              </a>\r\n            </li>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/yahoo'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorYahooRed pBorderRadius4px pHoverClearBlack\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsYahoo.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"X\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">Yahoo!JAPAN IDでログイン</p>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </section>\r\n      </div>\r\n      <div class=\"lyW100 lyTbW49 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n        <section>\r\n          <h5 class=\"lyTextCnt lyMb16 pFont16 pFontBold\">登録メールアドレスでログイン</h5>\r\n          <p\r\n            v-if=\"loginErrors._ !== ''\"\r\n            class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n          >{{loginErrors._}}</p>\r\n          <div class=\"lyPt4 lyPb4 lyMb16\">\r\n            <div class=\"lyPt4 lyPb4\">\r\n              <div :class=\"{pPopFormWrap: true, pFont16: true, isNegative: loginErrors.email !== ''}\">\r\n                <input\r\n                  v-model=\"loginInputs.email\"\r\n                  type=\"email\"\r\n                  id=\"userEmailAddress\"\r\n                  class=\"pPopForm\"\r\n                  placeholder=\" \"\r\n                  required=\"\"\r\n                  style=\"box-shadow: none\"\r\n                  @keyup.enter=\"tryLogin\"\r\n                >\r\n                <label for=\"userEmailAddress\" class=\"pPopFormLabel\">メールアドレス（半角）</label>\r\n              </div>\r\n              <p\r\n                v-if=\"loginErrors.email !== ''\"\r\n                class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n              >{{loginErrors.email}}</p>\r\n            </div>\r\n            <div class=\"lyPt4 lyPb4\">\r\n              <div :class=\"{pPopFormWrap: true, pFont16: true, isNegative: loginErrors.email !== ''}\">\r\n                <input\r\n                  v-model=\"loginInputs.password\"\r\n                  type=\"password\"\r\n                  id=\"userPassword\"\r\n                  class=\"pPopForm\"\r\n                  placeholder=\" \"\r\n                  required=\"\"\r\n                  style=\"box-shadow: none\"\r\n                  @keyup.enter=\"tryLogin\"\r\n                >\r\n                <label for=\"userPassword\" class=\"pPopFormLabel\">パスワード</label>\r\n              </div>\r\n              <p\r\n                v-if=\"loginErrors.password !== ''\"\r\n                class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n              >{{loginErrors.password}}</p>\r\n            </div>\r\n            <p>\r\n              <a\r\n                :href=\"siteUrl+'forget'\"\r\n                class=\"lyHorizontalEnd lyVerticalCnt lyPt4 pFont12 pFontMedium\"\r\n              >\r\n                パスワードを忘れた方はこちら\r\n                <span class=\"lyBlock lyMl2 lyW12px\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/iconRightArrowBlue.svg'\" width=\"12\" height=\"12\" loading=\"lazy\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n              </a>\r\n            </p>\r\n          </div>\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontGreen pBorder1pxSolidGreen pBorderRadius2px\"\r\n            @click=\"tryLogin\"\r\n          >ログイン</button>\r\n        </section>\r\n      </div>\r\n    </div>\r\n    <div class=\"lyW100 lyPd16 lyMb16 lyTbMb0 pFont14 pBackColorWhite pBorderRadius4px\">\r\n      <section>\r\n        <h5 class=\"lyTextCnt lyMb16 pFont16 pFontBold\">はじめての方</h5>\r\n        <p class=\"lyMaxW400px lyBlockCnt\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontWhite pBackColorGreen pBorderRadius2px pHoverSlideChange\"\r\n            @click=\"emits('request-change', 'email')\"\r\n          >新規登録</button>\r\n        </p>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {inject, ref, watch} from \"vue\";\r\nimport useEntry, {USE_ENTRY_KEY} from \"../EntryComposition\";\r\n\r\nconst props = defineProps({\r\n  initEmail: {\r\n    type: String,\r\n    default: '',\r\n  }\r\n});\r\nconst emits = defineEmits(['request-send']);\r\n\r\n// サイト URL\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst composition = inject(USE_ENTRY_KEY, useEntry(siteUrl));\r\n\r\n// メールアドレス入力値\r\nconst email = ref(props.initEmail);\r\n\r\n// パスワード入力値\r\nconst password = ref('');\r\n\r\n// パスワード再入力入力値\r\nconst passwordConfirm = ref('');\r\n\r\n// 利用規約・プライバシーポリシーに同意するか\r\nconst agree = ref(false);\r\n\r\n// エラー\r\nconst errors = ref({});\r\n\r\n// バリデーション\r\nconst validation = async (name) => {\r\n  // エラーを初期化\r\n  errors.value = {...errors.value, [name]: null, message: null};\r\n\r\n  // 送信パラメータを作成\r\n  const form = new FormData();\r\n  form.append('email', email.value);\r\n  form.append('password', password.value);\r\n  form.append('password_conf', passwordConfirm.value);\r\n\r\n  // バリデーションをサーバに依頼\r\n  try {\r\n    // サーバに送信\r\n    const response = await fetch(siteUrl+'entry/valid/'+name, {\r\n      method: 'post',\r\n      headers: {\r\n        'X-Requested-With': 'XMLHttpRequest',\r\n        'X-CSRF-TOKEN': document.querySelector('meta[name=\"csrf-token\"]').content\r\n      },\r\n      body: form\r\n    });\r\n\r\n    // 異常発生\r\n    if ( ! response.ok) {\r\n      //メッセージを JSON としてパース\r\n      const json = await response.json();\r\n\r\n      //もし errors が見つかったら例外を投げる\r\n      if (\r\n        typeof json.errors === 'object' &&\r\n        json.errors !== null\r\n      ) {\r\n        throw json;\r\n      }\r\n\r\n      //もし message が見つかったら例外を投げる\r\n      if (typeof json.message === 'string') {\r\n        throw new Error(json.message);\r\n      }\r\n\r\n      //エラーメッセージを文字列に変換して例外を投げる\r\n      throw new Error('エラーが発生しました。しばらくしてから再度お試しください。');\r\n    }\r\n\r\n    // 正常終了\r\n    errors.value = {...errors, [name]: ''};\r\n  }\r\n\r\n  catch (error) {\r\n    //サーバーから得られた各バリデーション\r\n    if (\r\n      typeof error.errors === 'object' &&\r\n      error.errors !== null\r\n    ) {\r\n      errors.value = error.errors;\r\n    }\r\n\r\n    //恐らく通信途絶\r\n    else if (error instanceof TypeError) {\r\n      errors.value = {message: 'ネットワーク接続に失敗しました。'};\r\n    }\r\n\r\n    //恐らく意図的な中断\r\n    else if (error instanceof DOMException) {\r\n      errors.value = {message: 'ネットワーク接続が中断されました。'};\r\n    }\r\n\r\n    //恐らくカスタムエラー(try 節中、意図的に throw している部分)\r\n    else if (error instanceof Error) {\r\n      errors.value = {message: error.message};\r\n    }\r\n\r\n    //不明\r\n    else {\r\n      errors.value = {message: 'エラーが発生しました。しばらくしてから再度お試しください。'};\r\n    }\r\n  }\r\n};\r\n\r\n// 送信\r\nconst send = async () => {\r\n  // エラーを初期化\r\n  errors.value = {...errors.value, message: null};\r\n\r\n  // 送信パラメータを作成\r\n  const body = new FormData();\r\n  body.append('email', email.value);\r\n  body.append('password', password.value);\r\n  body.append('password_conf', passwordConfirm.value);\r\n  body.append('agree', agree.value ? '1' : '');\r\n\r\n  //サーバーに問い合わせを行う\r\n  try {\r\n    //通信開始\r\n    const response = await fetch(siteUrl+'entry/send', {\r\n      method: 'post',\r\n      headers: {\r\n        'X-Requested-With': 'XMLHttpRequest',\r\n        'X-CSRF-TOKEN': document.querySelector('meta[name=\"csrf-token\"]').content\r\n      },\r\n      body\r\n    });\r\n\r\n    //レスポンス異常発生\r\n    if ( ! response.ok) {\r\n      //メッセージを JSON としてパース\r\n      const json = await response.json();\r\n\r\n      //もし errors が見つかったら例外を投げる\r\n      if (\r\n        typeof json.errors === 'object' &&\r\n        json.errors !== null\r\n      ) {\r\n        throw json;\r\n      }\r\n\r\n      //もし message が見つかったら例外を投げる\r\n      if (typeof json.message === 'string') {\r\n        throw new Error(json.message);\r\n      }\r\n\r\n      //エラーメッセージを文字列に変換して例外を投げる\r\n      throw new Error('エラーが発生しました。しばらくしてから再度お試しください。');\r\n    }\r\n\r\n    //成功画面を表示\r\n    emits('request-send');\r\n  }\r\n\r\n    //サーバーとの通信中、なんらかのエラーが発生\r\n  catch (error) {\r\n    console.log(error);\r\n    //サーバーから得られた各バリデーション\r\n    if (\r\n      typeof error.errors === 'object' &&\r\n      error.errors !== null\r\n    ) {\r\n      errors.value = error.errors;\r\n    }\r\n\r\n    //恐らく通信途絶\r\n    else if (error instanceof TypeError) {\r\n      errors.value = {message: 'ネットワーク接続に失敗しました。'};\r\n    }\r\n\r\n    //恐らく意図的な中断\r\n    else if (error instanceof DOMException) {\r\n      errors.value = {message: 'ネットワーク接続が中断されました。'};\r\n    }\r\n\r\n    //恐らくカスタムエラー(try 節中、意図的に throw している部分)\r\n    else if (error instanceof Error) {\r\n      errors.value = {message: error.message};\r\n    }\r\n\r\n    //不明\r\n    else {\r\n      errors.value = {message: 'エラーが発生しました。しばらくしてから再度お試しください。'};\r\n    }\r\n  }\r\n};\r\n\r\n// 初期値の変更を監視\r\nwatch(() => props.initEmail, (value) => {\r\n  email.value = value;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <ol class=\"lyHorizontalCnt lyMb16\">\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">1</p>\r\n        <p class=\"pFont10 pFontBold\">メール認証</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">2</p>\r\n        <p class=\"pFont10 pFontBold\">アカウント情報入力</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">3</p>\r\n        <p class=\"pFont10 pFontBold\">入力情報確認</p>\r\n      </li>\r\n    </ol>\r\n    <div class=\"lyW100 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n      <div class=\"lyPt4 lyPb4\">\r\n        <p class=\"lyPt4 lyPb4\">\r\n          メールアドレスとパスワードをご入力お願いします。<br>\r\n          ご登録いただきましたメールアドレスに登録URLを送信します。メールは自動で送信されます。<br>\r\n          今後、ログインするときにメールアドレスとパスワードが必要になります。<br>\r\n          ※SNS認証の場合、登録、ログインにパスワードは不要です。\r\n        </p>\r\n        <p class=\"lyPt4 lyPb4\">\r\n          ※メール受信制限をされている方は、@tetsunagi.co.jpからのメール受信を許可してください。\r\n        </p>\r\n        <p\r\n          v-if=\"errors.message !== null && errors.message !== ''\"\r\n          class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n        >{{errors.message}}</p>\r\n      </div>\r\n      <div class=\"lyPt12 lyPb12\">\r\n        <div class=\"lyPt4 lyPb4\">\r\n          <div :class=\"{pPopFormWrap: true, pFont16: true, isPositive: 'email' in errors && errors.email === '', isNegative: 'email' in errors && errors.email !== '' && errors.email !== null}\">\r\n            <input\r\n              v-model=\"email\"\r\n              type=\"email\"\r\n              id=\"entryUserEmailAddress\"\r\n              class=\"pPopForm\"\r\n              placeholder=\" \"\r\n              required=\"\"\r\n              @change=\"validation('email')\"\r\n            >\r\n            <label for=\"entryUserEmailAddress\" class=\"pPopFormLabel\">メールアドレス（半角）</label>\r\n          </div>\r\n          <p\r\n            v-if=\"'email' in errors\"\r\n            class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n          >{{Array.isArray(errors.email) ? errors.email.join('、') : errors.email.toString()}}</p>\r\n        </div>\r\n        <div\r\n          v-if=\"initEmail === ''\"\r\n          class=\"lyPt4 lyPb4\"\r\n        >\r\n          <div :class=\"{pPopFormWrap: true, pFont16: true, isPositive: 'password' in errors && errors.password === '', isNegative: 'password' in errors && errors.password !== '' && errors.password !== null}\">\r\n            <input\r\n              v-model=\"password\"\r\n              type=\"password\"\r\n              id=\"entryUserPassword\"\r\n              class=\"pPopForm\"\r\n              placeholder=\" \"\r\n              required=\"\"\r\n              @change=\"validation('password')\"\r\n            >\r\n            <label for=\"entryUserPassword\" class=\"pPopFormLabel\">パスワード（5文字以上の半角英数字）</label>\r\n          </div>\r\n          <p\r\n            v-if=\"'password' in errors\"\r\n            class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n          >{{Array.isArray(errors.password) ? errors.password.join('、') : errors.password.toString()}}</p>\r\n        </div>\r\n        <div\r\n          v-if=\"initEmail === ''\"\r\n          class=\"lyPt4 lyPb4\"\r\n        >\r\n          <div :class=\"{pPopFormWrap: true, pFont16: true, isPositive: 'password_conf' in errors && errors.password_conf === '', isNegative: 'password_conf' in errors && errors.password_conf !== '' && errors.password_conf !== null}\">\r\n            <input\r\n              v-model=\"passwordConfirm\"\r\n              type=\"password\"\r\n              id=\"entryUserPassword\"\r\n              class=\"pPopForm\"\r\n              placeholder=\" \"\r\n              required=\"\"\r\n              @change=\"validation('password_conf')\"\r\n            >\r\n            <label for=\"entryUserPassword\" class=\"pPopFormLabel\">パスワード再入力（確認用）</label>\r\n          </div>\r\n          <p\r\n            v-if=\"'password_conf' in errors\"\r\n            class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n          >{{Array.isArray(errors.password_conf) ? errors.password_conf.join('、') : errors.password_conf.toString()}}</p>\r\n        </div>\r\n        <div v-else>\r\n          <p\r\n            v-if=\"'password' in errors\"\r\n            class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n          >{{Array.isArray(errors.password) ? errors.password.join('、') : errors.password.toString()}}</p>\r\n        </div>\r\n      </div>\r\n      <p class=\"lyPt4 lyPb4\">\r\n        <a\r\n          :href=\"siteUrl+'terms'\"\r\n          target=\"_blank\"\r\n        >利用規約</a>・<a href=\"https://commitgrowth.co.jp/privacy_policy/\" target=\"_blank\">プライバシーポリシー</a>を読み、「同意する」をチェックお願いします。\r\n        <span class=\"lyPd4 lyMl8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n      </p>\r\n      <p\r\n        v-if=\"'agree' in errors\"\r\n        class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n      >{{Array.isArray(errors.agree) ? errors.agree.join('、') : errors.agree.toString()}}</p>\r\n      <div class=\"lyPt12 lyPb12\">\r\n        <label class=\"lyHorizontal pCheckBox pHoverOpacityDefault pAnimation\">\r\n          <input\r\n            v-model=\"agree\"\r\n            type=\"checkbox\"\r\n            name=\"agree\"\r\n          >\r\n          <span class=\"pCheckBoxBtn\"></span>\r\n          <p class=\"lyMl8\">利用規約・プライバシーポリシーに同意する</p>\r\n        </label>\r\n      </div>\r\n      <p\r\n        v-if=\"'message' in composition.errors.value && typeof composition.errors.value.message === 'string' && composition.errors.value.message !== ''\"\r\n        class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n      >{{composition.errors.value.message}}</p>\r\n      <p class=\"lyPt4 lyPb4 lyMaxW400px lyBlockCnt\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontWhite pBackColorGreen pBorderRadius2px pHoverSlideChange\"\r\n          @click=\"send\"\r\n        >送信</button>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {inject, watch} from \"vue\";\r\nimport useEntry, {USE_ENTRY_KEY} from \"../EntryComposition\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst emits = defineEmits(['request-support', 'request-change']);\r\n\r\nconst composition = inject(USE_ENTRY_KEY, useEntry(siteUrl));\r\n\r\n// 次ページへ\r\nconst next = async () => {\r\n  // バリデーションを行う\r\n  await composition.validate();\r\n\r\n  // エラーがある場合は処理を中断\r\n  if (Object.keys(composition.errors.value).length > 0) {\r\n    return;\r\n  }\r\n\r\n  // 次ページへ\r\n  emits('request-change', 'children');\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <ol class=\"lyHorizontalCnt lyMb16\">\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">1</p>\r\n        <p class=\"pFont10 pFontBold\">メール認証</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">2</p>\r\n        <p class=\"pFont10 pFontBold\">アカウント情報入力</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">3</p>\r\n        <p class=\"pFont10 pFontBold\">入力情報確認</p>\r\n      </li>\r\n    </ol>\r\n    <div class=\"lyW100 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n      <div class=\"lyPt4 lyPb4 lyMb32\">\r\n        <dl>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt lyW100\">\r\n              <p class=\"lyMr4 pFont12 pFontMedium\">ニックネーム</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n              <button\r\n                type=\"button\"\r\n                class=\"lyVerticalCnt lyMlAuto pFontBlue pFont12 pFontMedium\"\r\n                @click=\"emits('request-support', 'name')\"\r\n              >\r\n                <span class=\"lyBlock lyW16px lyMr4\"><img\r\n                  :src=\"siteUrl+'images/iconHelpBlue.svg'\"\r\n                  width=\"16\"\r\n                  height=\"16\"\r\n                  loading=\"lazy\"\r\n                  alt=\"\"\r\n                ></span>\r\n                ニックネームについて\r\n              </button>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4 lyMb24\">\r\n            <div :class=\"{pPopFormWrap: true, pFont16: true, isPositive: 'name' in composition.errors.value && composition.errors.value.name === '', isNegative: 'name' in composition.errors.value && composition.errors.value.name !== '' && composition.errors.value.name !== null}\">\r\n              <input\r\n                v-model=\"composition.inputs.name\"\r\n                type=\"text\"\r\n                id=\"entryUserNickName\"\r\n                class=\"pPopForm\"\r\n                placeholder=\" \"\r\n                required=\"\"\r\n                @change=\"composition.validate\"\r\n              >\r\n              <label for=\"entryUserNickName\" class=\"pPopFormLabel\">全角ひらがな・半角英数字・記号</label>\r\n            </div>\r\n            <p\r\n              v-for=\"error in ('name' in composition.errors.value ? composition.errors.value.name.filter(_error => _error !== '' && _error !== null) : [])\"\r\n              :key=\"error\"\r\n              class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n            >{{error}}</p>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt lyW100\">\r\n              <p class=\"lyMr4 pFont12 pFontMedium\">生年月（半角数字）</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <div class=\"lyVerticalCnt lyMr8\">\r\n                <div class=\"lyW60px\">\r\n                  <input\r\n                    v-model=\"composition.inputs.year\"\r\n                    type=\"number\"\r\n                    class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyTextRight lyW100 pFont16 pFontMedium pBackColorWhite pBorder1pxSolidGray20 pBorderRadius2px\"\r\n                    placeholder=\"2000\"\r\n                    required=\"\"\r\n                    @change=\"composition.validate\"\r\n                  >\r\n                </div>\r\n                <p class=\"lyMl8 pFont12 pFontMedium\">年</p>\r\n              </div>\r\n              <div class=\"lyVerticalCnt\">\r\n                <div class=\"lyW60px\">\r\n                  <input\r\n                    v-model=\"composition.inputs.month\"\r\n                    type=\"number\"\r\n                    class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyTextRight lyW100 pFont16 pFontMedium pBackColorWhite pBorder1pxSolidGray20 pBorderRadius2px\"\r\n                    placeholder=\"01\"\r\n                    required=\"\"\r\n                    @change=\"composition.validate\"\r\n                  >\r\n                </div>\r\n                <p class=\"lyMl8 pFont12 pFontMedium\">月</p>\r\n              </div>\r\n            </div>\r\n            <p\r\n              v-for=\"error in ('year' in composition.errors.value ? composition.errors.value.year.filter(_error => _error !== '' && _error !== null) : [])\"\r\n              :key=\"error\"\r\n              class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n            >{{error}}</p>\r\n            <p\r\n              v-for=\"error in ('month' in composition.errors.value ? composition.errors.value.month.filter(_error => _error !== '' && _error !== null) : [])\"\r\n              :key=\"error\"\r\n              class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n            >{{error}}</p>\r\n          </dd>\r\n        </dl>\r\n      </div>\r\n      <p\r\n        v-if=\"'message' in composition.errors.value && typeof composition.errors.value.message === 'string' && composition.errors.value.message !== ''\"\r\n        class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n      >{{composition.errors.value.message}}</p>\r\n      <p class=\"lyPt4 lyPb4 lyMaxW400px lyBlockCnt\">\r\n        <button\r\n          type=\"submit\"\r\n          class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontGreen pBorder1pxSolidGreen pBorderRadius2px\"\r\n          @click=\"next\"\r\n        >登録する</button>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {computed, ref, onMounted} from \"vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst props = defineProps({\r\n  index: {\r\n    type: Number,\r\n    required: true,\r\n  },\r\n  sex: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  year: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  month: {\r\n    type: Number,\r\n    required: true,\r\n  },\r\n  errors: {\r\n    type: Object,\r\n    required: true,\r\n  }\r\n});\r\nconst emits = defineEmits(['update-sex', 'update-year', 'update-month', 'delete-child']);\r\n\r\n// 選択ボックスの表示切替\r\nconst isShowSelects = ref(false);\r\n\r\n// このリストに関連のあるエラーメッセージを取得\r\nconst errorMessages = computed(() => 'children.'+props.index in props.errors ? props.errors['children.'+props.index] : []);\r\n\r\n// sex を性別文言に変換\r\nconst sexTitle = computed(() => {\r\n  switch (props.sex) {\r\n    case 1:\r\n      return '男の子';\r\n    case 2:\r\n      return '女の子';\r\n    default:\r\n      return '未選択';\r\n  }\r\n});\r\n\r\n// 疑似セレクトボックス外の要素をクリックした際、疑似セレクトボックスを非表示にする、\r\nonMounted(() => {\r\n  document.addEventListener('click', (event) => {\r\n    if ( ! event.target.closest('.modSelectTrigger')) {\r\n      isShowSelects.value = false;\r\n    }\r\n  });\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <dt class=\"lyPt8 lyPb8 lyVerticalCnt\">\r\n      <label\r\n        :for=\"'childSex'+index\"\r\n        class=\"lyMr8 pFont12 pFontMedium\"\r\n      ><span class=\"lyW24px lyMr4\">{{index + 1}}</span>人目</label>\r\n      <p class=\"lyMr32 pFont12 pFontMedium\" style=\"width: 80px\">性別</p>\r\n      <p class=\"lyMr32 pFont12 pFontMedium\" style=\"width: 195px;\">生年月</p>\r\n      <p class=\"lyMr32 pFont12 pFontMedium\" style=\"width: 80px;\">取消ボタン</p>\r\n    </dt>\r\n    <dd>\r\n      <p\r\n        v-for=\"message in errorMessages\"\r\n        :key=\"message\"\r\n        class=\"lyMb8 pFont12 pFontBold pFontRed\"\r\n      >{{message}}</p>\r\n      <div class=\"lyPt4 lyPb4 lyVerticalCnt\">\r\n        <div class=\"lyW100 lyTbW150px lyMr8\">\r\n          <div :class=\"{modSelectTrigger: true, isShow: isShowSelects}\">\r\n            <button\r\n              :id=\"'childSex'+index\"\r\n              type=\"button\"\r\n              class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyVerticalBwCnt lyTextLeft lyW100 pFont16 pFontMedium pBackColorWhite pBorder1pxSolidGray20 pBorderRadius2px\"\r\n              @click=\"isShowSelects = ! isShowSelects\"\r\n            >{{sexTitle}}<span class=\"lyW10px\"><img\r\n              :src=\"siteUrl+'images/iconSelectBoxTriangle.svg'\"\r\n              loading=\"lazy\"\r\n              alt=\"ここを押して選択\"\r\n            ></span></button>\r\n            <div class=\"modSelectListContainer\">\r\n              <ul class=\"modSelectList\">\r\n                <li class=\"pBorderBottom1pxSolidGray4\">\r\n                  <label class=\"lyW100 lyPt12 lyPb12 lyPr8 lyPl8 lyTextCnt pFontBold pHoverBackGray4 pAnimation pCursorPointer\">\r\n                    <input\r\n                      :checked=\"sex === 0\"\r\n                      :name=\"'childgender'+index\"\r\n                      type=\"radio\"\r\n                      value=\"0\"\r\n                      @change=\"emits('update-sex', 0), isShowSelects = false\"\r\n                    >\r\n                    未選択\r\n                  </label>\r\n                </li>\r\n                <li class=\"pBorderBottom1pxSolidGray4\">\r\n                  <label class=\"lyW100 lyPt12 lyPb12 lyPr8 lyPl8 lyTextCnt pFontBold pHoverBackGray4 pAnimation pCursorPointer\">\r\n                    <input\r\n                      :checked=\"sex === 1\"\r\n                      :name=\"'childgender'+index\"\r\n                      type=\"radio\"\r\n                      value=\"1\"\r\n                      @change=\"emits('update-sex', 1), isShowSelects = false\"\r\n                    >\r\n                    男の子\r\n                  </label>\r\n                </li>\r\n                <li>\r\n                  <label class=\"lyW100 lyPt12 lyPb12 lyPr8 lyPl8 lyTextCnt pFontBold pHoverBackGray4 pAnimation pCursorPointer\">\r\n                    <input\r\n                      :checked=\"sex === 2\"\r\n                      :name=\"'childgender'+index\"\r\n                      type=\"radio\"\r\n                      value=\"2\"\r\n                      @change=\"emits('update-sex', 2), isShowSelects = false\"\r\n                    >\r\n                    女の子\r\n                  </label>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"lyVerticalCnt lyMr8\">\r\n          <div class=\"lyW100px\">\r\n            <input\r\n              :value=\"year\"\r\n              type=\"number\"\r\n              class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyTextRight lyW100 pFont16 pFontMedium pBackColorWhite pBorder1pxSolidGray20 pBorderRadius2px\"\r\n              placeholder=\"例:2020\"\r\n              @change=\"emits('update-year', $event.target.value)\"\r\n            >\r\n          </div>\r\n          <p class=\"lyMl8 pFont12 pFontMedium\">年</p>\r\n        </div>\r\n        <div class=\"lyVerticalCnt lyMr16\">\r\n          <div class=\"lyW60px\">\r\n            <input\r\n              :value=\"month\"\r\n              type=\"number\"\r\n              class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyTextRight lyW100 pFont16 pFontMedium pBackColorWhite pBorder1pxSolidGray20 pBorderRadius2px\"\r\n              placeholder=\"例:01\"\r\n              @change=\"emits('update-month', $event.target.value)\"\r\n            >\r\n          </div>\r\n          <p class=\"lyMl8 pFont12 pFontMedium\">月</p>\r\n        </div>\r\n        <button\r\n          type=\"button\"\r\n          class=\"lyPd2 pBackColorGray50 pBorderRadiusEllipse\"\r\n          @click=\"emits('delete-child')\"\r\n        ><span class=\"lyBlock lyW16px\"><img\r\n          :src=\"siteUrl+'images/iconCloseWhite.svg'\"\r\n          alt=\"削除\"\r\n        ></span></button>\r\n      </div>\r\n    </dd>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {inject, onMounted, ref} from \"vue\";\r\nimport useEntry, {USE_ENTRY_KEY} from \"../EntryComposition\";\r\nimport ChildrenList from \"./ChildrenList.vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst emits = defineEmits(['request-support', 'request-change']);\r\n\r\nconst composition = inject(USE_ENTRY_KEY, useEntry(siteUrl));\r\n\r\n// 都道府県\r\nconst PREFECTURES = ['北海道', '青森県', '岩手県', '宮城県', '秋田県', '山形県', '福島県', '茨城県', '栃木県', '群馬県', '埼玉県', '千葉県', '東京都', '神奈川県', '新潟県', '富山県', '石川県', '福井県', '山梨県', '長野県', '岐阜県', '静岡県', '愛知県', '三重県', '滋賀県', '京都府', '大阪府', '兵庫県', '奈良県', '和歌山県', '鳥取県', '島根県', '岡山県', '広島県', '山口県', '徳島県', '香川県', '愛媛県', '高知県', '福岡県', '佐賀県', '長崎県', '熊本県', '大分県', '宮崎県', '鹿児島県', '沖縄県'];\r\n\r\n// 現在時刻を取得\r\nconst now = new Date();\r\n\r\n// 選択ボックスの表示切替\r\nconst isShowSelects = ref(false);\r\n\r\n// children を追加\r\nconst addChild = () => {\r\n  composition.inputs.children.push({\r\n    year: '',\r\n    month: '',\r\n    sex: 0\r\n  });\r\n};\r\n\r\n// children を削除\r\nconst deleteChild = (index) => {\r\n  composition.inputs.children.splice(index, 1);\r\n};\r\n\r\n// children を更新\r\nconst updateChild = (index, key, value) => {\r\n  composition.inputs.children.splice(index, 1, {\r\n    ...composition.inputs.children[index],\r\n    [key]: value\r\n  });\r\n};\r\n\r\n// 最終確認ページへ\r\nconst skip = async () => {\r\n  // バリデーションを行う\r\n  await composition.validate();\r\n\r\n  // エラーがある場合は処理を中断\r\n  if (Object.keys(composition.errors.value).length > 0) {\r\n    return;\r\n  }\r\n\r\n  // 次ページへ\r\n  emits('request-change', 'confirm');\r\n};\r\n\r\n// 次ページへ\r\nconst next = async () => {\r\n  // エラーを初期化\r\n  composition.errors.value = {};\r\n\r\n  // バリデーションを行う\r\n  await composition.validate();\r\n\r\n  // エラーがある場合は処理を中断\r\n  if (Object.keys(composition.errors.value).length > 0) {\r\n    return;\r\n  }\r\n\r\n  // 次ページへ\r\n  emits('request-change', 'categories');\r\n};\r\n\r\n// 疑似セレクトボックス外の要素をクリックした際、疑似セレクトボックスを非表示にする、\r\nonMounted(() => {\r\n  document.addEventListener('click', (event) => {\r\n    if ( ! event.target.closest('.modSelectTrigger')) {\r\n      isShowSelects.value = false;\r\n    }\r\n  });\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <ol class=\"lyHorizontalCnt lyMb16\">\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">1</p>\r\n        <p class=\"pFont10 pFontBold\">メール認証</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">2</p>\r\n        <p class=\"pFont10 pFontBold\">アカウント情報入力</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">3</p>\r\n        <p class=\"pFont10 pFontBold\">入力情報確認</p>\r\n      </li>\r\n    </ol>\r\n    <div class=\"lyW100 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n      <div class=\"lyPt4 lyPb4 lyMb32\">\r\n        <div class=\"lyHorizontalEnd\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyPt4 lyPb4 pFont12 pFontMedium pFontGreen\"\r\n            @click=\"skip\"\r\n          >今は入力をスキップ</button>\r\n        </div>\r\n        <div class=\"lyPt8 lyPb8\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyVerticalCnt lyW100 lyPt8 lyPb8 lyPl8 pFont12 pBackColorGray4\"\r\n            @click=\"emits('request-support', 'bonus')\"\r\n          ><span class=\"lyBlock lyW16px lyMr4\"><img\r\n              :src=\"siteUrl+'images/iconInformationBlue.svg'\"\r\n              width=\"16\"\r\n              height=\"16\"\r\n              loading=\"lazy\"\r\n              alt=\"\"\r\n            ></span>初回情報登録すると各ボーナスポイントゲット！</button>\r\n        </div>\r\n        <dl>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr4 pFont12 pFontMedium\">子ども情報</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">任意</span>\r\n              <p class=\"pFont12 pFontBold pFontRed\">初回+{{new Intl.NumberFormat().format(composition.settings.p_child * 2)}}P</p>\r\n            </div>\r\n            <label\r\n              for=\"childPublic\"\r\n              class=\"pSwitch lyVerticalCnt\"\r\n            >\r\n              <input\r\n                v-model=\"composition.inputs.is_public_children\"\r\n                type=\"checkbox\"\r\n                name=\"child\"\r\n                id=\"childPublic\"\r\n              >\r\n              <div class=\"lyOrder1 pSwitchBtn\"></div>\r\n              <p class=\"lyOrder0 lyMr4 pSwitchTitle pFont12 pFontBold\">公開</p>\r\n              <p class=\"lyOrder2 lyMl4 pSwitchTitle pFont12 pFontBold\">非公開</p>\r\n            </label>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <p\r\n              v-for=\"error in ('children_status' in composition.errors.value ? composition.errors.value.children_status.filter(_error => _error !== '' && _error !== null) : [])\"\r\n              :key=\"error\"\r\n              class=\"lyMb8 pFont12 pFontBold pFontRed\"\r\n            >{{error}}</p>\r\n            <ul class=\"lyHorizontalBreak\">\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\">\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"0\"\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">未回答</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\">\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"1\"\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">いる</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\">\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"2\"\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">いない</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\">\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"3\"\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">妊娠中</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\">\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"4\"\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">妊活中</span>\r\n                </label>\r\n              </li>\r\n            </ul>\r\n            <dl v-if=\"Number(composition.inputs.children_status) === 1\">\r\n              <ChildrenList\r\n                v-for=\"(child, index) in composition.inputs.children\"\r\n                :index=\"index\"\r\n                :month=\"String(child.month)\"\r\n                :year=\"String(child.year)\"\r\n                :sex=\"Number(child.sex)\"\r\n                :errors=\"composition.errors.value\"\r\n                @update-sex=\"updateChild(index, 'sex', $event)\"\r\n                @update-month=\"updateChild(index, 'month', $event)\"\r\n                @update-year=\"updateChild(index, 'year', $event)\"\r\n                @delete-child=\"deleteChild(index)\"\r\n              />\r\n            </dl>\r\n            <div\r\n              v-if=\"Number(composition.inputs.children_status) === 1\"\r\n              class=\"lyPt16 lyPb16\"\r\n            >\r\n              <button\r\n                type=\"button\"\r\n                class=\"lyHvCnt lyW100 lyPt8 lyPb8 lyTextCnt pFont14 pFontBold pFontBlack pBackColorGray4 pBorder1pxSolidBlack pBorderRadius2px\"\r\n                @click=\"addChild\"\r\n              >\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"lyBlock lyW16px lyMr8\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n                        :src=\"siteUrl+'images/iconListAdd.svg'\"\r\n                        width=\"16\"\r\n                        height=\"16\"\r\n                        loading=\"lazy\"\r\n                        alt=\"\"\r\n                      >\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n                子ども情報を追加\r\n              </button>\r\n            </div>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <label\r\n                for=\"pref\"\r\n                class=\"lyMr4 pFont12 pFontMedium\"\r\n              >住まい</label>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">任意</span>\r\n              <p class=\"pFont12 pFontBold pFontRed\">初回+{{new Intl.NumberFormat().format(composition.settings.p_pref * 2)}}P</p>\r\n            </div>\r\n            <label\r\n              for=\"prefPublic\"\r\n              class=\"pSwitch lyVerticalCnt\"\r\n            >\r\n              <input\r\n                v-model=\"composition.inputs.is_public_prefecture\"\r\n                type=\"checkbox\"\r\n                name=\"pref\"\r\n                id=\"prefPublic\"\r\n              >\r\n              <div class=\"lyOrder1 pSwitchBtn\"></div>\r\n              <p class=\"lyOrder0 lyMr4 pSwitchTitle pFont12 pFontBold\">公開</p>\r\n              <p class=\"lyOrder2 lyMl4 pSwitchTitle pFont12 pFontBold\">非公開</p>\r\n            </label>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <p\r\n              v-for=\"error in ('prefecture' in composition.errors.value ? composition.errors.value.prefecture.filter(_error => _error !== '' && _error !== null) : [])\"\r\n              :key=\"error\"\r\n              class=\"lyMb8 pFont12 pFontBold pFontRed\"\r\n            >{{error}}</p>\r\n            <div class=\"lyW150px\">\r\n              <div :class=\"{modSelectTrigger: true, isShow: isShowSelects}\">\r\n                <button\r\n                  type=\"button\"\r\n                  id=\"pref\"\r\n                  class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyVerticalBwCnt lyTextLeft lyW100 pFont16 pFontMedium pBackColorWhite pBorder1pxSolidGray20 pBorderRadius2px\"\r\n                  @click=\"isShowSelects = ! isShowSelects\"\r\n                >{{composition.inputs.prefecture === '' ? '未選択' : composition.inputs.prefecture}}<span class=\"lyW10px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img\r\n                          :src=\"siteUrl+'images/iconSelectBoxTriangle.svg'\"\r\n                          loading=\"lazy\"\r\n                          alt=\"ここを押して選択\"\r\n                        >\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </button>\r\n                <div class=\"modSelectListContainer\">\r\n                  <ul class=\"modSelectList\">\r\n                    <li class=\"pBorderBottom1pxSolidGray4\">\r\n                      <label class=\"lyW100 lyPt12 lyPb12 lyPr8 lyPl8 lyTextCnt pFontBold pHoverBackGray4 pAnimation pCursorPointer\">\r\n                        <input\r\n                          v-model=\"composition.inputs.prefecture\"\r\n                          value=\"\"\r\n                          type=\"radio\"\r\n                          name=\"prefecture\"\r\n                          @change=\"isShowSelects = false\"\r\n                        >\r\n                        未選択\r\n                      </label>\r\n                    </li>\r\n                    <li\r\n                      v-for=\"prefecture in PREFECTURES\"\r\n                      :key=\"prefecture\"\r\n                      class=\"pBorderBottom1pxSolidGray4\"\r\n                    >\r\n                      <label class=\"lyW100 lyPt12 lyPb12 lyPr8 lyPl8 lyTextCnt pFontBold pHoverBackGray4 pAnimation pCursorPointer\">\r\n                        <input\r\n                          v-model=\"composition.inputs.prefecture\"\r\n                          :value=\"prefecture\"\r\n                          type=\"radio\"\r\n                          name=\"prefecture\"\r\n                          @change=\"isShowSelects = false\"\r\n                        >\r\n                        {{prefecture}}\r\n                      </label>\r\n                    </li>\r\n                  </ul>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </dd>\r\n        </dl>\r\n      </div>\r\n      <p\r\n        v-if=\"'message' in composition.errors.value && typeof composition.errors.value.message === 'string' && composition.errors.value.message !== ''\"\r\n        class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n      >{{composition.errors.value.message}}</p>\r\n      <div class=\"lyHorizontalBwBreak lyFlexItemBreakBan lyTbFlexItemHorizontalRev lyPt4 lyPb4\">\r\n        <p class=\"lyW100 lyTbW50 lyMb16 lyTbMl8 lyTbMb0\">\r\n          <button\r\n            type=\"submit\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontWhite pBackColorGreen pBorder1pxSolidGreen pBorderRadius2px pHoverSlideChange\"\r\n            @click=\"next\"\r\n          >次へ\r\n          </button>\r\n        </p>\r\n        <p class=\"lyW100 lyTbW50 lyTbMr8\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontGreen pBorder1pxSolidGreen pBorderRadius2px\"\r\n            @click=\"emits('request-change', 'name')\"\r\n          >戻って編集\r\n          </button>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {inject} from \"vue\";\r\nimport useEntry, {USE_ENTRY_KEY} from \"../EntryComposition\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst emits = defineEmits(['request-support', 'request-change']);\r\n\r\nconst composition = inject(USE_ENTRY_KEY, useEntry(siteUrl));\r\n\r\n// 興味のある分野を付け外し\r\nconst toggleInteresting = (id, checked) => {\r\n  // 既に存在するか確認\r\n  const index = composition.inputs.interesting.indexOf(id);\r\n\r\n  // チェックが付いたかつ、存在しない場合は追加\r\n  if (checked && index === -1) {\r\n    composition.inputs.interesting.push(id);\r\n  }\r\n\r\n  // チェックが外れたかつ、存在する場合は削除\r\n  else if ( ! checked && index !== -1) {\r\n    composition.inputs.interesting.splice(index, 1);\r\n  }\r\n};\r\n\r\n// 最終確認ページへ\r\nconst skip = async () => {\r\n  // バリデーションを行う\r\n  await composition.validate();\r\n\r\n  // エラーがある場合は処理を中断\r\n  if (Object.keys(composition.errors.value).length > 0) {\r\n    return;\r\n  }\r\n\r\n  // 次ページへ\r\n  emits('request-change', 'confirm');\r\n};\r\n\r\n// 次ページへ\r\nconst next = async () => {\r\n  // エラーを初期化\r\n  composition.errors.value = {};\r\n\r\n  // バリデーションを行う\r\n  await composition.validate();\r\n\r\n  // エラーがある場合は処理を中断\r\n  if (Object.keys(composition.errors.value).length > 0) {\r\n    return;\r\n  }\r\n\r\n  // 次ページへ\r\n  emits('request-change', 'confirm');\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <ol class=\"lyHorizontalCnt lyMb16\">\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">1</p>\r\n        <p class=\"pFont10 pFontBold\">メール認証</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">2</p>\r\n        <p class=\"pFont10 pFontBold\">アカウント情報入力</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">3</p>\r\n        <p class=\"pFont10 pFontBold\">入力情報確認</p>\r\n      </li>\r\n    </ol>\r\n    <div class=\"lyW100 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n      <div class=\"lyPt4 lyPb4 lyMb32\">\r\n        <div class=\"lyHorizontalEnd\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyPt4 lyPb4 pFont12 pFontMedium pFontGreen\"\r\n            @click=\"skip\"\r\n          >今は入力をスキップ</button>\r\n        </div>\r\n        <div class=\"lyPt8 lyPb8\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyVerticalCnt lyW100 lyPt8 lyPb8 lyPl8 pFont12 pBackColorGray4\"\r\n            @click=\"emits('request-support', 'bonus')\"\r\n          >\r\n            <span class=\"lyBlock lyW16px lyMr4\"><img\r\n              :src=\"siteUrl+'images/iconInformationBlue.svg'\"\r\n              width=\"16\"\r\n              height=\"16\"\r\n              loading=\"lazy\"\r\n              alt=\"\"\r\n            ></span>\r\n            初回情報登録すると各ボーナスポイントゲット！\r\n          </button>\r\n        </div>\r\n        <dl>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <label class=\"lyMr4 pFont12 pFontMedium\">興味のあるカテゴリーを選択</label>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">任意</span>\r\n              <p class=\"pFont12 pFontBold pFontRed\">初回+{{new Intl.NumberFormat().format(composition.settings.p_int * 2)}}P</p>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <p\r\n              v-for=\"error in ('interesting' in composition.errors.value ? composition.errors.value.interesting.filter(_error => _error !== '' && _error !== null) : [])\"\r\n              :key=\"error\"\r\n              class=\"lyMb8 pFont12 pFontBold pFontRed\"\r\n            >{{error}}</p>\r\n            <ul class=\"lyHorizontalBreak\">\r\n              <li\r\n                v-for=\"category in composition.settings.categories\"\r\n                :key=\"category.id\"\r\n                class=\"lyMr8 lyMt8 lyMb8\"\r\n              >\r\n                <label class=\"lyInlineBlock modEllipseChip dGreen\">\r\n                  <input\r\n                    :checked=\"composition.inputs.interesting.includes(category.id)\"\r\n                    :value=\"category.id\"\r\n                    type=\"checkbox\"\r\n                    name=\"interesting\"\r\n                    @change=\"toggleInteresting(category.id, $event.target.checked)\"\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">{{category.name}}</span>\r\n                </label>\r\n              </li>\r\n            </ul>\r\n          </dd>\r\n        </dl>\r\n      </div>\r\n      <p\r\n        v-if=\"'message' in composition.errors.value && typeof composition.errors.value.message === 'string' && composition.errors.value.message !== ''\"\r\n        class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n      >{{composition.errors.value.message}}</p>\r\n      <div class=\"lyHorizontalBwBreak lyFlexItemBreakBan lyTbFlexItemHorizontalRev lyPt4 lyPb4\">\r\n        <p class=\"lyW100 lyTbW50 lyMb16 lyTbMl8 lyTbMb0\">\r\n          <button\r\n            type=\"submit\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontWhite pBackColorGreen pBorder1pxSolidGreen pBorderRadius2px pHoverSlideChange\"\r\n            @click=\"next\"\r\n          >次へ\r\n          </button>\r\n        </p>\r\n        <p class=\"lyW100 lyTbW50 lyTbMr8\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontGreen pBorder1pxSolidGreen pBorderRadius2px\"\r\n            @click=\"emits('request-change', 'children')\"\r\n          >戻って編集\r\n          </button>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {computed, inject} from \"vue\";\r\nimport useEntry, {USE_ENTRY_KEY} from \"../EntryComposition\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst emits = defineEmits(['request-support', 'request-change']);\r\n\r\nconst composition = inject(USE_ENTRY_KEY, useEntry(siteUrl));\r\n\r\n// 全てのエラーメッセージを一次元配列に変換\r\nconst errors = computed(() => Object.keys(composition.errors.value).map(key => composition.errors.value[key]).flat());\r\n\r\n// 登録処理\r\nconst submit = async () => {\r\n  // 登録を試みる\r\n  const result = await composition.register();\r\n\r\n  // 登録に成功した場合\r\n  if (result) {\r\n    window.location.href = siteUrl+'?entry=success';\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <ol class=\"lyHorizontalCnt lyMb16\">\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">1</p>\r\n        <p class=\"pFont10 pFontBold\">メール認証</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20 isDisabled\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">2</p>\r\n        <p class=\"pFont10 pFontBold\">アカウント情報入力</p>\r\n      </li>\r\n      <li class=\"lyColumnHorizontalCnt lyW100px lyMr4 lyMl4 lyPb20\">\r\n        <p class=\"lyMb4 pFont24 pFontBold\">3</p>\r\n        <p class=\"pFont10 pFontBold\">入力情報確認</p>\r\n      </li>\r\n    </ol>\r\n    <div class=\"lyW100 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n      <div class=\"lyPt4 lyPb4\">\r\n        <dl>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr8 pFont12 pFontMedium\">メールアドレス</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">{{composition.settings.email}}</p>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr8 pFont12 pFontMedium\">パスワード</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">●●●●●●●●●</p>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr4 pFont12 pFontMedium\">ニックネーム</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">{{composition.inputs.name}}</p>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr8 pFont12 pFontMedium\">生年月</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <div class=\"lyVerticalCnt lyMr8\">\r\n                <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyW60px lyTextRight pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">{{composition.inputs.year}}</p>\r\n                <p class=\"lyMl8 pFont12 pFontMedium\">年</p>\r\n              </div>\r\n              <div class=\"lyVerticalCnt\">\r\n                <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyW60px lyTextRight pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">{{composition.inputs.month}}</p>\r\n                <p class=\"lyMl8 pFont12 pFontMedium\">月</p>\r\n              </div>\r\n            </div>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr4 pFont12 pFontMedium\">子ども情報</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">任意</span>\r\n              <p\r\n                v-if=\"Number(composition.inputs.children_status) !== 0\"\r\n                class=\"pFont12 pFontBold pFontRed\"\r\n              >初回+{{new Intl.NumberFormat().format(composition.settings.p_child * 2)}}P</p>\r\n            </div>\r\n            <p class=\"pFont12 pFontBold pFontGray30\">{{composition.inputs.is_public_children ? '公開' : '非公開'}}</p>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <ul class=\"lyHorizontalBreak\">\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label\r\n                  class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\"\r\n                  style=\"pointer-events: none\"\r\n                >\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"0\"\r\n                    readonly\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">未回答</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label\r\n                  class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\"\r\n                  style=\"pointer-events: none\"\r\n                >\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"1\"\r\n                    readonly\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">いる</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label\r\n                  class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\"\r\n                  style=\"pointer-events: none\"\r\n                >\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"2\"\r\n                    readonly\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">いない</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label\r\n                  class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\"\r\n                  style=\"pointer-events: none\"\r\n                >\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"3\"\r\n                    readonly\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">妊娠中</span>\r\n                </label>\r\n              </li>\r\n              <li class=\"lyMr8 lyMt8\">\r\n                <label\r\n                  class=\"lyInlineBlock lyMb16 modEllipseChip dGreen\"\r\n                  style=\"pointer-events: none\"\r\n                >\r\n                  <input\r\n                    v-model=\"composition.inputs.children_status\"\r\n                    type=\"radio\"\r\n                    name=\"userChildStatus\"\r\n                    value=\"4\"\r\n                    readonly\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">妊活中</span>\r\n                </label>\r\n              </li>\r\n            </ul>\r\n            <dl v-if=\"composition.inputs.children.length > 0\">\r\n              <div\r\n                v-for=\"(child, index) in composition.inputs.children\"\r\n                :key=\"index\"\r\n              >\r\n                <dt class=\"lyPt8 lyPb8 lyVerticalCnt\">\r\n                  <p class=\"lyMr32 pFont12 pFontMedium\"><span class=\"lyW24px lyMr4\">{{index + 1}}</span>人目</p>\r\n                  <p class=\"lyMr32 pFont12 pFontMedium\">性別</p>\r\n                  <p class=\"lyMr32 pFont12 pFontMedium\">生年月</p>\r\n                </dt>\r\n                <dd class=\"lyPt4 lyPb4 lyHorizontal\">\r\n                  <p\r\n                    v-if=\"Number(child.sex) === 1\"\r\n                    class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyMr8 lyW100 lyTbW150px pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\"\r\n                  >男の子</p>\r\n                  <p\r\n                    v-else-if=\"Number(child.sex) === 2\"\r\n                    class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyMr8 lyW100 lyTbW150px pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\"\r\n                  >女の子</p>\r\n                  <p\r\n                    v-else\r\n                    class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyMr8 lyW100 lyTbW150px pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\"\r\n                  >未選択</p>\r\n                  <div class=\"lyVerticalCnt lyMr8\">\r\n                    <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyW60px lyTextRight pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">{{child.year}}</p>\r\n                    <p class=\"lyMl8 pFont12 pFontMedium\">年</p>\r\n                  </div>\r\n                  <div class=\"lyVerticalCnt\">\r\n                    <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyW60px lyTextRight pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">{{child.month}}</p>\r\n                    <p class=\"lyMl8 pFont12 pFontMedium\">月</p>\r\n                  </div>\r\n                </dd>\r\n              </div>\r\n            </dl>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr4 pFont12 pFontMedium\">住まい</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">任意</span>\r\n              <p\r\n                v-if=\"composition.inputs.prefecture !== ''\"\r\n                class=\"pFont12 pFontBold pFontRed\"\r\n              >初回+{{new Intl.NumberFormat().format(composition.settings.p_pref * 2)}}P</p>\r\n            </div>\r\n            <p class=\"pFont12 pFontBold pFontGray30\">{{composition.inputs.is_public_prefecture ? '公開' : '非公開'}}</p>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <p class=\"lyPt12 lyPb12 lyPr8 lyPl8 lyW150px pFont16 pFontMedium pBackColorGray4 pBorderRadius2px\">{{composition.inputs.prefecture}}</p>\r\n          </dd>\r\n          <dt class=\"lyPt4 lyPb4 lyVerticalBwCnt\">\r\n            <div class=\"lyVerticalCnt\">\r\n              <p class=\"lyMr4 pFont12 pFontMedium\">興味のあるカテゴリーを選択</p>\r\n              <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">任意</span>\r\n              <p\r\n                v-if=\"composition.inputs.interesting.length > 0\"\r\n                class=\"pFont12 pFontBold pFontRed\"\r\n              >初回+{{new Intl.NumberFormat().format(composition.settings.p_int * 2)}}P</p>\r\n            </div>\r\n          </dt>\r\n          <dd class=\"lyPt4 lyPb4\">\r\n            <ul class=\"lyHorizontalBreak\">\r\n              <li\r\n                v-for=\"category in composition.settings.categories\"\r\n                :key=\"category.id\"\r\n                class=\"lyMr8 lyMt8 lyMb8\"\r\n              >\r\n                <label\r\n                  class=\"lyInlineBlock modEllipseChip dGreen\"\r\n                  style=\"pointer-events: none\"\r\n                >\r\n                  <input\r\n                    :checked=\"composition.inputs.interesting.includes(category.id)\"\r\n                    :value=\"category.id\"\r\n                    type=\"checkbox\"\r\n                    name=\"interesting\"\r\n                    readonly\r\n                  >\r\n                  <span class=\"lyInlineBlock lyPt6 lyPb6 lyPr8 lyPl8 pFont14 pFontBold pFontWhite pBackColorGray30 pBorderRadiusEllipse pHoverOpacityDefault modEllipseChipBtn\">{{category.name}}</span>\r\n                </label>\r\n              </li>\r\n            </ul>\r\n          </dd>\r\n        </dl>\r\n      </div>\r\n      <p class=\"lyVerticalCnt lyPt4 lyPb4 pFont12\">\r\n        <span class=\"lyPd4 lyMr8 pFont10 pFontBold pBackColorGray4 pBorderRadius2px\">必須</span>\r\n        <label class=\"lyHorizontal pCheckBox pHoverOpacityDefault pAnimation\">\r\n          <p class=\"lyMr8\">利用規約・プライバシーポリシーに同意する</p>\r\n          <input\r\n            v-model=\"composition.inputs.agree\"\r\n            type=\"checkbox\"\r\n            name=\"is_receive_mail_magazine\"\r\n          >\r\n          <span class=\"lyShrinkNone pCheckBoxBtn\"></span>\r\n        </label>\r\n      </p>\r\n      <ul class=\"lyPt8 lyPb8 lyMb16 pFont12\">\r\n        <li class=\"lyPt4 lyPb4\">※「@tetsunagi-p.com」からのメールを受け取れるように設定お願いします。</li>\r\n        <li class=\"lyPt4 lyPb4\">※ご登録いただいたメールアドレス宛にメールマガジンをお送りします。希望されない場合はチェックを外してください。\r\n          <div class=\"lyPt8\">\r\n            <label class=\"lyHorizontal pCheckBox pHoverOpacityDefault pAnimation\">\r\n              <p class=\"lyMr8\">メールマガジン配信を希望する</p>\r\n              <input\r\n                v-model=\"composition.inputs.is_receive_mail_magazine\"\r\n                type=\"checkbox\"\r\n                name=\"is_receive_mail_magazine\"\r\n              >\r\n              <span class=\"lyShrinkNone pCheckBoxBtn\"></span>\r\n            </label>\r\n          </div>\r\n        </li>\r\n        <li class=\"lyPt4 lyPb4\">※配信設定は会員登録後にマイページにて変更いただけます。</li>\r\n      </ul>\r\n      <p\r\n        v-for=\"error in errors\"\r\n        :key=\"error\"\r\n        class=\"lyMb8 pFont12 pFontBold pFontRed\"\r\n      >{{error}}</p>\r\n      <div class=\"lyHorizontalBwBreak lyFlexItemBreakBan lyTbFlexItemHorizontalRev lyPt4 lyPb4\">\r\n        <p class=\"lyW100 lyTbW50 lyMb16 lyTbMl8 lyTbMb0\">\r\n          <button\r\n            type=\"submit\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontWhite pBackColorGreen pBorder1pxSolidGreen pBorderRadius2px pHoverSlideChange\"\r\n            @click=\"submit\"\r\n          >登録する</button>\r\n        </p>\r\n        <p class=\"lyW100 lyTbW50 lyTbMr8\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontGreen pBorder1pxSolidGreen pBorderRadius2px\"\r\n            @click=\"emits('request-change', 'categories')\"\r\n          >戻って編集</button>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {reactive, ref} from \"vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst props = defineProps({\r\n  registerSuccess: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n});\r\n\r\n// ログイン情報\r\nconst loginInputs = reactive({\r\n  email: '',\r\n  password: ''\r\n});\r\n\r\n// ログインエラー\r\nconst loginErrors = reactive({\r\n  _: '',\r\n  email: '',\r\n  password: ''\r\n});\r\n\r\n// 連打防止用\r\nconst lockLogin = ref(false);\r\n\r\n// ログインを試みる\r\nconst tryLogin = async () => {\r\n  // ロック中は何もしない\r\n  if (lockLogin.value) {\r\n    return;\r\n  }\r\n\r\n  //  1 秒ロックする\r\n  lockLogin.value = true;\r\n  setTimeout(() => {\r\n    lockLogin.value = false;\r\n  }, 1000);\r\n\r\n  // エラーを初期化\r\n  loginErrors._ = '';\r\n  loginErrors.email = '';\r\n  loginErrors.password = '';\r\n\r\n  // メールアドレスは必須\r\n  if ( ! loginInputs.email) {\r\n    loginErrors.email = 'メールアドレスを入力してください';\r\n  }\r\n\r\n  // メールアドレスの形式をチェック\r\n  else if ( ! /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(loginInputs.email)) {\r\n    loginErrors.email = 'メールアドレスの形式が正しくありません';\r\n  }\r\n\r\n  // パスワードは必須\r\n  if ( ! loginInputs.password) {\r\n    loginErrors.password = 'パスワードを入力してください';\r\n  }\r\n\r\n  // エラーが存在すれば中断\r\n  if (loginErrors.email || loginErrors.password) {\r\n    return;\r\n  }\r\n\r\n  // 送信データを作成\r\n  const body = new FormData();\r\n  body.append('email', loginInputs.email);\r\n  body.append('password', loginInputs.password);\r\n\r\n  // 新規作成 or 更新を試みる\r\n  try {\r\n    // サーバに問い合わせ\r\n    const response = await fetch(siteUrl+'login/auth', {\r\n      method: 'post',\r\n      headers: {\r\n        'X-Requested-With': 'XMLHttpRequest',\r\n        'X-CSRF-TOKEN': document.querySelector('meta[name=\"csrf-token\"]').content\r\n      },\r\n      body\r\n    });\r\n\r\n    // JSON 形式で返却されたデータを取得\r\n    const data = await response.json();\r\n\r\n    // もしエラーが発生した場合はエラーを表示\r\n    if ( ! response.ok) {\r\n      throw data;\r\n    }\r\n\r\n    // ログイン先にリダイレクト\r\n    if ('url' in data) {\r\n      window.location.href = data.url;\r\n    }\r\n    else {\r\n      window.location.reload();\r\n    }\r\n  }\r\n\r\n    // エラー発生\r\n  catch (error) {\r\n    // エラーの内容をコンソールに表示\r\n    console.log(error);\r\n\r\n    // error が文字列だったら _ にセット\r\n    if (typeof error === 'string') {\r\n      loginErrors._ = error;\r\n    }\r\n\r\n    // error が配列なら「、」で連結して _ にセット\r\n    else if (Array.isArray(error)) {\r\n      loginErrors._ = error.join('、');\r\n    }\r\n\r\n    // error がオブジェクト\r\n    else if (error !== null && typeof error === 'object') {\r\n      // キーを集める\r\n      const keys = Object.keys(error);\r\n\r\n      // email, password 以外のメッセージ\r\n      const messages = [];\r\n\r\n      // キーごとに検証\r\n      for (const key of keys) {\r\n        // 値が配列の場合\r\n        if (Array.isArray(error[key])) {\r\n          // email or password\r\n          if (key === 'email' || key === 'password') {\r\n            loginErrors[key] === error[key].join('、');\r\n          }\r\n\r\n          // それ以外の場合は messages に格納\r\n          else {\r\n            messages.push(...error[key]);\r\n          }\r\n        }\r\n\r\n        // そうではない場合は string として扱う\r\n        else {\r\n          if (key === 'email' || key === 'password') {\r\n            loginErrors[key] = error[key].toString();\r\n          }\r\n          else {\r\n            messages.push(error[key].toString());\r\n          }\r\n        }\r\n      }\r\n\r\n      // messages が存在する場合は _ にセット\r\n      if (messages.length > 0) {\r\n        loginErrors._ = messages.join('、');\r\n      }\r\n    }\r\n\r\n    // 予想されていないエラー\r\n    else {\r\n      loginErrors._ = '予期しないエラーが発生しました。恐れ入りますが、しばらくしてからログインして下さい。';\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div class=\"lyColumn gOnlyLoginModalWrapper\">\r\n    <p\r\n      v-if=\"registerSuccess\"\r\n      class=\"lyMb8 pFont12 pFontBold pFontRed\"\r\n    >新規登録が完了しました。登録した情報でログインしてください。</p>\r\n    <div\r\n      class=\"lyHorizontalBwBreak lyMb16\"\r\n      style=\"flex-grow:1\"\r\n    >\r\n      <div class=\"lyW100 lyTbW49 lyPd16 lyMb16 lyTbMb0 pFont14 pBackColorWhite pBorderRadius4px\">\r\n        <section>\r\n          <h5 class=\"lyTextCnt lyMb8 pFont16 pFontBold\">SNSでログイン/アカウント登録する</h5>\r\n          <p class=\"lyMb16 pFont14\">ログインすると<a :href=\"siteUrl+'terms'\">利用規約</a>および<a href=\"https://commitgrowth.co.jp/privacy_policy/\" target=\"_blank\">プライバシーポリシー</a>に同意したことになります。</p>\r\n          <ul>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/line'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorGreen pBorderRadius4px pHoverClearBlack\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsLine.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"LINE\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">LINEでログイン</p>\r\n              </a>\r\n            </li>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/twitter'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorBlack pBorderRadius4px pHoverClearWhite\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsX.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"X\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">Xでログイン</p>\r\n              </a>\r\n            </li>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/yahoo'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorYahooRed pBorderRadius4px pHoverClearBlack\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsYahoo.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"X\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">Yahoo!JAPAN IDでログイン</p>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </section>\r\n      </div>\r\n      <div class=\"lyW100 lyTbW49 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n        <section>\r\n          <h5 class=\"lyTextCnt lyMb16 pFont16 pFontBold\">登録メールアドレスでログイン</h5>\r\n          <p\r\n            v-if=\"loginErrors._ !== ''\"\r\n            class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n          >{{loginErrors._}}</p>\r\n          <div class=\"lyPt4 lyPb4 lyMb16\">\r\n            <div class=\"lyPt4 lyPb4\">\r\n              <div :class=\"{pPopFormWrap: true, pFont16: true, isNegative: loginErrors.email !== ''}\">\r\n                <input\r\n                  v-model=\"loginInputs.email\"\r\n                  type=\"email\"\r\n                  id=\"userEmailAddress\"\r\n                  class=\"pPopForm\"\r\n                  placeholder=\" \"\r\n                  required=\"\"\r\n                  style=\"box-shadow: none\"\r\n                  @keyup.enter=\"tryLogin\"\r\n                >\r\n                <label for=\"userEmailAddress\" class=\"pPopFormLabel\">メールアドレス（半角）</label>\r\n              </div>\r\n              <p\r\n                v-if=\"loginErrors.email !== ''\"\r\n                class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n              >{{loginErrors.email}}</p>\r\n            </div>\r\n            <div class=\"lyPt4 lyPb4\">\r\n              <div :class=\"{pPopFormWrap: true, pFont16: true, isNegative: loginErrors.email !== ''}\">\r\n                <input\r\n                  v-model=\"loginInputs.password\"\r\n                  type=\"password\"\r\n                  id=\"userPassword\"\r\n                  class=\"pPopForm\"\r\n                  placeholder=\" \"\r\n                  required=\"\"\r\n                  style=\"box-shadow: none\"\r\n                  @keyup.enter=\"tryLogin\"\r\n                >\r\n                <label for=\"userPassword\" class=\"pPopFormLabel\">パスワード</label>\r\n              </div>\r\n              <p\r\n                v-if=\"loginErrors.password !== ''\"\r\n                class=\"lyMt4 pFont10 pFontMedium pFontRed\"\r\n              >{{loginErrors.password}}</p>\r\n            </div>\r\n            <p>\r\n              <a\r\n                :href=\"siteUrl+'forget'\"\r\n                class=\"lyHorizontalEnd lyVerticalCnt lyPt4 pFont12 pFontMedium\"\r\n              >\r\n                パスワードを忘れた方はこちら\r\n                <span class=\"lyBlock lyMl2 lyW12px\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/iconRightArrowBlue.svg'\" width=\"12\" height=\"12\" loading=\"lazy\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n              </a>\r\n            </p>\r\n          </div>\r\n          <button\r\n            type=\"button\"\r\n            class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontGreen pBorder1pxSolidGreen pBorderRadius2px\"\r\n            @click=\"tryLogin\"\r\n          >ログイン</button>\r\n        </section>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst emits = defineEmits(['request-change']);\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <div class=\"lyHorizontalBwBreak lyMb16\">\r\n      <div class=\"lyW100 lyTbW49 lyPd16 lyMb16 lyTbMb0 pFont14 pBackColorWhite pBorderRadius4px\">\r\n        <section>\r\n          <h5 class=\"lyTextCnt lyMb8 pFont16 pFontBold\">SNSで新規アカウント登録する</h5>\r\n          <p class=\"lyMb16 pFont14\">アカウント登録すると<a :href=\"siteUrl+'terms'\">利用規約</a>および<a href=\"https://commitgrowth.co.jp/privacy_policy/\" target=\"_blank\">プライバシーポリシー</a>に同意したことになります。</p>\r\n          <ul>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/line'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorGreen pBorderRadius4px pHoverClearBlack\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsLine.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"LINE\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">LINEでログイン</p>\r\n              </a>\r\n            </li>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/twitter'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorBlack pBorderRadius4px pHoverClearWhite\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsX.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"X\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">Xでログイン</p>\r\n              </a>\r\n            </li>\r\n            <li class=\"lyPt8 lyPb8\">\r\n              <a\r\n                :href=\"siteUrl+'login/yahoo'\"\r\n                class=\"lyHorizontal lyW100 pFontWhite pBackColorYahooRed pBorderRadius4px pHoverClearBlack\"\r\n              >\r\n                <p class=\"lyShrinkNone lyHvCnt lyPt12 lyPb12 lyW48px pBorderRight1pxSolidGray4\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"lyW24px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img :src=\"siteUrl+'images/loginSnsYahoo.svg'\" width=\"24\" height=\"24\" loading=\"lazy\" alt=\"X\">\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n                </p>\r\n                <p class=\"lyHvCnt lyW100 pFontBold\">Yahoo!JAPAN IDでログイン</p>\r\n              </a>\r\n            </li>\r\n          </ul>\r\n        </section>\r\n      </div>\r\n      <div class=\"lyW100 lyTbW49 lyPd16 pFont14 pBackColorWhite pBorderRadius4px\">\r\n        <section>\r\n          <h5 class=\"lyTextCnt lyMb16 pFont16 pFontBold\">メールアドレスでアカウント登録する</h5>\r\n          <p class=\"lyMaxW400px lyBlockCnt\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"lyHvCnt lyW100 lyPt12 lyPb12 lyTextCnt pFont14 pFontBold pFontWhite pBackColorGreen pBorderRadius2px pHoverSlideChange\"\r\n              @click=\"emits('request-change', 'email')\"\r\n            >新規登録</button>\r\n          </p>\r\n        </section>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {computed, provide, ref, watch} from \"vue\";\r\nimport useEntry, {USE_ENTRY_KEY} from \"../EntryComposition\";\r\nimport ContainerLogin from \"./ContainerLogin.vue\";\r\nimport ContainerEmail from \"./ContainerEmail.vue\";\r\nimport BackgroundContainer from \"../BackgroundContainer.vue\";\r\nimport ContainerName from \"./ContainerName.vue\";\r\nimport ContainerChildren from \"./ContainerChildren.vue\";\r\nimport ContainerCategories from \"./ContainerCategories.vue\";\r\nimport ContainerConfirm from \"./ContainerConfirm.vue\";\r\nimport ContainerOnlyLogin from \"./ContainerOnlyLogin.vue\";\r\nimport ContainerOnlyEntry from \"./ContainerOnlyEntry.vue\";\r\n\r\nconst siteUrl = document.querySelector('meta[name=\"site-url\"]').content;\r\nconst props = defineProps({\r\n  modalType: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  initEmail: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  registerSuccess: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  isFromComment: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n});\r\nconst emits = defineEmits(['request-change', 'request-send', 'request-support']);\r\n\r\nconst composition = useEntry(siteUrl);\r\nprovide(USE_ENTRY_KEY, composition);\r\n\r\n// モーダルのタイトル\r\nconst modalTitle = computed(() => {\r\n  switch (props.modalType) {\r\n    case 'login':\r\n      return props.isFromComment ? 'ログイン/アカウント登録が必要です。' : 'ログイン/アカウント登録';\r\n    case 'only-login':\r\n      return 'ログイン';\r\n    case 'only-entry':\r\n      return '新規アカウント登録';\r\n    case 'email':\r\n      return 'メール認証';\r\n    case 'name':\r\n    case 'children':\r\n    case 'categories':\r\n      return 'アカウント情報入力';\r\n    case 'confirm':\r\n      return '入力情報確認';\r\n    default:\r\n      return '';\r\n  }\r\n});\r\n\r\n// モーダルの内容が変わる度にスクロール位置を先頭に戻す\r\nwatch(()=> props.modalType, ()=> {\r\n  // スクロール位置を先頭に戻すための要素を確保\r\n  const target = document.querySelector('.modDrawerModalBottomWrapper');\r\n\r\n  // 見つからなかったらなにもしない\r\n  if ( ! target) {\r\n    return;\r\n  }\r\n\r\n  // 見つかったら要素内のスクロール位置を先頭へ\r\n  target.scrollTop = 0;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <teleport to=\"body\">\r\n      <BackgroundContainer\r\n        :is-show=\"modalType !== ''\"\r\n        @request-close=\"emits('request-change', '')\"\r\n      />\r\n    </teleport>\r\n    <teleport to=\"body\">\r\n      <div :class=\"{modDrawerModalWindow: true, dWide: true, isShow: modalType !== ''}\">\r\n        <div>\r\n          <div class=\"modDrawerModalTitleContainer\">\r\n            <h4 class=\"pFont16 pFontBold\">{{modalTitle}}</h4>\r\n            <button\r\n              type=\"button\"\r\n              class=\"lyHvCnt lyColumn lyW48px lyH48px pFont10 pFontBold\"\r\n              style=\"flex-grow: 0\"\r\n              @click=\"emits('request-change', '')\"\r\n            ><span class=\"lyBlock lyW24px\"><img\r\n            :src=\"siteUrl+'images/iconClose.svg'\"\r\n            loading=\"lazy\"\r\n            alt=\"\"\r\n            width=\"30\"\r\n            height=\"31\"\r\n          ></span>とじる</button>\r\n          </div>\r\n          <div class=\"modDrawerModalBottomWrapper\">\r\n            <ContainerLogin\r\n              v-if=\"props.modalType === 'login'\"\r\n              :register-success=\"registerSuccess\"\r\n              :is-from-comment=\"props.isFromComment\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n            />\r\n            <ContainerOnlyLogin\r\n              v-else-if=\"props.modalType === 'only-login'\"\r\n              :register-success=\"registerSuccess\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n            />\r\n            <ContainerOnlyEntry\r\n              v-else-if=\"props.modalType === 'only-entry'\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n            />\r\n            <ContainerEmail\r\n              v-else-if=\"props.modalType === 'email'\"\r\n              :init-email=\"props.initEmail\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n              @request-send=\"emits('request-send')\"\r\n            />\r\n            <ContainerName\r\n              v-else-if=\"props.modalType === 'name'\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n              @request-support=\"emits('request-support', $event)\"\r\n            />\r\n            <ContainerChildren\r\n              v-else-if=\"props.modalType === 'children'\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n              @request-support=\"emits('request-support', $event)\"\r\n            />\r\n            <ContainerCategories\r\n              v-else-if=\"props.modalType === 'categories'\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n              @request-support=\"emits('request-support', $event)\"\r\n            />\r\n            <ContainerConfirm\r\n              v-else-if=\"props.modalType === 'confirm'\"\r\n              @request-change=\"emits('request-change', $event)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </teleport>\r\n  </div>\r\n</template>\r\n","<script setup>\r\nimport {onMounted, ref} from 'vue';\r\nimport ModalSupport from \"./support/ModalSupport.vue\";\r\nimport ModalSend from \"./send/ModalSend.vue\";\r\nimport ModalMain from \"./main/ModalMain.vue\";\r\n\r\n// メインモーダルで何を表示するか\r\n// '': 表示しない\r\n// 'login': ログイン\r\n// 'email': 新規会員登録(メールアドレス入力)\r\n// 'name': 新規会員登録(ニックネーム)\r\n// 'children': 新規会員登録(子供)\r\n// 'categories': 新規会員登録(興味のあるカテゴリ)\r\n// 'confirm': 新規会員登録(確認画面)\r\nconst mainModal = ref('');\r\n\r\n// メールアドレス初期値\r\nconst initEmail = ref('');\r\n\r\n// サポートモーダルで表示する内容\r\n// '': 表示しない\r\n// 'bonus': ボーナスポイント\r\n// 'name': ニックネームについて\r\nconst supportModal = ref('');\r\n\r\n// 送信済モーダルを表示するか\r\nconst isSendModal = ref(false);\r\n\r\n// 新規会員登録完了後にリダイレクトしてきた際に true となる登録完了フラグ\r\nconst registerSuccess = ref(false);\r\n\r\n// コメント UI から開かれた場合 true になる\r\nconst isFromComment = ref(false);\r\n\r\n// URL パラメータからモーダルを表示する\r\nonMounted(() => {\r\n  // 既にログインしている場合は何もしない\r\n  if (typeof loginUserId !== 'undefined' && Number(loginUserId) !== 0) {\r\n    return;\r\n  }\r\n\r\n  // URL パラメータを取得\r\n  const urlParams = new URLSearchParams(window.location.search);\r\n\r\n  // entry パラメータがあるかつ、 login の場合はモーダルを表示\r\n  if (urlParams.has('entry') && urlParams.get('entry') === 'login') {\r\n    mainModal.value = 'login';\r\n  }\r\n\r\n  // entry パラメータがあるかつ、 success の場合は新規会員登録完了後としてモーダルを表示\r\n  if (urlParams.has('entry') && urlParams.get('entry') === 'success') {\r\n    mainModal.value = 'only-login';\r\n    registerSuccess.value = true;\r\n  }\r\n\r\n  // entry パラメータがあるかつ、 email の場合はモーダルを表示\r\n  if (urlParams.has('entry') && urlParams.get('entry') === 'email') {\r\n    mainModal.value = 'email';\r\n    initEmail.value = urlParams.has('email') ? urlParams.get('email') : '';\r\n  }\r\n\r\n  // entry パラメータがあるかつ、 name の場合はモーダルを表示\r\n  if (urlParams.has('entry') && urlParams.get('entry') === 'name') {\r\n    mainModal.value = 'name';\r\n  }\r\n});\r\n\r\n// ログインボタンによるモーダル表示\r\nwindow.addEventListener('openLoginModal', () => {\r\n  mainModal.value = 'login';\r\n  isFromComment.value = false;\r\n});\r\nwindow.addEventListener('openLoginModalComment', () => {\r\n  mainModal.value = 'login';\r\n  isFromComment.value = true;\r\n});\r\nwindow.addEventListener('openOnlyLoginModal', () => {\r\n  mainModal.value = 'only-login';\r\n  isFromComment.value = false;\r\n});\r\n\r\n// 新規会員登録ボタンによるモーダル表示\r\nwindow.addEventListener('openEntryModal', () => {\r\n  mainModal.value = 'only-entry';\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <ModalMain\r\n      :modal-type=\"mainModal\"\r\n      :init-email=\"initEmail\"\r\n      :is-from-comment=\"isFromComment\"\r\n      :register-success=\"registerSuccess\"\r\n      @request-change=\"mainModal = $event\"\r\n      @request-send=\"isSendModal = true\"\r\n      @request-support=\"supportModal = $event\"\r\n    />\r\n    <ModalSend\r\n      :is-show=\"isSendModal\"\r\n      @request-close=\"isSendModal = false, mainModal = ''\"\r\n    />\r\n    <ModalSupport\r\n      :modal-type=\"supportModal\"\r\n      @request-close=\"supportModal = ''\"\r\n    />\r\n  </div>\r\n</template>\r\n","import {createApp} from 'vue';\r\nimport App from \"./App.vue\";\r\n\r\ncreateApp(App).mount('#js-authModal');\r\n\r\n// ログインボタンをクリックした際の処理\r\ndocument.addEventListener('click', event => {\r\n  // ログイン\r\n  if ((event.target instanceof HTMLElement) && event.target.closest('.js-login-comment')) {\r\n    window.dispatchEvent(new CustomEvent('openLoginModalComment'));\r\n  }\r\n  else if ((event.target instanceof HTMLElement) && event.target.closest('.js-login')) {\r\n    window.dispatchEvent(new CustomEvent('openLoginModal'));\r\n  }\r\n  else if ((event.target instanceof HTMLElement) && event.target.closest('.js-only-login')) {\r\n    window.dispatchEvent(new CustomEvent('openOnlyLoginModal'));\r\n  }\r\n\r\n  // 新規登録\r\n  if ((event.target instanceof HTMLElement) && event.target.closest('.js-register')) {\r\n    window.dispatchEvent(new CustomEvent('openEntryModal'));\r\n  }\r\n});\r\n"],"names":["style","computed","props","siteUrl","useEntry","inputs","reactive","settings","errors","ref","_convertPostErrors","_errors","acc","key","_syncSettings","data","_makeFormData","formData","child","index","interesting","validate","response","e","register","watch","to","USE_ENTRY_KEY","loginInputs","loginErrors","lockLogin","tryLogin","body","error","keys","messages","composition","inject","email","password","passwordConfirm","agree","validation","name","form","json","send","emits","value","next","isShowSelects","errorMessages","sexTitle","onMounted","event","PREFECTURES","addChild","deleteChild","updateChild","skip","toggleInteresting","id","checked","submit","provide","modalTitle","target","mainModal","initEmail","supportModal","isSendModal","registerSuccess","isFromComment","urlParams","createApp","App"],"mappings":"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"}