{"version":3,"file":"component---src-pages-markdown-remark-frontmatter-slug-js-d241a1c65eac93f3ca11.js","mappings":"6MAoJA,UAtIiB,SAAC,GAAc,IACtBA,EADqB,EAAXC,KACVD,eACAE,EAA8BF,EAA9BE,YAAaC,EAAiBH,EAAjBG,KAAMC,EAAWJ,EAAXI,OACrBC,EAAWH,EAAYG,SAEvBC,EADI,kBAAOC,EAAAA,KAAP,OAA4BC,EAAAA,IAA5B,CAA4CC,EAAAA,IACjCC,MAAK,SAACC,GAAD,OAAOA,EAAEC,UAAYP,KAAUC,QACjDO,GAAaC,EAAAA,EAAAA,MAAbD,SAER,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKE,MAAOb,EAAYa,QACxB,4BACE,uBAAKC,UAAU,4FACb,sBAAIA,UAAU,oDACXd,EAAYa,OAEf,wBAAMC,UAAU,0BACA,YAAbX,EACM,IAAIY,KAAKf,EAAYgB,MAAMC,cADjC,KACkD,IAAIF,KACjDf,EAAYgB,MACZE,WAAW,GAHhB,IAIGlB,EAAYgB,OAGpB,uBAAKF,UAAU,6BACb,uBAAKA,UAAU,0CACb,sBAAIA,UAAU,wCACZ,0BACE,gBAAC,EAAAK,KAAD,CAAMC,GAAG,IAAIN,UAAU,qCAAvB,QAIF,sBAAIA,UAAU,QACZ,gBAAC,MAAD,CAAkBA,UAAU,aAE9B,0BACE,gBAAC,EAAAK,KAAD,CACEC,GAAE,IAAMjB,EAAN,IACFW,UAAU,qCAETV,EAAQiB,OAAS,GACdjB,EAAQkB,UAAU,EAAG,IAAM,MAC3BlB,IAGR,sBAAIU,UAAU,QACZ,gBAAC,MAAD,CAAkBA,UAAU,aAE9B,0BACGd,EAAYa,MAAMQ,OAAS,GACxBrB,EAAYa,MAAMS,UAAU,EAAG,IAAM,MACrCtB,EAAYa,UAKxB,uBAAKC,UAAU,eACb,uBAAKA,UAAU,0FACU,WAAtBZ,EAAOqB,WACN,gCACE,gBAAC,KAAD,KACE,uBACET,UAAU,yBACVU,wBAAyB,CAAEC,OAAQxB,MAGvC,gBAAC,KAAD,KACE,uBAAKa,UAAU,gCACb,uBAAKA,UAAU,oBAAf,eAEE,2BAFF,yBAIE,gBAAC,EAAAK,KAAD,CACEC,GAAG,WACHN,UAAU,qCAFZ,UAJF,eAYA,uBAAKA,UAAU,oBAAf,sBAGA,uBAAKA,UAAU,8BACb,0BACEA,UAAU,uGACVY,QAAS,kBAAMf,EAASgB,WAAWC,EAAAA,MAFrC,cAWR,gCACgB,YAAbzB,GACC,gCACE,gBAAC,IAAD,CACE0B,UAAW,CACThB,MAAOb,EAAYa,MACnBiB,KAAM9B,EAAYG,SAAW,IAAMH,EAAY+B,GAC/CC,OAAQhC,EAAYG,UAEtB8B,SAAS,IAEX,uBAAKnB,UAAU,6CAAf,kCAKJ,uBACEA,UAAU,yBACVU,wBAAyB,CAAEC,OAAQxB,KAEvB,YAAbE,GACC,uBAAKW,UAAU,8CACb,gBAAC,EAAAK,KAAD,CACEL,UAAU,yIACVM,GAAG,QAFL","sources":["webpack://mch/./src/pages/{MarkdownRemark.frontmatter__slug}.js"],"sourcesContent":["import React from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport {\n  AuthenticatedTemplate,\n  UnauthenticatedTemplate,\n  useMsal,\n} from \"@azure/msal-react\";\nimport { freeCategories, memberCategories, news } from \"../components/category\";\nimport { ChevronRightIcon } from \"@heroicons/react/solid\";\nimport { loginRequest } from \"../authConfig\";\nimport Seo from \"../components/seo\";\nimport FreeVideo from \"../components/video/freeVideo\";\n\nconst Markdown = ({ data }) => {\n  const { markdownRemark } = data;\n  const { frontmatter, html, fields } = markdownRemark;\n  const category = frontmatter.category;\n  const cats = [...memberCategories, ...freeCategories, news];\n  const catName = cats.find((c) => c.catSlug === category).catName;\n  const { instance } = useMsal();\n\n  return (\n    <Layout>\n      <Seo title={frontmatter.title} />\n      <main>\n        <div className=\"flex flex-col justify-center items-center p-5 md:p-20 bg-cyan-50 text-gray-600 font-sans\">\n          <h1 className=\"md:text-2xl text-lg font-medium mb-2 text-center\">\n            {frontmatter.title}\n          </h1>\n          <span className=\"font-number font-light\">\n            {category === \"seminar\"\n              ? `${new Date(frontmatter.date).getFullYear()}年${new Date(\n                  frontmatter.date\n                ).getMonth()+1}月`\n              : frontmatter.date}\n          </span>\n        </div>\n        <div className=\"bg-gray-100 text-gray-600\">\n          <nav className=\"container mx-auto p-1 md:p-3 font-sans\">\n            <ol className=\"list-reset flex items-center text-sm\">\n              <li>\n                <Link to=\"/\" className=\"text-blue-600 hover:text-blue-700\">\n                  ホーム\n                </Link>\n              </li>\n              <li className=\"mx-1\">\n                <ChevronRightIcon className=\"w-4 h-4\" />\n              </li>\n              <li>\n                <Link\n                  to={`/${category}/`}\n                  className=\"text-blue-600 hover:text-blue-700\"\n                >\n                  {catName.length > 11\n                    ? catName.substring(0, 10) + \"...\"\n                    : catName}\n                </Link>\n              </li>\n              <li className=\"mx-1\">\n                <ChevronRightIcon className=\"w-4 h-4\" />\n              </li>\n              <li>\n                {frontmatter.title.length > 11\n                  ? frontmatter.title.substring(0, 10) + \"...\"\n                  : frontmatter.title}\n              </li>\n            </ol>\n          </nav>\n        </div>\n        <div className=\"bg-gray-200\">\n          <div className=\"container mx-auto max-w-5xl px-5 md:px-10 py-10 md:py-20 text-sm md:text-base bg-white\">\n            {fields.collection === \"member\" ? (\n              <>\n                <AuthenticatedTemplate>\n                  <div\n                    className=\"markdown leading-loose\"\n                    dangerouslySetInnerHTML={{ __html: html }}\n                  />\n                </AuthenticatedTemplate>\n                <UnauthenticatedTemplate>\n                  <div className=\"flex flex-col justify-center\">\n                    <div className=\"text-center mb-3\">\n                      この記事は会員限定です。\n                      <br />\n                      会員のお申し込み、コンサルティングのご相談は\n                      <Link\n                        to=\"/contact\"\n                        className=\"text-cyan-500 hover:text-cyan-400\"\n                      >\n                        お問い合わせ\n                      </Link>\n                      よりお願いいたします。\n                    </div>\n                    <div className=\"text-center mb-3\">\n                      会員様はログインをお願いいたします。\n                    </div>\n                    <div className=\"inline-flex justify-center\">\n                      <button\n                        className=\"border rounded-sm md:px-4 md:py-2 px-2 py-1 font-medium border-cyan-500 bg-cyan-50 hover:bg-cyan-100\"\n                        onClick={() => instance.loginPopup(loginRequest)}\n                      >\n                        会員ログイン\n                      </button>\n                    </div>\n                  </div>\n                </UnauthenticatedTemplate>\n              </>\n            ) : (\n              <>\n                {category === \"seminar\" && (\n                  <>\n                    <FreeVideo\n                      videoJson={{\n                        title: frontmatter.title,\n                        slug: frontmatter.category + \"-\" + frontmatter.no,\n                        series: frontmatter.category,\n                      }}\n                      withDoc={false}\n                    />\n                    <div className=\"w-full text-center font-sans text-sm mt-3\">\n                      【動画サンプルのご視聴は再生ボタンをクリックしてください】\n                    </div>\n                  </>\n                )}\n                <div\n                  className=\"markdown leading-loose\"\n                  dangerouslySetInnerHTML={{ __html: html }}\n                />\n                {category !== \"seminar\" && (\n                  <div className=\"border-t md:pt-10 pt-5 flex justify-center\">\n                    <Link\n                      className=\"w-full md:w-auto bg-cyan-800 hover:bg-cyan-700 text-white rounded-sm md:px-10 px-5 md:py-5 py-3 md:text-lg text-base block text-center\"\n                      to=\"/mag\"\n                    >\n                      無料メールマガジン登録のご案内\n                    </Link>\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n        </div>\n      </main>\n    </Layout>\n  );\n};\n\nexport default Markdown;\n\nexport const pageQuery = graphql`\n  query ($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      html\n      frontmatter {\n        date(formatString: \"YYYY-MM-DD\")\n        slug\n        title\n        category\n        no\n      }\n      fields {\n        collection\n      }\n    }\n  }\n`;\n"],"names":["markdownRemark","data","frontmatter","html","fields","category","catName","memberCategories","freeCategories","news","find","c","catSlug","instance","useMsal","title","className","Date","date","getFullYear","getMonth","Link","to","length","substring","collection","dangerouslySetInnerHTML","__html","onClick","loginPopup","loginRequest","videoJson","slug","no","series","withDoc"],"sourceRoot":""}