{"version":3,"file":"static/chunks/9457.7408f1898571b0d6.js","mappings":"2JAGA,IAAMA,EAA0B,OAAC,CAC/BC,MAAAA,EAAQ,EAAE,CACVC,OAAAA,EAAS,EAAE,CACXC,MAAAA,EAAQ,cAAc,CACvB,CAAAC,QACC,GAAAC,EAAAC,GAAA,EAACC,MAAAA,CACCN,MAAOA,EACPC,OAAQA,EACRM,QAAQ,YACRC,KAAK,OACLC,MAAM,sCACN,GAAAL,EAAAC,GAAA,EAACK,OAAAA,CACCC,EAAE,ubACFH,KAAMN,+ICbZ,IAAMU,EAAuD,IAG3D,GAAM,CAACC,EAAaC,EAAe,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EACpCC,EAAaC,mBAAmBD,GAAc,IAE1C,CAACE,EAAOC,EAAS,CAAGJ,CAAAA,EAAAA,EAAAA,QAAAA,EAAwB,MAsBlD,MAAO,CACLF,YAAAA,EACAO,kBAtBwB,IACxBD,EAAS,MACTL,EAAeO,EAAMC,MAAM,CAACC,KAAK,CACnC,EAoBEC,iBAnBuB,KACvBV,EAAe,GACjB,EAkBEW,kBAhBwB,KACxB,GAAIZ,KAAAA,EAAoB,CACtBM,EAAS,oDACT,MACF,CAEAO,OAAOC,IAAI,CACT,mDAAmFC,MAAA,CAAhCC,mBAAmBhB,IACtE,SAEJ,EAOEK,MAAAA,CACF,CACF,4BCvBA,IAAMY,EAAuC,OAAC,CAAEd,WAAAA,CAAU,CAAEe,YAAAA,CAAW,CAAE,CAAA5B,EACjE,CACJU,YAAAA,CAAW,CACXO,kBAAAA,CAAiB,CACjBI,iBAAAA,CAAgB,CAChBC,kBAAAA,CAAiB,CACjBP,MAAAA,CAAK,CACN,CAAGN,EAAaI,GAEjB,MACE,GAAAgB,EAAAC,IAAA,EAACC,EAAAA,EAAeA,CAAAA,CAACH,YAAaA,YAC5B,GAAAC,EAAAC,IAAA,EAACE,EAAAA,EAAkBA,CAAAA,CAACjB,MAAOA,YACzB,GAAAc,EAAA3B,GAAA,EAAC+B,EAAAA,EAAWA,CAAAA,CAEVC,YAAY,oDACZd,MAAOV,EACPyB,SAAUlB,EACVmB,WAAY,IACQ,UAAdlB,EAAMmB,GAAG,EACXf,GAEJ,IAEDZ,EAAY4B,MAAM,CAAG,GACpB,GAAAT,EAAA3B,GAAA,EAACqC,EAAAA,EAAeA,CAAAA,CACdC,QAASnB,EACToB,MAAM,iBAEN,GAAAZ,EAAA3B,GAAA,EAACwC,EAAAA,CAAKA,CAAAA,CAAAA,KAGV,GAAAb,EAAA3B,GAAA,EAACyC,EAAAA,EAAgBA,CAAAA,CACfH,QAAS,IAAMlB,IACfmB,MAAM,kBAEN,GAAAZ,EAAA3B,GAAA,EAACN,EAAAA,CAAMA,CAAAA,CAAAA,QAGVmB,GACC,GAAAc,EAAA3B,GAAA,EAAC0C,EAAAA,EAAcA,CAAAA,UACZ7B,MAKX,EAGA,IAAA8B,EAAelB","sources":["webpack://_N_E/./src/components/icons/search.tsx","webpack://_N_E/./src/components/search-bar/use-search-bar.ts","webpack://_N_E/./src/components/search-bar/search-bar.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import React from \"react\";\nimport type { IIcon } from \"./icons.types\";\n\nconst Search: React.FC<IIcon> = ({\n  width = 20,\n  height = 20,\n  color = \"currentColor\"\n}) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M20.4 17.6L17.1 14.3L17.2 14.1C17.8 13 18.1 11.8 18.1 10.6C18.1 8.6 17.3 6.7 15.9 5.3C14.4 3.8 12.5 3 10.5 3C6.4 3 3 6.4 3 10.5C3 12.5 3.8 14.4 5.2 15.8C6.6 17.2 8.5 18 10.5 18C11.7 18 13 17.7 14 17.1L14.2 17L17.5 20.3C18 20.8 18.5 21 19 21C19.5 21 20 20.8 20.4 20.4C20.8 20 21 19.5 21 19C21 18.5 20.8 18 20.4 17.6ZM10.5 15.2C7.9 15.2 5.8 13.1 5.8 10.5C5.8 7.9 7.9 5.8 10.5 5.8C13.1 5.8 15.2 7.9 15.2 10.5C15.2 13.1 13.1 15.2 10.5 15.2Z\"\n      fill={color}\n    />\n  </svg>\n);\n\nexport { Search };\n","import { useState, ChangeEvent } from \"react\";\nimport { IUseSearchBar } from \"./search-bar.types\";\n\nconst useSearchBar: (searchTerm?: string) => IUseSearchBar = (\n  searchTerm?: string\n) => {\n  const [searchQuery, setSearchQuery] = useState(\n    searchTerm ? decodeURIComponent(searchTerm) : \"\"\n  );\n  const [error, setError] = useState<string | null>(null);\n\n  const handleSearchQuery = (event: ChangeEvent<HTMLInputElement>) => {\n    setError(null);\n    setSearchQuery(event.target.value);\n  };\n  const handleClearQuery = () => {\n    setSearchQuery(\"\");\n  };\n\n  const handleSubmitQuery = () => {\n    if (searchQuery === \"\") {\n      setError(\"Ketik dulu pertanyaanmu di sini, ya 😀\");\n      return;\n    }\n\n    window.open(\n      `https://google.com/search?q=%22colearn.id%22%20+${encodeURIComponent(searchQuery)}`,\n      \"_blank\"\n    );\n  };\n\n  return {\n    searchQuery,\n    handleSearchQuery,\n    handleClearQuery,\n    handleSubmitQuery,\n    error\n  };\n};\n\nexport { useSearchBar };\n","import React from \"react\";\n\nimport {\n  CloseIconButton,\n  ErrorContainer,\n  SearchBarContainer,\n  SearchContainer,\n  SearchIconButton,\n  SearchInput\n} from \"./search-bar.styles\";\nimport { ISearchBarProps } from \"./search-bar.types\";\nimport { useSearchBar } from \"./use-search-bar\";\nimport { Close } from \"components/icons/close\";\nimport { Search } from \"components/icons/search\";\n\nconst SearchBar: React.FC<ISearchBarProps> = ({ searchTerm, isFullWidth }) => {\n  const {\n    searchQuery,\n    handleSearchQuery,\n    handleClearQuery,\n    handleSubmitQuery,\n    error\n  } = useSearchBar(searchTerm);\n\n  return (\n    <SearchContainer isFullWidth={isFullWidth}>\n      <SearchBarContainer error={error}>\n        <SearchInput\n          data-testid=\"tanya-search-input\"\n          placeholder=\"Ketik soal Matematika, Fisika, atau Kimia di sini\"\n          value={searchQuery}\n          onChange={handleSearchQuery}\n          onKeyPress={(event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (event.key === \"Enter\") {\n              handleSubmitQuery();\n            }\n          }}\n        />\n        {searchQuery.length > 0 && (\n          <CloseIconButton\n            onClick={handleClearQuery}\n            title=\"Close\"\n            data-testid=\"tanya-search-close-button\">\n            <Close />\n          </CloseIconButton>\n        )}\n        <SearchIconButton\n          onClick={() => handleSubmitQuery()}\n          title=\"Search\"\n          data-testid=\"tanya-search-submit-button\">\n          <Search />\n        </SearchIconButton>\n      </SearchBarContainer>\n      {error && (\n        <ErrorContainer data-testid=\"tanya-search-error\">\n          {error}\n        </ErrorContainer>\n      )}\n    </SearchContainer>\n  );\n};\n\nexport { SearchBar };\nexport default SearchBar;\n"],"names":["Search","width","height","color","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","svg","viewBox","fill","xmlns","path","d","useSearchBar","searchQuery","setSearchQuery","useState","searchTerm","decodeURIComponent","error","setError","handleSearchQuery","event","target","value","handleClearQuery","handleSubmitQuery","window","open","concat","encodeURIComponent","SearchBar","isFullWidth","jsx_runtime","jsxs","SearchContainer","SearchBarContainer","SearchInput","placeholder","onChange","onKeyPress","key","length","CloseIconButton","onClick","title","Close","SearchIconButton","ErrorContainer","search_bar"],"sourceRoot":""}