{"version":3,"file":"component---src-templates-military-js-c67e12d24f46d258f9e8.js","mappings":"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","sources":["webpack://myfuture/./src/components/demo/data-driven/rotc.module.scss","webpack://myfuture/./src/components/demo/data-driven/Rotc.js","webpack://myfuture/./src/components/demo/data-driven/militarydetail.module.scss","webpack://myfuture/./src/components/demo/data-driven/MilitaryDetail.js","webpack://myfuture/./src/templates/military.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var branchCTA = \"rotc-module--branchCTA--86ba1\";\nexport var rotcCard = \"rotc-module--rotc-card--7d7a8\";\nexport var rotcCta = \"rotc-module--rotc-cta--1a859\";\nexport var rotcWrap = \"rotc-module--rotc-wrap--200b2\";","import React from \"react\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport Cta from \"../../shared/Cta\";\nimport Title from \"../../shared/Title\";\nimport * as styles from \"./rotc.module.scss\";\nconst logoAirForce = \"../../../images/air-force-logo.png\";\nconst logoAirForceCollege = \"../../../images/AirForce_ROTC.png\";\nconst logoArmy = \"../../../images/army-logo.png\";\nconst logoArmyCollege = \"../../../images/ArmyROTC.png\";\nconst logoCoastGuard = \"../../../images/cg-logo.png\";\nconst logoMarineCorps = \"../../../images/marines-logo.png\";\nconst logoNavy = \"../../../images/navy-logo.png\";\nconst logoNavyCollege = \"../../../images/NavyROTC.png\";\nconst logoSpaceForce = \"../../../images/sf-logo.png\";\n\n// TODO: Change the name of these because not all of them are ROTC\n// Only College CTAs are ROTC, others are just regular military branches\nconst Rotc = ({ children, ctaHref, ctaLabel, rotc, title }) => {\n  return (\n    <div className={styles[\"rotcCard\"]}>\n      <div>\n        {title && <Title copy={title} />}\n        {children}\n        <ul className={styles[\"rotcWrap\"]}>\n          {rotc &&\n            rotc.map((r) => {\n              let m = undefined;\n              switch (r) {\n                case \"air_force\":\n                  m = <RotcAirForce key={r} />;\n                  break;\n                case \"college_air_force\":\n                  m = <RotcAirForceCollege key={r} />;\n                  break;\n                case \"army\":\n                  m = <RotcArmy key={r} />;\n                  break;\n                case \"college_army\":\n                  m = <RotcArmyCollege key={r} />;\n                  break;\n                case \"coast_guard\":\n                  m = <RotcCoastGuard key={r} />;\n                  break;\n                case \"marine_corps\":\n                  m = <RotcMarineCorps key={r} />;\n                  break;\n                case \"navy\":\n                  m = <RotcNavy key={r} />;\n                  break;\n                case \"college_navy\":\n                  m = <RotcNavyCollege key={r} />;\n                  break;\n                case \"space_force\":\n                  m = <RotcSpaceForce key={r} />;\n                  break;\n                default:\n                  break;\n              }\n              return m;\n            })}\n        </ul>\n        {ctaHref && ctaLabel && (\n          <Cta className={styles[\"rotcCta\"]} href={ctaHref} label={ctaLabel} />\n        )}\n      </div>\n    </div>\n  );\n};\n\nconst RotcAirForce = () => {\n  return (\n    <li className={styles[\"branchCTA\"]}>\n      <Cta label=\"Air Force CTA\" href=\"https://www.airforce.com/\">\n        <StaticImage\n          src={logoAirForce}\n          alt=\"Air Force Logo\"\n          objectFit=\"contain\"\n        />\n      </Cta>\n    </li>\n  );\n};\nconst RotcAirForceCollege = () => {\n  return (\n    <li>\n      <Cta label=\"Air Force ROTC\" href=\"https://www.afrotc.com/\">\n        <StaticImage\n          src={logoAirForceCollege}\n          alt=\"Air Force Logo\"\n          objectFit=\"contain\"\n        />\n      </Cta>\n    </li>\n  );\n};\nconst RotcArmy = () => {\n  return (\n    <li className={styles[\"branchCTA\"]}>\n      <Cta\n        label=\"Army CTA\"\n        href=\"https://www.goarmy.com/careers-and-jobs/browse-jobs\"\n      >\n        <StaticImage src={logoArmy} alt=\"Army Logo\" objectFit=\"contain\" />\n      </Cta>\n    </li>\n  );\n};\nconst RotcArmyCollege = () => {\n  return (\n    <li>\n      <Cta\n        label=\"Army ROTC\"\n        href=\"https://www.goarmy.com/careers-and-jobs/find-your-path/army-officers/rotc?iom=D123-2678630_N_AP_NEXTGEN_SHORTCUT_VANITY_TRACKING_ROTC.html\"\n      >\n        <StaticImage\n          src={logoArmyCollege}\n          alt=\"Army Logo\"\n          objectFit=\"contain\"\n        />\n      </Cta>\n    </li>\n  );\n};\nconst RotcCoastGuard = () => {\n  return (\n    <li className={styles[\"branchCTA\"]}>\n      <Cta label=\"Coast Guard CTA\" href=\"https://www.gocoastguard.com/careers\">\n        <StaticImage\n          src={logoCoastGuard}\n          alt=\"Coast Guard Logo\"\n          objectFit=\"contain\"\n        />\n      </Cta>\n    </li>\n  );\n};\nconst RotcMarineCorps = () => {\n  return (\n    <li>\n      <Cta\n        label=\"U.S. MARINES\"\n        href=\"https://www.marines.com/about-the-marine-corps/roles.html\"\n      >\n        <StaticImage\n          src={logoMarineCorps}\n          alt=\"Marines Logo\"\n          objectFit=\"contain\"\n        />\n      </Cta>\n    </li>\n  );\n};\nconst RotcNavy = () => {\n  return (\n    <li className={styles[\"branchCTA\"]}>\n      <Cta\n        label=\"Navy CTA\"\n        href=\"https://www.navy.com/careers-benefits/careers\"\n      >\n        <StaticImage src={logoNavy} alt=\"Navy Logo\" objectFit=\"contain\" />\n      </Cta>\n    </li>\n  );\n};\nconst RotcNavyCollege = () => {\n  return (\n    <li>\n      <Cta\n        label=\"Navy ROTC\"\n        href=\"https://www.navy.com/careers-benefits/education/college-scholarships?activity=1287191\"\n      >\n        <StaticImage\n          src={logoNavyCollege}\n          alt=\"Navy Logo\"\n          objectFit=\"contain\"\n        />\n      </Cta>\n    </li>\n  );\n};\nconst RotcSpaceForce = () => {\n  return (\n    <li className={styles[\"branchCTA\"]}>\n      <Cta label=\"Space Force CTA\" href=\"https://www.spaceforce.com/careers\">\n        <StaticImage\n          src={logoSpaceForce}\n          alt=\"Space Force Logo\"\n          objectFit=\"contain\"\n        />\n      </Cta>\n    </li>\n  );\n};\n\nexport default Rotc;\n","// extracted by mini-css-extract-plugin\nexport var active = \"militarydetail-module--active--3d112\";\nexport var cta = \"militarydetail-module--cta--3828b\";\nexport var enlisted = \"militarydetail-module--enlisted--1d8e1\";\nexport var enlistedDetail = \"militarydetail-module--enlistedDetail--67f4d\";\nexport var inner = \"militarydetail-module--inner--9ffe2\";\nexport var officer = \"militarydetail-module--officer--1e4f5\";\nexport var officerDetail = \"militarydetail-module--officerDetail--0c4f2\";\nexport var roles = \"militarydetail-module--roles--be651\";\nexport var rolesIcons = \"militarydetail-module--roles-icons--62bae\";\nexport var training = \"militarydetail-module--training--1730d\";\nexport var trainingDetail = \"militarydetail-module--training-detail--e8f17\";","import React from \"react\";\nimport * as styles from \"./militarydetail.module.scss\";\nimport { Link } from \"gatsby\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faHandHoldingSeedling,\n  faPassport,\n} from \"@fortawesome/sharp-thin-svg-icons\";\nimport Rotc from \"./Rotc\";\n\nconst MilitaryDetail = ({\n  pageId = \"military-details\",\n  service_branches,\n  enlisted,\n  officer,\n  training,\n}) => {\n  // if officer then officer else if elisted then enlisted else blank\n  const active = officer ? \"officer\" : enlisted ? \"enlisted\" : \"\";\n\n  // normalize server data\n  const rotc = Object.keys(service_branches || {}).filter(\n    (branch) => service_branches[branch],\n  );\n\n  const removeFirstSentence = (text) => {\n    return text.replace(/^[^.!?]+[.!?]\\s*/, \"\");\n  };\n\n  return (\n    <section id={pageId}>\n      <div className={styles[\"inner\"]}>\n        <h2>Military Details</h2>\n        {rotc && (\n          <>\n            <Rotc\n              title=\"What Service Branches offer this role?\"\n              rotc={rotc}\n              ctaHref=\"/mapping-your-future/military-service/service-branches/\"\n              ctaLabel=\"Learn More About Service Branches\"\n            />\n            <hr />\n          </>\n        )}\n        <div className={styles[\"roles\"]}>\n          <h3>Is this a staff or leadership role?</h3>\n          <div className={styles[\"rolesIcons\"]}>\n            <div\n              className={`${styles[\"enlisted\"]} ${active === \"enlisted\" ? styles[\"active\"] : \"\"}`}\n            >\n              <FontAwesomeIcon icon={faPassport} size=\"4x\" />\n              <span>Enlisted</span>\n            </div>\n            <div\n              className={`${styles[\"officer\"]} ${active === \"officer\" ? styles[\"active\"] : \"\"}`}\n            >\n              <FontAwesomeIcon icon={faHandHoldingSeedling} size=\"4x\" />\n              <span>Officer</span>\n            </div>\n          </div>\n          {active === \"enlisted\" && (\n            <div className={styles[\"enlistedDetail\"]}>\n              Enlisted service members execute vital tasks, support operations\n              alongside officers and develop role-specific skills to achieve\n              mission success.\n            </div>\n          )}\n          {active === \"officer\" && (\n            <div className={styles[\"officerDetail\"]}>\n              Officers are service members who plan, direct operations and\n              manage enlisted personnel, developing a broad range of\n              leadership-related skills.\n            </div>\n          )}\n          <Link\n            to={\"/mapping-your-future/military-service/enlisted-officer-paths/\"}\n            className={styles[\"cta\"]}\n            data-gtm=\"cta-enlisted-and-officer\"\n          >\n            Learn More About Enlisted and Officer Paths\n          </Link>\n        </div>\n        <hr />\n        {training && (\n          <>\n            <div className={styles[\"training\"]}>\n              <h3>What does the training for this role entail?</h3>\n              <div className={styles[\"trainingDetail\"]}>\n                {training.description && (\n                  <p>\n                    {officer\n                      ? removeFirstSentence(\n                        training.description.replace(\n                          \"Job-specific training content may include:\",\n                          \"Job-specific training may include:\",\n                        ),\n                      )\n                      : training.description.replace(\n                        \"Job-specific training content may include:\",\n                        \"Job-specific training may include:\",\n                      )}\n                  </p>\n                )}\n                {training.list && (\n                  <ul>\n                    {training.list.map((content, idx) => (\n                      <li key={idx}>{content}</li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            </div>\n            <hr />\n          </>\n        )}\n      </div>\n    </section>\n  );\n};\n\nexport default MilitaryDetail;\n","import React from \"react\";\nimport Layout from \"../Layout\";\nimport Seo from \"../Seo\";\nimport Jumplinks from \"../components/Jumplinks\";\nimport Overview from \"../components/demo/data-driven/Overview\";\nimport Compensation from \"../components/demo/data-driven/Compensation\";\nimport * as styles from \"../components/demo/data-driven/datadriven.module.scss\";\nimport Hero from \"../components/Hero\";\nimport HeroDetails from \"../components/careers/HeroDetails\";\nimport MilitaryDetail from \"../components/demo/data-driven/MilitaryDetail\";\nimport Education from \"../components/demo/data-driven/Education\";\nimport Skills from \"../components/demo/data-driven/Skills\";\nimport CareerCarousel from \"../components/CareerCarousel\";\n\nexport const Head = ({ pageContext: { military } }) => (\n  <Seo pageTitle={military.title} />\n);\n\nconst MilitaryTemplate = ({ pageContext: { military } }) => {\n  const jumplinks = [\n    {\n      jumplink: \"overview\",\n      label: \"Overview\",\n    },\n    {\n      jumplink: \"compensation\",\n      label: \"Compensation\",\n    },\n    {\n      jumplink: \"military-details\",\n      label: \"Military Details\",\n    },\n    {\n      jumplink: \"education\",\n      label: \"Education\",\n    },\n    {\n      jumplink: \"skills\",\n      label: \"Skills and Interests\",\n    },\n  ];\n\n  const milIndustries = [\n    ...new Set(\n      military.related_militaries && military.related_militaries.length > 0\n        ? military.related_militaries\n            .map((m) => m.career_clusters)\n            .flat()\n            .map((cc) => cc?.id)\n        : [],\n    ),\n  ];\n\n  const milIndustryParams = milIndustries\n    .map((i) => `industry%5B%5D=${i}`)\n    .join(\"&\");\n\n  return (\n    <Layout headerColor={\"citrus\"}>\n      <Hero\n        title={military.title}\n        breadcrumbs={military.breadcrumbs}\n        variant=\"Military Detail\"\n      >\n        <HeroDetails {...military} variant=\"military\" />\n      </Hero>\n      <div className={`${styles[\"detailWrapper\"]} ${styles[\"military\"]}`}>\n        <div className={styles[\"militaryDetail\"]}>\n          <Jumplinks links={jumplinks} background=\"blue\"></Jumplinks>\n          <Overview color=\"citrus\" {...military} variant=\"military\" />\n          <Compensation military={military} variant=\"military\" />\n          <MilitaryDetail {...military} variant=\"military\" />\n          <Education {...military} variant=\"military\" />\n          <Skills {...military} variant=\"military\" />\n        </div>\n      </div>\n      {military.related_militaries &&\n        military.related_militaries.length > 0 && (\n          <CareerCarousel\n            key=\"related-careers\"\n            variant={\"B - Grey\"}\n            type={\"Military\"}\n            jobs={\n              military.related_militaries &&\n              military.related_militaries.map((c) => ({\n                ...c,\n                industries: c.industry_areas\n                  ? c.industry_areas.map(\n                      (ia) => ia.career_cluster?.split(\"; \")[0],\n                    )\n                  : [],\n              }))\n            }\n            ctas={\n              military.industry_areas.length > 0\n                ? [\n                    {\n                      href: `/occupations-industries/occupation-finder/?sort=alpha_az&military%5B%5D=available_in_the_military&${milIndustryParams}`,\n                      id: `mil-see-all-related-occupations-detail`,\n                      label: \"See All Related Military Occupations\",\n                    },\n                  ]\n                : []\n            }\n            title={{\n              header: \"h2\",\n              copy: \"Related Military Occupations\",\n            }}\n          />\n        )}\n    </Layout>\n  );\n};\n\nexport default MilitaryTemplate;\n"],"names":["branchCTA","RotcAirForce","React","className","styles","Cta","label","href","StaticImage","src","alt","objectFit","__imageData","require","RotcAirForceCollege","RotcArmy","RotcArmyCollege","RotcCoastGuard","RotcMarineCorps","RotcNavy","RotcNavyCollege","RotcSpaceForce","_ref","children","ctaHref","ctaLabel","rotc","title","Title","copy","map","r","m","key","pageId","service_branches","enlisted","officer","training","active","Object","keys","filter","branch","id","Rotc","FontAwesomeIcon","icon","faPassport","size","faHandHoldingSeedling","Link","to","description","replace","list","content","idx","Head","pageContext","military","Seo","pageTitle","_ref2","milIndustryParams","_toConsumableArray","Set","related_militaries","length","career_clusters","flat","cc","i","join","Layout","headerColor","Hero","breadcrumbs","variant","HeroDetails","assign","Jumplinks","links","jumplink","background","Overview","color","Compensation","MilitaryDetail","Education","Skills","CareerCarousel","type","jobs","c","industries","industry_areas","ia","_ia$career_cluster","career_cluster","split","ctas","header"],"sourceRoot":""}