{"version":3,"file":"pageindex-f9d535d2.js","sources":["../../../../react/src/typescripts/parts/projects/show/main.tsx","../../../../react/src/typescripts/parts/projects/show/pageindex.tsx"],"sourcesContent":["/** imports */\nimport * as React from 'react'\nimport { createRoot } from 'react-dom/client'\n\nimport graphqlQuery     from 'tsRoot/actions/graphql'\nimport { getId }        from 'tsRoot/actions/url'\nimport { projectApply } from 'tsRoot/actions/midworks-freelance/project'\nimport { getValueFromCookie } from 'tsRoot/actions/cookie'\n\nimport { env } from 'tsRoot/constants'\n\nasync function getProjectDetails(projectId: string) {\n  const query = `\n  {\n    projects(id: ${projectId}) {\n      items {\n        id\n        hasUserApplied\n        settlementTerms\n        paymentSiteSetting\n        workingPeriodStartDate\n        onlineInterview\n        recruitmentNumber\n      }\n    },\n  }\n  `\n\n  const res = await graphqlQuery(query)\n  return res\n}\n\nconst projectApplicationSideJsx = (loginId: string, projectId: string | number, hasUserApplied: boolean, setState: React.Dispatch<React.SetStateAction<never[]>> ) => {\n  const params = new URLSearchParams(window.location.search)\n  if(loginId && loginId != 'false' && hasUserApplied) {\n    return (\n      <div className=\"c-registrationStatus\">\n        <div className=\"c-registrationStatus__header\">\n          <p className=\"c-registrationStatus__heading\">応募済</p>\n        </div>\n      </div>\n    )\n  } else if (loginId && loginId != 'false') {\n    projectId && params.append(\"project_id\",String(projectId))\n    return (\n      <div className=\"c-registrationStatus\">\n        <div className=\"c-registrationStatus__header\">\n          <p className=\"c-registrationStatus__heading\">お急ぎください！</p>\n        </div>\n        <div className=\"c-registrationStatus__content\">\n          <p className=\"c-registrationStatus__text\">人気の案件はすぐに応募終了になる可能性があります。<br/>まだ検討中の方は、会員登録後にキャリアアドバイザーにご相談ください。</p>\n          <a onClick={() => {projectApply(projectId, setState)}} className=\"c-registrationStatus__button ga_register_side\">ワンクリック応募</a>\n        </div>\n      </div>\n    )\n  } else {\n    projectId && params.append(\"project_id\",String(projectId))\n    return (\n      <div className=\"c-registrationStatus\">\n        <div className=\"c-registrationStatus__header\">\n          <p className=\"c-registrationStatus__heading\">お急ぎください！</p>\n        </div>\n        <div className=\"c-registrationStatus__content\">\n          <p className=\"c-registrationStatus__text\">人気の案件はすぐに応募終了になる可能性があります。<br/>まだ検討中の方は、会員登録後にキャリアアドバイザーにご相談ください。</p>\n          <a href={\"/users/registration?\" + params} className=\"c-registrationStatus__button ga_register_side\">会員登録して応募する</a>\n        </div>\n      </div>\n    )\n  }\n}\n\nconst projectApplicationUnderJsx = (loginId: string, projectId: string | number, hasUserApplied: boolean, setState: React.Dispatch<React.SetStateAction<never[]>> ) => {\n  const params = new URLSearchParams(window.location.search)\n  if(loginId && loginId != 'false' && hasUserApplied) {\n    return (\n      <>\n        <div className=\"p-jobBoard__panel2 --fix08\">\n          <div>\n            <p className=\"p-jobBoard__text2\">応募済</p>\n          </div>\n        </div>\n        <p className=\"p-jobBoard__caution2\">申込の殺到やプロジェクト・企業の情報流出を防ぐため、Web上での情報公開を一部制限しております。Midworksにご登録いただき、カウンセリング面談にて詳しい案件内容をお伝え致します。その際に、ご希望に合わせて他の類似案件もご紹介することが可能です。納得できる案件がなかった場合は、素直にお断り頂いて問題ございませんので、気軽にご相談ください。</p>\n      </>\n    )\n  } else if (loginId && loginId != 'false') {\n    return (\n      <>\n        <div className=\"p-jobBoard__panel2\">\n          <div>\n            <p className=\"p-jobBoard__text2\">人気案件は申し込みが集中するため、お早めにご相談ください</p>\n            <a onClick={() => {projectApply(projectId, setState)}} className=\"p-jobBoard__button ga_register_projectsdetail\">ワンクリック応募</a>\n          </div>\n        </div>\n        <p className=\"p-jobBoard__caution2\">申込の殺到やプロジェクト・企業の情報流出を防ぐため、Web上での情報公開を一部制限しております。Midworksにご登録いただき、カウンセリング面談にて詳しい案件内容をお伝え致します。その際に、ご希望に合わせて他の類似案件もご紹介することが可能です。納得できる案件がなかった場合は、素直にお断り頂いて問題ございませんので、気軽にご相談ください。</p>\n      </>\n    )\n  } else {\n    projectId && params.append(\"project_id\",String(projectId))\n    return (\n      <>\n        <div className=\"p-jobBoard__panel2\">\n          <div>\n            <p className=\"p-jobBoard__text2\">人気案件は申し込みが集中するため、お早めにご相談ください</p>\n            <a href={\"/users/registration?\" + params} className=\"p-jobBoard__button ga_register_projectsdetail\">会員登録して応募する</a>\n          </div>\n        </div>\n        <p className=\"p-jobBoard__caution2\">申込の殺到やプロジェクト・企業の情報流出を防ぐため、Web上での情報公開を一部制限しております。Midworksにご登録いただき、カウンセリング面談にて詳しい案件内容をお伝え致します。その際に、ご希望に合わせて他の類似案件もご紹介することが可能です。納得できる案件がなかった場合は、素直にお断り頂いて問題ございませんので、気軽にご相談ください。</p>\n      </>\n    )\n  }\n}\n\nconst projectApplicationRegisterButtonRender = (loginId: string, projectId: string | number, hasUserApplied: boolean, setState: React.Dispatch<React.SetStateAction<never[]>> ) => {\n  const params = new URLSearchParams(window.location.search)\n  if(loginId && loginId != 'false' && hasUserApplied) {\n    return (\n      <>\n        <div className=\"is-hide-pc p-jobBoard__panel3\">\n          <div>\n            <p className=\"p-jobBoard__text2\">応募済</p>\n          </div>\n        </div>\n      </>\n    )\n  } else if (loginId && loginId != 'false') {\n    return (\n      <>\n        <a onClick={() => {projectApply(projectId, setState)}} className=\"p-jobBoard__button ga_register_projectsdetail is-hide-pc\">ワンクリック応募</a>\n      </>\n    )\n  } else {\n    projectId && params.append(\"project_id\",String(projectId))\n    return (\n      <>\n        <a href={\"/users/registration?\" + params} className=\"p-jobBoard__button ga_register_projectsdetail is-hide-pc\">会員登録して応募する</a>\n      </>\n    )\n  }\n}\n\n\nconst projectDetailsRender = async(setState: React.Dispatch<React.SetStateAction<never[]>>) => {\n  const projectId = getId()\n  const res = await getProjectDetails(projectId)\n  const project = res.projects.items[0]\n  const loginId = getValueFromCookie(`midworks_mypage_${env}_login`)\n\n  // 会員登録して応募する\n  const projectApplyRegisterElements = document.getElementsByClassName('projectApplyRegister')\n  for (let element of projectApplyRegisterElements) {\n    if(element) createRoot(element).render(projectApplicationRegisterButtonRender(loginId, projectId, project.hasUserApplied, setState))\n  }\n\n  // 案件応募\n  const projectApplySideElement = document.getElementById('projectApplySide')\n  if(projectApplySideElement) createRoot(projectApplySideElement).render(projectApplicationSideJsx(loginId, projectId, project.hasUserApplied, setState))\n  const projectApplyUnderElement = document.getElementById('projectApplyUnder')\n  if(projectApplyUnderElement) createRoot(projectApplyUnderElement).render(projectApplicationUnderJsx(loginId, projectId, project.hasUserApplied, setState))\n}\n\n/** エクスポートするJSXのコンポーネント */\nexport const Main = () => {\n  const [applyId, setApplyId] = React.useState([]) // 案件応募を行った際のIDを格納して再rendorを行う\n\n  React.useEffect(() => {\n    projectDetailsRender(setApplyId)\n  }, [applyId])\n\n  // useEffectのReactDOMでviewの一部分だけ書き換えるようにreactを使っているため、ここではreturnを空で返す\n  return (<></>);\n}\n","/*****************************************************************************************\n * エントリーポイントファイル\n *\n * 新規のエントリーポイントの追加時にはwebpackの再起動が必要になるので注意\n ****************************************************************************************/\n\n/** imports */\nimport * as React from 'react';\nimport { createRoot } from 'react-dom/client';\n// our components\nimport { Main } from './main'\n// import { SnackbarProviderComponent } from '../../../components/snackbarProviderComponent'\n\n/** DOMへのrender */\n// <div id='projects_show'/> のコンポーネントが必要なことに注意\nconst rootElement = document.getElementById('projects_show');\n\nif (rootElement) {\n  const root = createRoot(rootElement)\n  root.render(\n    // <SnackbarProviderComponent>\n      <Main />\n    // </SnackbarProviderComponent>\n  )\n}"],"names":["getProjectDetails","projectId","query","graphqlQuery","projectApplicationSideJsx","loginId","hasUserApplied","setState","params","jsx","jsxs","projectApply","projectApplicationUnderJsx","Fragment","projectApplicationRegisterButtonRender","projectDetailsRender","getId","project","getValueFromCookie","env","projectApplyRegisterElements","element","createRoot","projectApplySideElement","projectApplyUnderElement","Main","applyId","setApplyId","React.useState","React.useEffect","rootElement"],"mappings":"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"}