{"version":3,"file":"static/chunks/pages/cf/windows-c01022a107b061b2.js","mappings":"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","sources":["webpack://_N_E/?16ae","webpack://_N_E/./src/components/FormSteps/index.js","webpack://_N_E/./src/components/CustomFlow/Windows/NeedIdSelect/index.js","webpack://_N_E/./src/pages/cf/windows.js","webpack://_N_E/./src/components/FormSteps/index.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/cf/windows\",\n      function () {\n        return require(\"private-next-pages/cf/windows.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/cf/windows\"])\n      });\n    }\n  ","import React from 'react';\n\nimport * as styles from './index.module.scss';\n\nconst FormSteps = ({ stepIndex = 0, totalSteps = 4 }) => {\n  const steps = Array.from({ length: totalSteps });\n  return (\n    <div className={styles['form-steps-container']}>\n      {steps.map((ele, i) => (\n        <div className={styles['step-container']} key={i}>\n          <div className={`${styles['step']} ${i === stepIndex ? styles['current'] : ''} ${i < stepIndex ? styles['completed'] : ''}`}></div>\n          {i < totalSteps - 1 && <div className={`${styles['divider']}  ${i < stepIndex ? styles['current'] : ''}`}></div>}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default FormSteps;\n","import React from 'react';\n\nimport { BsFillCheckCircleFill } from 'react-icons/bs';\nimport { PiCaretRightBold } from 'react-icons/pi';\n\nimport { useRouter } from 'next/router';\n\nimport FormSteps from '@/components/FormSteps';\nimport StickyPhoneBubble from '@/components/StickyPhoneBubble';\n\nimport { SUBCATEGORY_NEEDS } from '@/contexts/subcategory_needs';\n\nconst NeedIdSelect = ({ category = {} }) => {\n  const [error, setError] = React.useState(false);\n  const [selectedService, setSelectedService] = React.useState({});\n\n  const serviceOptions = SUBCATEGORY_NEEDS[category.name];\n\n  const router = useRouter();\n\n  React.useEffect(() => {\n    if (window.innerWidth <= 480 && selectedService.need_id) {\n      router.push(`/cf/${category.url_slug}/${selectedService.need_id.indexOf('service') > -1 ? 'service' : selectedService.need_id}`);\n    }\n  }, [category.url_slug, router, selectedService.need_id]);\n\n  const getHeadlineLabel = () => {\n    const vowels = ['a', 'e', 'i', 'o', 'u'];\n\n    const label = category.name_adjective || '';\n\n    if (vowels.indexOf(label.toLowerCase().substr(0, 1)) > -1) {\n      return `an ${category.name_adjective}`;\n    }\n    return `a ${category.name_adjective}`;\n  };\n\n  const handleSelect = (serviceOption) => {\n    setError(false);\n\n    setSelectedService(serviceOption);\n  };\n\n  const validate = () => {\n    if (!selectedService.need_id) {\n      setError(true);\n    } else {\n      router.push(`/cf/${category.url_slug}/${selectedService.need_id.indexOf('service') > -1 ? 'service' : selectedService.need_id}`);\n    }\n  };\n\n  return (\n    <div className=\"lead-flow-form-container\">\n      <div className=\"lead-flow-wrapper\">\n        <FormSteps stepIndex={1} totalSteps={7} />\n        {!serviceOptions && <h1>Loading Services...</h1>}\n        {serviceOptions && (\n          <>\n            <h1>Select {getHeadlineLabel()} Service.</h1>\n            <fieldset className=\"panel-content\">\n              <div className=\"row\">\n                <div className={`input-container radio-container ${error ? 'error' : ''}`}>\n                  {serviceOptions.map((serviceOption) => (\n                    <button key={serviceOption.need_id} className={`radio button ${selectedService.need_id === serviceOption.need_id ? 'selected' : ''}`} onClick={() => handleSelect(serviceOption)}>\n                      {selectedService.need_id === serviceOption.need_id && <BsFillCheckCircleFill />}\n                      {serviceOption.label}\n                      <div className=\"caret mobile\">\n                        <PiCaretRightBold />\n                      </div>\n                    </button>\n                  ))}\n                </div>\n              </div>\n              <div className=\"error_msg\">{error ? 'Please select a service.' : <span>&nbsp;</span>}</div>\n              <div className=\"row next-container\">\n                <div className=\"actions\">\n                  <button className=\"next button\" onClick={validate}>\n                    Next\n                  </button>\n                </div>\n              </div>\n            </fieldset>\n          </>\n        )}\n      </div>\n      <StickyPhoneBubble category={category} />\n    </div>\n  );\n};\n\nexport default NeedIdSelect;\n","import React from 'react';\nimport Head from 'next/head';\n\nimport Header from '@/components/Header';\nimport Footer from '@/components/Footer';\nimport NeedIdSelect from '@/components/CustomFlow/Windows/NeedIdSelect';\nimport { CATEGORY_SUBSETS } from '@/contexts/categories_subset';\n\nexport async function getStaticProps() {\n  return {\n    props: {\n      category: CATEGORY_SUBSETS.filter((category) => category.url_slug === 'windows')[0]\n    }\n  };\n}\n\nconst Category = (props) => (\n  <div className=\"page-wrapper\">\n    <Head>\n      <meta name=\"description\" content=\"CallAPro - Find a Home Service Professional Near You\" />\n      <title>Find Home Service Pros Near You</title>\n    </Head>\n    <Header />\n    <NeedIdSelect {...props} />\n    <Footer />\n  </div>\n);\n\nexport default Category;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"form-steps-container\":\"FormSteps_form-steps-container__sXqCL\",\"step-container\":\"FormSteps_step-container__v8fpy\",\"step\":\"FormSteps_step__3YSAO\",\"current\":\"FormSteps_current__ursCf\",\"completed\":\"FormSteps_completed__DBt3Z\",\"divider\":\"FormSteps_divider__3mI0r\"};"],"names":["window","__NEXT_P","push","__webpack_require__","__webpack_exports__","Z","stepIndex","totalSteps","param","steps","Array","from","length","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","div","className","styles","map","ele","i","jsxs","concat","Windows_NeedIdSelect","category","error","setError","React","selectedService","setSelectedService","serviceOptions","SUBCATEGORY_NEEDS","name","router","useRouter","innerWidth","need_id","url_slug","indexOf","handleSelect","serviceOption","jsx_runtime","FormSteps","h1","Fragment","getHeadlineLabel","label","name_adjective","toLowerCase","substr","fieldset","button","onClick","BsFillCheckCircleFill","PiCaretRightBold","span","StickyPhoneBubble","windows","Head","meta","content","title","Header","NeedIdSelect","props","Footer","module","exports"],"sourceRoot":""}