From 3b531ee6025eda38a39c09644aa57567c6546fd8 Mon Sep 17 00:00:00 2001 From: OlenaIa <121794911+OlenaIa@users.noreply.github.com> Date: Sat, 2 Dec 2023 16:21:56 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20OlenaIa/?= =?UTF-8?q?rental-car-in-ukr@07d0bf86f00614770d91c5216a0bb69c77a56a68=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- asset-manifest.json | 14 +++++++------- index.html | 2 +- static/js/209.2ed371a5.chunk.js | 2 ++ static/js/209.2ed371a5.chunk.js.map | 1 + static/js/209.4cf0f032.chunk.js | 2 -- static/js/209.4cf0f032.chunk.js.map | 1 - static/js/395.01e3cbc1.chunk.js | 2 ++ static/js/395.01e3cbc1.chunk.js.map | 1 + static/js/395.315aca66.chunk.js | 2 -- static/js/395.315aca66.chunk.js.map | 1 - static/js/{main.2cd2596a.js => main.eadbd4f0.js} | 6 +++--- ...js.LICENSE.txt => main.eadbd4f0.js.LICENSE.txt} | 0 .../{main.2cd2596a.js.map => main.eadbd4f0.js.map} | 2 +- 13 files changed, 18 insertions(+), 18 deletions(-) create mode 100644 static/js/209.2ed371a5.chunk.js create mode 100644 static/js/209.2ed371a5.chunk.js.map delete mode 100644 static/js/209.4cf0f032.chunk.js delete mode 100644 static/js/209.4cf0f032.chunk.js.map create mode 100644 static/js/395.01e3cbc1.chunk.js create mode 100644 static/js/395.01e3cbc1.chunk.js.map delete mode 100644 static/js/395.315aca66.chunk.js delete mode 100644 static/js/395.315aca66.chunk.js.map rename static/js/{main.2cd2596a.js => main.eadbd4f0.js} (99%) rename static/js/{main.2cd2596a.js.LICENSE.txt => main.eadbd4f0.js.LICENSE.txt} (100%) rename static/js/{main.2cd2596a.js.map => main.eadbd4f0.js.map} (99%) diff --git a/asset-manifest.json b/asset-manifest.json index 56c0cd5..b725a7c 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,25 +1,25 @@ { "files": { "main.css": "/rental-car-in-ukr/static/css/main.b0ee2f52.css", - "main.js": "/rental-car-in-ukr/static/js/main.2cd2596a.js", + "main.js": "/rental-car-in-ukr/static/js/main.eadbd4f0.js", "static/js/586.1582e4bf.chunk.js": "/rental-car-in-ukr/static/js/586.1582e4bf.chunk.js", - "static/js/209.4cf0f032.chunk.js": "/rental-car-in-ukr/static/js/209.4cf0f032.chunk.js", - "static/js/395.315aca66.chunk.js": "/rental-car-in-ukr/static/js/395.315aca66.chunk.js", + "static/js/209.2ed371a5.chunk.js": "/rental-car-in-ukr/static/js/209.2ed371a5.chunk.js", + "static/js/395.01e3cbc1.chunk.js": "/rental-car-in-ukr/static/js/395.01e3cbc1.chunk.js", "static/js/43.9d0f3aaf.chunk.js": "/rental-car-in-ukr/static/js/43.9d0f3aaf.chunk.js", "static/js/295.77b28d6d.chunk.js": "/rental-car-in-ukr/static/js/295.77b28d6d.chunk.js", "static/media/hero-car.jpg": "/rental-car-in-ukr/static/media/hero-car.7408bee866c98bf283d5.jpg", "index.html": "/rental-car-in-ukr/index.html", "static/media/sprite.svg": "/rental-car-in-ukr/static/media/sprite.72546160259a3205d0d512cd9e5120c3.svg", "main.b0ee2f52.css.map": "/rental-car-in-ukr/static/css/main.b0ee2f52.css.map", - "main.2cd2596a.js.map": "/rental-car-in-ukr/static/js/main.2cd2596a.js.map", + "main.eadbd4f0.js.map": "/rental-car-in-ukr/static/js/main.eadbd4f0.js.map", "586.1582e4bf.chunk.js.map": "/rental-car-in-ukr/static/js/586.1582e4bf.chunk.js.map", - "209.4cf0f032.chunk.js.map": "/rental-car-in-ukr/static/js/209.4cf0f032.chunk.js.map", - "395.315aca66.chunk.js.map": "/rental-car-in-ukr/static/js/395.315aca66.chunk.js.map", + "209.2ed371a5.chunk.js.map": "/rental-car-in-ukr/static/js/209.2ed371a5.chunk.js.map", + "395.01e3cbc1.chunk.js.map": "/rental-car-in-ukr/static/js/395.01e3cbc1.chunk.js.map", "43.9d0f3aaf.chunk.js.map": "/rental-car-in-ukr/static/js/43.9d0f3aaf.chunk.js.map", "295.77b28d6d.chunk.js.map": "/rental-car-in-ukr/static/js/295.77b28d6d.chunk.js.map" }, "entrypoints": [ "static/css/main.b0ee2f52.css", - "static/js/main.2cd2596a.js" + "static/js/main.eadbd4f0.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 7549f70..bdc0172 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Rent a Car App
\ No newline at end of file +Rent a Car App
\ No newline at end of file diff --git a/static/js/209.2ed371a5.chunk.js b/static/js/209.2ed371a5.chunk.js new file mode 100644 index 0000000..c9f9ff7 --- /dev/null +++ b/static/js/209.2ed371a5.chunk.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkrental_car_in_ukr=self.webpackChunkrental_car_in_ukr||[]).push([[209],{4209:function(n,e,r){r.r(e),r.d(e,{default:function(){return O}});var t,o,i,a,l,p,c,u,d,x=r(9439),s=r(3045),g=r(168),h=r(6487),f=h.ZP.div(t||(t=(0,g.Z)(["\n text-align: center;\n margin-top: 150px;\n"]))),b=r(184),m=function(){return(0,b.jsx)(f,{children:(0,b.jsx)(s.s5,{strokeColor:"#3470FF",strokeWidth:"5",animationDuration:"1.2",width:"96",visible:!0})})},Z=r(390),v=r(6616),k=r(2791),j=r(9434),w=r(8746),S=r(6351),y=r(4226),z=function(){var n=(0,j.I0)(),e=(0,j.v9)(S.xU),r=(0,j.v9)(S.Wz),t=(0,j.v9)(S.tu),o=(0,j.v9)(S.RR),i=(0,k.useState)(1),a=(0,x.Z)(i,2),l=a[0],p=a[1],c=(0,k.useState)(!1),u=(0,x.Z)(c,2),d=u[0],s=u[1];(0,k.useEffect)((function(){n((0,w.tl)())}),[n]),(0,k.useEffect)((function(){1!==l&&n((0,w.t$)(l))}),[n,l]),(0,k.useEffect)((function(){"all"===o.value?(s(!1),p(1)):s(!0),n((0,w.zD)(o))}),[n,o]);var g=t.length/w.VZ;return(0,b.jsx)(v.$0,{children:(0,b.jsxs)(v.W2,{children:[e&&(0,b.jsx)(m,{}),(null===r||void 0===r?void 0:r.length)>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(y.T,{children:null===r||void 0===r?void 0:r.map((function(n,e){return(0,b.jsx)(Z.E,{car:n,index:e},n.id)}))}),(0,b.jsx)(y.f,{onClick:function(){l===g-1&&s(!0),p(l+1),console.log("page",l)},display:d?"none":"block",children:"Load more"})]})]})})},C=r(1413),P=h.ZP.form(o||(o=(0,g.Z)(["\n display: flex;\n align-items: flex-end;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n\n @media screen and (min-width: 768px) {\n gap: 16px;\n }\n\n @media screen and (min-width: 1440px) {\n gap: 18px;\n }\n"]))),$=h.ZP.label(i||(i=(0,g.Z)(["\nposition: relative;\n display: flex;\n flex-direction: column;\n color: var(--color-text-label);\n font-size: 14px;\n font-weight: 500;\n line-height: 1.29;\n"]))),W=h.ZP.div(a||(a=(0,g.Z)(["\n display: flex;\n align-items: flex-end;\n"]))),R=h.ZP.input(l||(l=(0,g.Z)(["\n width: 160px;\n height: 48px;\n padding: ",";\n margin-top: 8px;\n border-radius: ",";\n border: none;\n border-right: ",";\n background-color: var(--color-filter-field);\n color: transparent;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.11;\n\n &:invalid {\n border: 1px solid red;\n }\n"])),(function(n){return n.$padding||"14px 14px 14px 70px"}),(function(n){return n.$radius||"14px"}),(function(n){return n.$border||"none"})),F=h.ZP.div(p||(p=(0,g.Z)(["\n display: flex;\n color: var(--color-text-main);\n position: absolute;\n bottom: 14px;\n left: 24px;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.1;\n"]))),T=h.ZP.div(c||(c=(0,g.Z)(["\n margin-left: 1px;\n display: inline-block;\n width: 1px;\n height: 18px;\n background-color: black;\n animation: cursor-blink 1s infinite;\n\n @keyframes cursor-blink {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n }\n"]))),_=h.ZP.div(u||(u=(0,g.Z)(["\n position: relative;\n"]))),E=h.ZP.button(d||(d=(0,g.Z)(["\n display: flex;\n width: 136px;\n height: 48px;\n padding: 14px;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border: none;\n border-radius: 12px;\n background: var(--color-button);\n color: var(--color-text-button-and-back);\n font-size: 14px;\n font-weight: 600;\n line-height: 1.4;\n\n &:hover,\n &:focus {\n background: var(--color-button-hover);\n }\n"]))),H={option:function(n,e){return(0,C.Z)((0,C.Z)({},n),{},{fontSize:"16px",lineHeight:"1.25",fontWeight:"500",color:e.isSelected?"var(--color-text-main)":"rgba(18, 20, 23, 0.20)",backgroundColor:"var(--color-text-button-and-back)",cursor:"pointer",padding:"0px",margin:"0px","&:not(:last-child)":{marginBottom:"8px"}})},singleValue:function(n){return(0,C.Z)((0,C.Z)({},n),{},{fontSize:"18px",lineHeight:"1.11",color:"var(--color-text-main)"})},menu:function(n){return(0,C.Z)((0,C.Z)({},n),{},{width:"224px",height:"272px",padding:"14px 8px 14px 18px",borderRadius:"14px",border:"1px solid rgba(18, 20, 23, 0.05)",background:"var(--color-text-button-and-back)",boxShadow:"0px 4px 36px 0px rgba(0, 0, 0, 0.02)"})},indicatorSeparator:function(n){return(0,C.Z)((0,C.Z)({},n),{},{backgroundColor:"transparent"})},dropdownIndicator:function(n){return(0,C.Z)((0,C.Z)({},n),{},{paddingRight:"18px",color:"var(--color-text-main)"})},container:function(n,e){return(0,C.Z)((0,C.Z)({},n),{},{border:"none",borderRadius:"14px",marginTop:"8px",outline:"none"})},valueContainer:function(n){return(0,C.Z)((0,C.Z)({},n),{},{padding:"14px 0px 14px 18px",margin:"0px"})},input:function(n){return(0,C.Z)((0,C.Z)({},n),{},{padding:"0px",margin:"0px"})},menuList:function(n){return(0,C.Z)((0,C.Z)({},n),{},{margin:"0px",padding:"0px",height:"244px",overflowY:"auto","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-thumb":{background:"rgba(18, 20, 23, 0.05)",borderRadius:"10px"}})},placeholder:function(n){return(0,C.Z)((0,C.Z)({},n),{},{color:"var(--color-text-main)",fontWeight:"500",fontSize:"18px",lineHeight:"1.11",margin:"0px",padding:"0px"})}},A=(0,C.Z)((0,C.Z)({},H),{},{control:function(n){return(0,C.Z)((0,C.Z)({},n),{},{cursor:"pointer",background:"var(--color-filter-field)",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",height:"48px",borderRadius:"14px",border:"none",outline:"none",fontSize:"18px",fontWeight:"500",lineHeight:"1.11",width:"224px"})}}),D=(0,C.Z)((0,C.Z)({},H),{},{control:function(n){return(0,C.Z)((0,C.Z)({},n),{},{cursor:"pointer",background:"var(--color-filter-field)",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",height:"48px",borderRadius:"14px",border:"none",outline:"none",fontSize:"18px",fontWeight:"500",lineHeight:"1.11",width:"125px"})}}),I=r(7915),L=r(1634),M=function(){for(var n=(0,j.I0)(),e=(0,j.v9)(S.Qu),r=(0,j.v9)(S.RR),t=(0,k.useState)(null),o=(0,x.Z)(t,2),i=o[0],a=o[1],l=(0,k.useState)(""),p=(0,x.Z)(l,2),c=p[0],u=p[1],d=(0,k.useState)(""),s=(0,x.Z)(d,2),g=s[0],h=s[1],f=(0,k.useState)(""),m=(0,x.Z)(f,2),Z=m[0],v=m[1],w=(0,k.useState)(""),y=(0,x.Z)(w,2),z=y[0],C=y[1],H=[],M=30;M<501;M+=10)H.push({value:M,label:M});var O=function(n){var e=n.target.value,r=function(n){var e=n.toString().length;if(e<=3)return n;var r=n.split("");return r.splice(e-3,0,","),r.join("")}(e);switch(n.target.name){case"mileageFrom":u(e),C(r);break;case"mileageTo":h(e),v(r)}};return(0,b.jsxs)(P,{children:[(0,b.jsxs)($,{children:["Car brand",(0,b.jsx)(I.ZP,{onChange:function(e){console.log("e",e),n((0,L.WZ)(e))},options:e,isSearchable:!0,placeholder:"Enter the text",styles:A,value:r})]}),(0,b.jsxs)($,{children:["Price/ 1 hour",(0,b.jsx)(I.ZP,{onChange:a,options:H,isSearchable:!0,placeholder:"To $",styles:D,value:i})]}),(0,b.jsxs)(W,{children:[(0,b.jsxs)($,{children:["\u0421ar mileage / km",(0,b.jsx)(R,{type:"number",inputmode:"numeric",pattern:"[0-9]{1,6}",title:"Only number. From 1 to 6 digitals",name:"mileageFrom",value:c,onChange:O,min:"0",max:"999998",$radius:"14px 0px 0px 14px",$border:"1px solid rgba(138, 138, 137, 0.20)"}),(0,b.jsxs)(F,{children:["From ",z,z.length>0&&(0,b.jsx)(T,{})]})]}),(0,b.jsxs)(_,{children:[(0,b.jsx)(R,{type:"number",pattern:"[0-9]{1,6}",title:"Only number. From 1 to 6 digitals",inputmode:"numeric",name:"mileageTo",value:g,onChange:O,min:"1",max:"999999",$radius:"0px 14px 14px 0px",$padding:"14px 14px 14px 48px"}),(0,b.jsxs)(F,{children:["To ",Z,Z.length>0&&(0,b.jsx)(T,{})]})]})]}),(0,b.jsx)(E,{type:"submit",onSubmit:function(n){n.preventDefault();var e=n.currentTarget;console.log("form",e),u(""),h(""),v(""),C("")},children:"Search"})]})},O=function(){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(v.$0,{children:(0,b.jsx)(v.W2,{$top:"50px",children:(0,b.jsx)(M,{})})}),(0,b.jsx)(z,{})]})}}}]); +//# sourceMappingURL=209.2ed371a5.chunk.js.map \ No newline at end of file diff --git a/static/js/209.2ed371a5.chunk.js.map b/static/js/209.2ed371a5.chunk.js.map new file mode 100644 index 0000000..78c45df --- /dev/null +++ b/static/js/209.2ed371a5.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static/js/209.2ed371a5.chunk.js","mappings":"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","sources":["Loader/Loader.styled.js","Loader/Loader.jsx","components/CarsList/CarsList.jsx","components/Filters/Filters.styled.js","components/Filters/Filters.jsx","pages/Catalog.jsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const WrapperLoader = styled.div`\n text-align: center;\n margin-top: 150px;\n`;","import { RotatingLines } from \"react-loader-spinner\";\nimport { WrapperLoader } from \"./Loader.styled\";\n\nexport const Loader = () =>\n(\n \n);","import { Loader } from \"Loader/Loader\";\nimport { CarItem } from \"components/CarItem/CarItem\";\nimport { Container, Section } from \"pages/Page.styled\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { LIMIT, getAllCarsThunk, getCarsThunk, getFilterCarsThunk } from \"redux/cars/fetchCar\";\nimport { selectAllCars, selectBrand, selectCars, selectIsLoading } from \"redux/selectors\";\nimport { CarsListStyle, LoadMore } from \"./CarsList.styled\";\n\nexport const CarsList = () => {\n const dispatch = useDispatch();\n const isLoading = useSelector(selectIsLoading);\n const cars = useSelector(selectCars);\n const allCars = useSelector(selectAllCars);\n const filterBrand = useSelector(selectBrand);\n // const page = useSelector(selectPage);\n const [page, setPage] = useState(1)\n const [isLoadMore, setIsLoadMore] = useState(false);\n\n useEffect(() => {\n dispatch(getAllCarsThunk())\n }, [dispatch]);\n\n useEffect(() => {\n if (page === 1) {\n return; \n };\n\n dispatch(getCarsThunk(page))\n }, [dispatch, page]);\n\n useEffect(() => {\n if (filterBrand.value === 'all') {\n setIsLoadMore(false);\n setPage(1);\n } else {setIsLoadMore(true)};\n\n dispatch(getFilterCarsThunk(filterBrand))\n }, [dispatch, filterBrand]);\n\n const totalPage = allCars.length / LIMIT;\n \n const onClickLoadMore = () => {\n if (page === totalPage - 1) {\n setIsLoadMore(true);\n };\n setPage(page + 1)\n\n console.log('page', page);\n };\n\n return (\n
\n \n {isLoading && }\n {(cars?.length > 0) && (<>\n \n {cars?.map((car, index) =>\n \n )}\n \n Load more\n \n )}\n \n
\n )\n};","import styled from 'styled-components';\n\nexport const Form = styled.form`\n display: flex;\n align-items: flex-end;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n\n @media screen and (min-width: 768px) {\n gap: 16px;\n }\n\n @media screen and (min-width: 1440px) {\n gap: 18px;\n }\n`;\n\nexport const Label = styled.label`\nposition: relative;\n display: flex;\n flex-direction: column;\n color: var(--color-text-label);\n font-size: 14px;\n font-weight: 500;\n line-height: 1.29;\n`;\n\nexport const InputWrap = styled.div`\n display: flex;\n align-items: flex-end;\n`;\n\nexport const Input = styled.input`\n width: 160px;\n height: 48px;\n padding: ${props => props.$padding || '14px 14px 14px 70px'};\n margin-top: 8px;\n border-radius: ${props => props.$radius || '14px'};\n border: none;\n border-right: ${props => props.$border || 'none'};\n background-color: var(--color-filter-field);\n color: transparent;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.11;\n\n &:invalid {\n border: 1px solid red;\n }\n`;\n\nexport const FalseInput = styled.div`\n display: flex;\n color: var(--color-text-main);\n position: absolute;\n bottom: 14px;\n left: 24px;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.1;\n`;\n\nexport const Blink = styled.div`\n margin-left: 1px;\n display: inline-block;\n width: 1px;\n height: 18px;\n background-color: black;\n animation: cursor-blink 1s infinite;\n\n @keyframes cursor-blink {\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n }\n }\n`;\n\nexport const WrapSecondInput = styled.div`\n position: relative;\n`;\n\nexport const ButtonSearch = styled.button`\n display: flex;\n width: 136px;\n height: 48px;\n padding: 14px;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border: none;\n border-radius: 12px;\n background: var(--color-button);\n color: var(--color-text-button-and-back);\n font-size: 14px;\n font-weight: 600;\n line-height: 1.4;\n\n &:hover,\n &:focus {\n background: var(--color-button-hover);\n }\n`;\n\nexport const customStyles = {\n option: (defaultStyles, state) => ({\n ...defaultStyles,\n fontSize: '16px',\n lineHeight: '1.25',\n fontWeight: '500',\n color: state.isSelected ? 'var(--color-text-main)' : 'rgba(18, 20, 23, 0.20)',\n backgroundColor: 'var(--color-text-button-and-back)', // Стилізація фона активної опції и ховера\n cursor: 'pointer',\n padding: '0px',\n margin: '0px',\n\n '&:not(:last-child)': {\n marginBottom: '8px'\n },\n }),\n\n singleValue: (defaultStyles) => ({\n ...defaultStyles,\n fontSize: '18px',\n lineHeight: '1.11',\n color: 'var(--color-text-main)',\n }),\n\n menu: (defaultStyles) => ({\n ...defaultStyles,\n width: '224px',\n height: '272px',\n padding:'14px 8px 14px 18px',\n borderRadius: '14px',\n border: '1px solid rgba(18, 20, 23, 0.05)',\n background: 'var(--color-text-button-and-back)',\n boxShadow: '0px 4px 36px 0px rgba(0, 0, 0, 0.02)',\n }),\n\n indicatorSeparator: (defaultStyles) => ({\n ...defaultStyles,\n backgroundColor: 'transparent', // колір розділювача\n }),\n\n dropdownIndicator: (defaultStyles) => ({\n ...defaultStyles,\n paddingRight: '18px',\n color: 'var(--color-text-main)',\n }),\n\n container: (defaultStyles, state) => ({\n ...defaultStyles,\n border: `none`,\n borderRadius: '14px',\n marginTop: '8px',\n outline: 'none',\n }),\n \n valueContainer: (styles) => ({\n ...styles,\n padding: '14px 0px 14px 18px',\n margin: '0px',\n }),\n\n input: (styles) => ({\n ...styles,\n padding: '0px',\n margin: '0px',\n }),\n \n menuList: (base) => ({\n ...base,\n margin: '0px',\n padding: '0px',\n height: '244px',\n overflowY: 'auto', // Вмикаємо скрол\n '&::-webkit-scrollbar': {\n width: '8px', // Задаємо ширину скрола\n },\n '&::-webkit-scrollbar-thumb': {\n background: 'rgba(18, 20, 23, 0.05)', //колір скрола\n borderRadius: '10px', //радіус бордера скрола\n },\n }),\n\n placeholder: (defaultStyles) => ({\n ...defaultStyles,\n color: 'var(--color-text-main)',\n fontWeight: '500',\n fontSize: '18px',\n lineHeight: '1.11',\n margin: '0px',\n padding: '0px',\n }),\n};\n\nexport const firstSelectStyles = {\n ...customStyles,\n control: (defaultStyles) => ({\n ...defaultStyles,\n cursor: 'pointer',\n background: 'var(--color-filter-field)',\n appearance: 'none', // Removing default appearance\n WebkitAppearance: 'none',\n MozAppearance: 'none',\n height: '48px',\n borderRadius: '14px',\n border: 'none',\n outline: 'none',\n fontSize: '18px',\n fontWeight: '500',\n lineHeight: '1.11',\n width: '224px',\n }),\n};\n\nexport const secondSelectStyles = {\n ...customStyles,\n control: (defaultStyles) => ({\n ...defaultStyles,\n cursor: 'pointer',\n background: 'var(--color-filter-field)',\n appearance: 'none',\n WebkitAppearance: 'none',\n MozAppearance: 'none',\n height: '48px',\n borderRadius: '14px',\n border: 'none',\n outline: 'none',\n fontSize: '18px',\n fontWeight: '500',\n lineHeight: '1.11',\n width: '125px',\n }),\n};\n","import { useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { selectBrand, selectCarBrands } from \"redux/selectors\";\nimport { Blink, ButtonSearch, Form, Input, InputWrap, Label, FalseInput, WrapSecondInput, firstSelectStyles, secondSelectStyles } from \"./Filters.styled\";\nimport Select from 'react-select';\nimport { brandSet } from \"redux/filter/filterSlice\";\n\nexport const Filters = () => {\n const dispatch = useDispatch();\n const carBrands = useSelector(selectCarBrands);\n const filterBrand = useSelector(selectBrand);\n\n const [selectedPrice, setSelectedPrice] = useState(null);\n const [mileageFrom, setMileageFrom] = useState('');\n const [mileageTo, setMileageTo] = useState('');\n const [mileageToWithComa, setMileageToWithComa] = useState('');\n const [mileageFromWithComa, setMileageFromWithComa] = useState('');\n\n \n const pricesArray = [];\n for (let index = 30; index < 501; index += 10) {\n pricesArray.push({ value: index, label: index });\n };\n\n const reset = () => {\n setMileageFrom('');\n setMileageTo('');\n setMileageToWithComa('');\n setMileageFromWithComa('');\n };\n\n const onSubmitFilter = (event) => {\n event.preventDefault();\n const form = event.currentTarget;\n // const searchValue = form.search.value\n console.log('form', form);\n reset();\n };\n\n \n\n const makeComaInMileage = (mileage) => {\n const lengthMileage = mileage.toString().length;\n\n if (lengthMileage <= 3) {\n return mileage;\n };\n\n const mileageStringArr = mileage.split('');\n mileageStringArr.splice((lengthMileage-3), 0, ',');\n return mileageStringArr.join('');\n };\n\n const handleChange = (e) => {\n const { value } = e.target;\n const valueWithComa = makeComaInMileage(value);\n\n switch (e.target.name) {\n case 'mileageFrom':\n setMileageFrom(value);\n setMileageFromWithComa(valueWithComa);\n break;\n case 'mileageTo':\n\n setMileageTo(value);\n setMileageToWithComa(valueWithComa);\n break;\n default:\n break;\n }\n };\n \n const onChangeBrand = (e) => {\n console.log('e', e);\n dispatch(brandSet(e));\n };\n \n return (\n
\n \n \n \n \n \n \n To {mileageToWithComa}\n {mileageToWithComa.length > 0 && }\n \n \n \n Search\n
\n )\n};","import { CarsList } from \"components/CarsList/CarsList\";\nimport { Filters } from \"components/Filters/Filters\";\nimport { Container, Section } from \"./Page.styled\";\n\nconst Catalog = () => {\n return (\n <>\n
\n \n \n \n
\n \n \n )\n};\n\nexport default Catalog;"],"names":["WrapperLoader","styled","_templateObject","_taggedTemplateLiteral","Loader","_jsx","children","RotatingLines","strokeColor","strokeWidth","animationDuration","width","visible","CarsList","dispatch","useDispatch","isLoading","useSelector","selectIsLoading","cars","selectCars","allCars","selectAllCars","filterBrand","selectBrand","_useState","useState","_useState2","_slicedToArray","page","setPage","_useState3","_useState4","isLoadMore","setIsLoadMore","useEffect","getAllCarsThunk","getCarsThunk","value","getFilterCarsThunk","totalPage","length","LIMIT","Section","_jsxs","Container","_Fragment","CarsListStyle","map","car","index","CarItem","id","LoadMore","onClick","console","log","display","Form","Label","_templateObject2","InputWrap","_templateObject3","Input","_templateObject4","props","$padding","$radius","$border","FalseInput","_templateObject5","Blink","_templateObject6","WrapSecondInput","_templateObject7","ButtonSearch","_templateObject8","customStyles","option","defaultStyles","state","_objectSpread","fontSize","lineHeight","fontWeight","color","isSelected","backgroundColor","cursor","padding","margin","marginBottom","singleValue","menu","height","borderRadius","border","background","boxShadow","indicatorSeparator","dropdownIndicator","paddingRight","container","marginTop","outline","valueContainer","styles","input","menuList","base","overflowY","placeholder","firstSelectStyles","control","appearance","WebkitAppearance","MozAppearance","secondSelectStyles","Filters","carBrands","selectCarBrands","selectedPrice","setSelectedPrice","mileageFrom","setMileageFrom","_useState5","_useState6","mileageTo","setMileageTo","_useState7","_useState8","mileageToWithComa","setMileageToWithComa","_useState9","_useState10","mileageFromWithComa","setMileageFromWithComa","pricesArray","push","label","handleChange","e","target","valueWithComa","mileage","lengthMileage","toString","mileageStringArr","split","splice","join","makeComaInMileage","name","Select","onChange","brandSet","options","isSearchable","type","inputmode","pattern","title","min","max","onSubmit","event","preventDefault","form","currentTarget","$top"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/209.4cf0f032.chunk.js b/static/js/209.4cf0f032.chunk.js deleted file mode 100644 index 7feb816..0000000 --- a/static/js/209.4cf0f032.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkrental_car_in_ukr=self.webpackChunkrental_car_in_ukr||[]).push([[209],{4209:function(n,e,r){r.r(e),r.d(e,{default:function(){return H}});var o,t,i,a,l,p,c=r(9439),d=r(3045),u=r(168),x=r(6487),s=x.ZP.div(o||(o=(0,u.Z)(["\n text-align: center;\n margin-top: 150px;\n"]))),g=r(184),h=function(){return(0,g.jsx)(s,{children:(0,g.jsx)(d.s5,{strokeColor:"#3470FF",strokeWidth:"5",animationDuration:"1.2",width:"96",visible:!0})})},f=r(390),b=r(6616),m=r(2791),Z=r(9434),v=r(8746),k=r(6351),j=r(4226),w=function(){var n=(0,Z.I0)(),e=(0,Z.v9)(k.xU),r=(0,Z.v9)(k.Wz),o=(0,Z.v9)(k.tu),t=(0,Z.v9)(k.RR),i=(0,m.useState)(1),a=(0,c.Z)(i,2),l=a[0],p=a[1],d=(0,m.useState)(!1),u=(0,c.Z)(d,2),x=u[0],s=u[1];(0,m.useEffect)((function(){n((0,v.tl)())}),[n]),(0,m.useEffect)((function(){1!==l&&n((0,v.t$)(l))}),[n,l]),(0,m.useEffect)((function(){"all"===t.value?(s(!1),p(1)):s(!0),n((0,v.zD)(t))}),[n,t]);var w=o.length/v.VZ;return(0,g.jsx)(b.$0,{children:(0,g.jsxs)(b.W2,{children:[e&&(0,g.jsx)(h,{}),(null===r||void 0===r?void 0:r.length)>0&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(j.T,{children:null===r||void 0===r?void 0:r.map((function(n,e){return(0,g.jsx)(f.E,{car:n,index:e},n.id)}))}),(0,g.jsx)(j.f,{onClick:function(){l===w-1&&s(!0),p(l+1),console.log("page",l)},display:x?"none":"block",children:"Load more"})]})]})})},S=r(1413),y=x.ZP.form(t||(t=(0,u.Z)(["\n display: flex;\n align-items: flex-end;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n\n @media screen and (min-width: 768px) {\n gap: 16px;\n }\n\n @media screen and (min-width: 1440px) {\n gap: 18px;\n }\n"]))),z=x.ZP.label(i||(i=(0,u.Z)(["\n display: flex;\n flex-direction: column;\n color: var(--color-text-label);\n font-size: 14px;\n font-weight: 500;\n line-height: 1.29;\n"]))),C=x.ZP.div(a||(a=(0,u.Z)(["\n display: flex;\n align-items: flex-end;\n"]))),W=x.ZP.input(l||(l=(0,u.Z)(["\n width: 160px;\n height: 48px;\n padding: 14px 24px;\n margin-top: 8px;\n border-radius: ",";\n border: none;\n border-right: ",";\n background-color: var(--color-filter-field);\n font-size: 18px;\n font-weight: 500;\n line-height: 1.1;\n\n &::placeholder {\n color: var(--color-text-main);\n opacity: 1;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.1;\n }\n\n @media screen and (min-width: 768px) {\n }\n\n @media screen and (min-width: 1440px) {\n }\n"])),(function(n){return n.$radius||"14px"}),(function(n){return n.$border||"none"})),R=x.ZP.button(p||(p=(0,u.Z)(["\n display: flex;\n width: 136px;\n height: 48px;\n padding: 14px;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border: none;\n border-radius: 12px;\n background: var(--color-button);\n color: var(--color-text-button-and-back);\n font-size: 14px;\n font-weight: 600;\n line-height: 1.4;\n\n &:hover,\n &:focus {\n background: var(--color-button-hover);\n }\n"]))),$={option:function(n,e){return(0,S.Z)((0,S.Z)({},n),{},{fontSize:"16px",lineHeight:"1.25",fontWeight:"500",color:e.isSelected?"var(--color-text-main)":"rgba(18, 20, 23, 0.20)",backgroundColor:"var(--color-text-button-and-back)",cursor:"pointer",padding:"0px",margin:"0px","&:not(:last-child)":{marginBottom:"8px"}})},singleValue:function(n){return(0,S.Z)((0,S.Z)({},n),{},{fontSize:"18px",lineHeight:"1.11",color:"var(--color-text-main)"})},menu:function(n){return(0,S.Z)((0,S.Z)({},n),{},{width:"224px",height:"272px",padding:"14px 8px 14px 18px",borderRadius:"14px",border:"1px solid rgba(18, 20, 23, 0.05)",background:"var(--color-text-button-and-back)",boxShadow:"0px 4px 36px 0px rgba(0, 0, 0, 0.02)"})},indicatorSeparator:function(n){return(0,S.Z)((0,S.Z)({},n),{},{backgroundColor:"transparent"})},dropdownIndicator:function(n){return(0,S.Z)((0,S.Z)({},n),{},{paddingRight:"18px",color:"var(--color-text-main)"})},container:function(n,e){return(0,S.Z)((0,S.Z)({},n),{},{border:"none",borderRadius:"14px",marginTop:"8px",outline:"none"})},valueContainer:function(n){return(0,S.Z)((0,S.Z)({},n),{},{padding:"14px 0px 14px 18px",margin:"0px"})},input:function(n){return(0,S.Z)((0,S.Z)({},n),{},{padding:"0px",margin:"0px"})},menuList:function(n){return(0,S.Z)((0,S.Z)({},n),{},{margin:"0px",padding:"0px",height:"244px",overflowY:"auto","&::-webkit-scrollbar":{width:"8px"},"&::-webkit-scrollbar-thumb":{background:"rgba(18, 20, 23, 0.05)",borderRadius:"10px"}})},placeholder:function(n){return(0,S.Z)((0,S.Z)({},n),{},{color:"var(--color-text-main)",fontWeight:"500",fontSize:"18px",lineHeight:"1.11",margin:"0px",padding:"0px"})}},F=(0,S.Z)((0,S.Z)({},$),{},{control:function(n){return(0,S.Z)((0,S.Z)({},n),{},{cursor:"pointer",background:"var(--color-filter-field)",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",height:"48px",borderRadius:"14px",border:"none",outline:"none",fontSize:"18px",fontWeight:"500",lineHeight:"1.11",width:"224px"})}}),P=(0,S.Z)((0,S.Z)({},$),{},{control:function(n){return(0,S.Z)((0,S.Z)({},n),{},{cursor:"pointer",background:"var(--color-filter-field)",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",height:"48px",borderRadius:"14px",border:"none",outline:"none",fontSize:"18px",fontWeight:"500",lineHeight:"1.11",width:"125px"})}}),T=r(7915),_=r(1634),E=function(){for(var n=(0,Z.I0)(),e=(0,Z.v9)(k.Qu),r=(0,Z.v9)(k.RR),o=(0,m.useState)(null),t=(0,c.Z)(o,2),i=t[0],a=t[1],l=(0,m.useState)(""),p=(0,c.Z)(l,2),d=p[0],u=p[1],x=(0,m.useState)(""),s=(0,c.Z)(x,2),h=s[0],f=s[1],b=[],v=30;v<501;v+=10)b.push({value:v,label:v});var j=function(n){console.log("e.target",n.target);var e=n.target.value;switch(n.target.name){case"mileageFrom":u(e),console.log("mileageFrom");break;case"mileageTo":f(e),console.log("mileageTo")}};return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(y,{children:[(0,g.jsxs)(z,{children:["Car brand",(0,g.jsx)(T.ZP,{onChange:function(e){console.log("e",e),n((0,_.WZ)(e))},options:e,isSearchable:!0,placeholder:"Enter the text",styles:F,value:r})]}),(0,g.jsxs)(z,{children:["Price/ 1 hour",(0,g.jsx)(T.ZP,{onChange:a,options:b,isSearchable:!0,placeholder:"To $",styles:P,value:i})]}),(0,g.jsxs)(C,{children:[(0,g.jsxs)(z,{children:["\u0421ar mileage / km",(0,g.jsx)(W,{type:"number",name:"mileageFrom",placeholder:"From",value:d,onChange:j,min:"0",step:"10",$radius:"14px 0px 0px 14px",$border:"1px solid rgba(138, 138, 137, 0.20)"})]}),(0,g.jsx)(W,{type:"number",name:"mileageTo",placeholder:"To",value:h,onChange:j,min:"10",step:"10",$radius:"0px 14px 14px 0px"})]}),(0,g.jsx)(R,{type:"submit",children:"Search"})]})})},H=function(){return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(b.$0,{children:(0,g.jsx)(b.W2,{$top:"50px",children:(0,g.jsx)(E,{})})}),(0,g.jsx)(w,{})]})}}}]); -//# sourceMappingURL=209.4cf0f032.chunk.js.map \ No newline at end of file diff --git a/static/js/209.4cf0f032.chunk.js.map b/static/js/209.4cf0f032.chunk.js.map deleted file mode 100644 index 5bf44bc..0000000 --- a/static/js/209.4cf0f032.chunk.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/js/209.4cf0f032.chunk.js","mappings":"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","sources":["Loader/Loader.styled.js","Loader/Loader.jsx","components/CarsList/CarsList.jsx","components/Filters/Filters.styled.js","components/Filters/Filters.jsx","pages/Catalog.jsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const WrapperLoader = styled.div`\n text-align: center;\n margin-top: 150px;\n`;","import { RotatingLines } from \"react-loader-spinner\";\nimport { WrapperLoader } from \"./Loader.styled\";\n\nexport const Loader = () =>\n(\n \n);","import { Loader } from \"Loader/Loader\";\nimport { CarItem } from \"components/CarItem/CarItem\";\nimport { Container, Section } from \"pages/Page.styled\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { LIMIT, getAllCarsThunk, getCarsThunk, getFilterCarsThunk } from \"redux/cars/fetchCar\";\nimport { selectAllCars, selectBrand, selectCars, selectIsLoading } from \"redux/selectors\";\nimport { CarsListStyle, LoadMore } from \"./CarsList.styled\";\n\nexport const CarsList = () => {\n const dispatch = useDispatch();\n const isLoading = useSelector(selectIsLoading);\n const cars = useSelector(selectCars);\n const allCars = useSelector(selectAllCars);\n const filterBrand = useSelector(selectBrand);\n // const page = useSelector(selectPage);\n const [page, setPage] = useState(1)\n const [isLoadMore, setIsLoadMore] = useState(false);\n\n useEffect(() => {\n dispatch(getAllCarsThunk())\n }, [dispatch]);\n\n useEffect(() => {\n if (page === 1) {\n return; \n };\n\n dispatch(getCarsThunk(page))\n }, [dispatch, page]);\n\n useEffect(() => {\n if (filterBrand.value === 'all') {\n setIsLoadMore(false);\n setPage(1);\n } else {setIsLoadMore(true)};\n\n dispatch(getFilterCarsThunk(filterBrand))\n }, [dispatch, filterBrand]);\n\n const totalPage = allCars.length / LIMIT;\n \n const onClickLoadMore = () => {\n if (page === totalPage - 1) {\n setIsLoadMore(true);\n };\n setPage(page + 1)\n\n console.log('page', page);\n };\n\n return (\n
\n \n {isLoading && }\n {(cars?.length > 0) && (<>\n \n {cars?.map((car, index) =>\n \n )}\n \n Load more\n \n )}\n \n
\n )\n};","import styled from 'styled-components';\n\nexport const Form = styled.form`\n display: flex;\n align-items: flex-end;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n\n @media screen and (min-width: 768px) {\n gap: 16px;\n }\n\n @media screen and (min-width: 1440px) {\n gap: 18px;\n }\n`;\n\nexport const Label = styled.label`\n display: flex;\n flex-direction: column;\n color: var(--color-text-label);\n font-size: 14px;\n font-weight: 500;\n line-height: 1.29;\n`;\n\nexport const InputWrap = styled.div`\n display: flex;\n align-items: flex-end;\n`;\n\nexport const Input = styled.input`\n width: 160px;\n height: 48px;\n padding: 14px 24px;\n margin-top: 8px;\n border-radius: ${props => props.$radius || '14px'};\n border: none;\n border-right: ${props => props.$border || 'none'};\n background-color: var(--color-filter-field);\n font-size: 18px;\n font-weight: 500;\n line-height: 1.1;\n\n &::placeholder {\n color: var(--color-text-main);\n opacity: 1;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.1;\n }\n\n @media screen and (min-width: 768px) {\n }\n\n @media screen and (min-width: 1440px) {\n }\n`;\n\nexport const ButtonSearch = styled.button`\n display: flex;\n width: 136px;\n height: 48px;\n padding: 14px;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n border: none;\n border-radius: 12px;\n background: var(--color-button);\n color: var(--color-text-button-and-back);\n font-size: 14px;\n font-weight: 600;\n line-height: 1.4;\n\n &:hover,\n &:focus {\n background: var(--color-button-hover);\n }\n`;\n\nexport const customStyles = {\n option: (defaultStyles, state) => ({\n ...defaultStyles,\n fontSize: '16px',\n lineHeight: '1.25',\n fontWeight: '500',\n color: state.isSelected ? 'var(--color-text-main)' : 'rgba(18, 20, 23, 0.20)',\n backgroundColor: 'var(--color-text-button-and-back)', // Стилізація фона активної опції и ховера\n cursor: 'pointer',\n padding: '0px',\n margin: '0px',\n\n '&:not(:last-child)': {\n marginBottom: '8px'\n },\n }),\n\n singleValue: (defaultStyles) => ({\n ...defaultStyles,\n fontSize: '18px',\n lineHeight: '1.11',\n color: 'var(--color-text-main)',\n }),\n\n menu: (defaultStyles) => ({\n ...defaultStyles,\n width: '224px',\n height: '272px',\n padding:'14px 8px 14px 18px',\n borderRadius: '14px',\n border: '1px solid rgba(18, 20, 23, 0.05)',\n background: 'var(--color-text-button-and-back)',\n boxShadow: '0px 4px 36px 0px rgba(0, 0, 0, 0.02)',\n }),\n\n indicatorSeparator: (defaultStyles) => ({\n ...defaultStyles,\n backgroundColor: 'transparent', // колір розділювача\n }),\n\n dropdownIndicator: (defaultStyles) => ({\n ...defaultStyles,\n paddingRight: '18px',\n color: 'var(--color-text-main)',\n }),\n\n container: (defaultStyles, state) => ({\n ...defaultStyles,\n border: `none`,\n borderRadius: '14px',\n marginTop: '8px',\n outline: 'none',\n }),\n \n valueContainer: (styles) => ({\n ...styles,\n padding: '14px 0px 14px 18px',\n margin: '0px',\n }),\n\n input: (styles) => ({\n ...styles,\n padding: '0px',\n margin: '0px',\n }),\n \n menuList: (base) => ({\n ...base,\n margin: '0px',\n padding: '0px',\n height: '244px',\n overflowY: 'auto', // Вмикаємо скрол\n '&::-webkit-scrollbar': {\n width: '8px', // Задаємо ширину скрола\n },\n '&::-webkit-scrollbar-thumb': {\n background: 'rgba(18, 20, 23, 0.05)', //колір скрола\n borderRadius: '10px', //радіус бордера скрола\n },\n }),\n\n placeholder: (defaultStyles) => ({\n ...defaultStyles,\n color: 'var(--color-text-main)',\n fontWeight: '500',\n fontSize: '18px',\n lineHeight: '1.11',\n margin: '0px',\n padding: '0px',\n }),\n};\n\nexport const firstSelectStyles = {\n ...customStyles,\n control: (defaultStyles) => ({\n ...defaultStyles,\n cursor: 'pointer',\n background: 'var(--color-filter-field)',\n appearance: 'none', // Removing default appearance\n WebkitAppearance: 'none',\n MozAppearance: 'none',\n height: '48px',\n borderRadius: '14px',\n border: 'none',\n outline: 'none',\n fontSize: '18px',\n fontWeight: '500',\n lineHeight: '1.11',\n width: '224px',\n }),\n};\n\nexport const secondSelectStyles = {\n ...customStyles,\n control: (defaultStyles) => ({\n ...defaultStyles,\n cursor: 'pointer',\n background: 'var(--color-filter-field)',\n appearance: 'none',\n WebkitAppearance: 'none',\n MozAppearance: 'none',\n height: '48px',\n borderRadius: '14px',\n border: 'none',\n outline: 'none',\n fontSize: '18px',\n fontWeight: '500',\n lineHeight: '1.11',\n width: '125px',\n }),\n};\n","import { useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { selectBrand, selectCarBrands } from \"redux/selectors\";\nimport { ButtonSearch, Form, Input, InputWrap, Label, firstSelectStyles, secondSelectStyles } from \"./Filters.styled\";\nimport Select from 'react-select';\nimport { brandSet } from \"redux/filter/filterSlice\";\n\nexport const Filters = () => {\n const dispatch = useDispatch();\n const carBrands = useSelector(selectCarBrands);\n const filterBrand = useSelector(selectBrand);\n\n const [selectedPrice, setSelectedPrice] = useState(null);\n const [mileageFrom, setMileageFrom] = useState('');\n const [mileageTo, setMileageTo] = useState('');\n \n\n const pricesArray = [];\n for (let index = 30; index < 501; index += 10) {\n pricesArray.push({ value: index, label: index });\n };\n\n // const onSubmitFilter = (event) => {\n // event.preventDefault();\n // const form = event.currentTarget;\n // // const searchValue = form.search.value\n // console.log('form', form);\n // };\n const handleChange = (e) => {\n console.log('e.target', e.target);\n const { value } = e.target;\n switch (e.target.name) {\n case 'mileageFrom':\n setMileageFrom(value);\n console.log('mileageFrom');\n break;\n case 'mileageTo':\n setMileageTo(value);\n console.log('mileageTo');\n break;\n default:\n break;\n }\n };\n \n const onChangeBrand = (e) => {\n console.log('e', e);\n dispatch(brandSet(e));\n };\n \n return (\n <>\n
\n \n \n \n \n \n \n Search\n
\n \n )\n};","import { CarsList } from \"components/CarsList/CarsList\";\nimport { Filters } from \"components/Filters/Filters\";\nimport { Container, Section } from \"./Page.styled\";\n\nconst Catalog = () => {\n return (\n <>\n
\n \n \n \n
\n \n \n )\n};\n\nexport default Catalog;"],"names":["WrapperLoader","styled","_templateObject","_taggedTemplateLiteral","Loader","_jsx","children","RotatingLines","strokeColor","strokeWidth","animationDuration","width","visible","CarsList","dispatch","useDispatch","isLoading","useSelector","selectIsLoading","cars","selectCars","allCars","selectAllCars","filterBrand","selectBrand","_useState","useState","_useState2","_slicedToArray","page","setPage","_useState3","_useState4","isLoadMore","setIsLoadMore","useEffect","getAllCarsThunk","getCarsThunk","value","getFilterCarsThunk","totalPage","length","LIMIT","Section","_jsxs","Container","_Fragment","CarsListStyle","map","car","index","CarItem","id","LoadMore","onClick","console","log","display","Form","Label","_templateObject2","InputWrap","_templateObject3","Input","_templateObject4","props","$radius","$border","ButtonSearch","_templateObject5","customStyles","option","defaultStyles","state","_objectSpread","fontSize","lineHeight","fontWeight","color","isSelected","backgroundColor","cursor","padding","margin","marginBottom","singleValue","menu","height","borderRadius","border","background","boxShadow","indicatorSeparator","dropdownIndicator","paddingRight","container","marginTop","outline","valueContainer","styles","input","menuList","base","overflowY","placeholder","firstSelectStyles","control","appearance","WebkitAppearance","MozAppearance","secondSelectStyles","Filters","carBrands","selectCarBrands","selectedPrice","setSelectedPrice","mileageFrom","setMileageFrom","_useState5","_useState6","mileageTo","setMileageTo","pricesArray","push","label","handleChange","e","target","name","Select","onChange","brandSet","options","isSearchable","type","min","step","$top"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/395.01e3cbc1.chunk.js b/static/js/395.01e3cbc1.chunk.js new file mode 100644 index 0000000..47811a4 --- /dev/null +++ b/static/js/395.01e3cbc1.chunk.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkrental_car_in_ukr=self.webpackChunkrental_car_in_ukr||[]).push([[395],{7395:function(n,r,e){e.r(r);var i=e(4226),l=e(6616),a=e(390),c=e(9434),t=e(6351),s=e(1087),u=e(184);r.default=function(){var n=(0,c.v9)(t.$D);return(0,u.jsx)(l.$0,{children:(0,u.jsx)(l.W2,{$top:"50px",children:(null===n||void 0===n?void 0:n.length)>0?(0,u.jsx)(i.T,{children:null===n||void 0===n?void 0:n.map((function(n,r){return(0,u.jsx)(a.E,{car:n,index:r},n.id)}))}):(0,u.jsx)(l.nn,{children:(0,u.jsxs)("p",{children:["Please select your favorite cars in the ",(0,u.jsx)(s.rU,{to:"/catalog",children:"\u0421atalog"}),"."]})})})})}}}]); +//# sourceMappingURL=395.01e3cbc1.chunk.js.map \ No newline at end of file diff --git a/static/js/395.01e3cbc1.chunk.js.map b/static/js/395.01e3cbc1.chunk.js.map new file mode 100644 index 0000000..664a4bc --- /dev/null +++ b/static/js/395.01e3cbc1.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static/js/395.01e3cbc1.chunk.js","mappings":"0MA6BA,UAtBiB,WACb,IAAMA,GAAeC,EAAAA,EAAAA,IAAYC,EAAAA,IAEjC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,GAAO,CAAAC,UACJF,EAAAA,EAAAA,KAACG,EAAAA,GAAS,CAACC,KAAK,OAAMF,UACJ,OAAZL,QAAY,IAAZA,OAAY,EAAZA,EAAcQ,QAAS,GACrBL,EAAAA,EAAAA,KAACM,EAAAA,EAAa,CAAAJ,SACG,OAAZL,QAAY,IAAZA,OAAY,EAAZA,EAAcU,KAAI,SAACC,EAAKC,GAAK,OAC1BT,EAAAA,EAAAA,KAACU,EAAAA,EAAO,CAACF,IAAKA,EAAkBC,MAAOA,GAAfD,EAAIG,GAAoB,OAGxDX,EAAAA,EAAAA,KAACY,EAAAA,GAAS,CAAAV,UACNW,EAAAA,EAAAA,MAAA,KAAAX,SAAA,CAAG,4CACyCF,EAAAA,EAAAA,KAACc,EAAAA,GAAI,CAACC,GAAG,WAAUb,SAAC,iBAAc,YAMtG,C","sources":["pages/Favorites.jsx"],"sourcesContent":["import { CarsListStyle } from \"components/CarsList/CarsList.styled\";\nimport { Container, EmptyPage, Section } from \"./Page.styled\";\nimport { CarItem } from \"components/CarItem/CarItem\";\nimport { useSelector } from \"react-redux\";\nimport { selectFavoriteCars } from \"redux/selectors\";\nimport { Link } from 'react-router-dom';\n\nconst Favorite = () => {\n const favoriteCars = useSelector(selectFavoriteCars);\n\n return (\n
\n \n {(favoriteCars?.length > 0) ?\n \n {favoriteCars?.map((car, index) =>\n \n )}\n :\n \n

\n Please select your favorite cars in the Сatalog.\n

\n
}\n
\n
\n )\n};\n\nexport default Favorite;"],"names":["favoriteCars","useSelector","selectFavoriteCars","_jsx","Section","children","Container","$top","length","CarsListStyle","map","car","index","CarItem","id","EmptyPage","_jsxs","Link","to"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/395.315aca66.chunk.js b/static/js/395.315aca66.chunk.js deleted file mode 100644 index 4dd7c18..0000000 --- a/static/js/395.315aca66.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -"use strict";(self.webpackChunkrental_car_in_ukr=self.webpackChunkrental_car_in_ukr||[]).push([[395],{7395:function(n,r,e){e.r(r);var i=e(4226),l=e(6616),a=e(390),c=e(9434),t=e(6351),s=e(1087),u=e(184);r.default=function(){var n=(0,c.v9)(t.$D);return(0,u.jsx)(u.Fragment,{children:(0,u.jsx)(l.$0,{children:(0,u.jsx)(l.W2,{$top:"50px",children:(null===n||void 0===n?void 0:n.length)>0?(0,u.jsx)(i.T,{children:null===n||void 0===n?void 0:n.map((function(n,r){return(0,u.jsx)(a.E,{car:n,index:r},n.id)}))}):(0,u.jsx)(l.nn,{children:(0,u.jsxs)("p",{children:["Please select your favorite cars in the ",(0,u.jsx)(s.rU,{to:"/catalog",children:"\u0421atalog"}),"."]})})})})})}}}]); -//# sourceMappingURL=395.315aca66.chunk.js.map \ No newline at end of file diff --git a/static/js/395.315aca66.chunk.js.map b/static/js/395.315aca66.chunk.js.map deleted file mode 100644 index 52bb9e4..0000000 --- a/static/js/395.315aca66.chunk.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/js/395.315aca66.chunk.js","mappings":"0MA+BA,UAxBiB,WACT,IAAMA,GAAiBC,EAAAA,EAAAA,IAAYC,EAAAA,IAEvC,OACIC,EAAAA,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,UACIF,EAAAA,EAAAA,KAACG,EAAAA,GAAO,CAAAD,UACJF,EAAAA,EAAAA,KAACI,EAAAA,GAAS,CAACC,KAAK,OAAMH,UACF,OAAdL,QAAc,IAAdA,OAAc,EAAdA,EAAgBS,QAAS,GACvBN,EAAAA,EAAAA,KAACO,EAAAA,EAAa,CAAAL,SACC,OAAdL,QAAc,IAAdA,OAAc,EAAdA,EAAgBW,KAAI,SAACC,EAAKC,GAAK,OAC5BV,EAAAA,EAAAA,KAACW,EAAAA,EAAO,CAACF,IAAKA,EAAkBC,MAAOA,GAAfD,EAAIG,GAAoB,OAGpDZ,EAAAA,EAAAA,KAACa,EAAAA,GAAS,CAAAX,UACNY,EAAAA,EAAAA,MAAA,KAAAZ,SAAA,CAAG,4CACyCF,EAAAA,EAAAA,KAACe,EAAAA,GAAI,CAACC,GAAG,WAAUd,SAAC,iBAAc,cAO1G,C","sources":["pages/Favorites.jsx"],"sourcesContent":["import { CarsListStyle } from \"components/CarsList/CarsList.styled\";\nimport { Container, EmptyPage, Section } from \"./Page.styled\";\nimport { CarItem } from \"components/CarItem/CarItem\";\nimport { useSelector } from \"react-redux\";\nimport { selectFavoriteCars } from \"redux/selectors\";\nimport { Link } from 'react-router-dom';\n\nconst Favorite = () => {\n const favoriteCarsId = useSelector(selectFavoriteCars);\n\n return (\n <>\n
\n \n {(favoriteCarsId?.length > 0) ?\n \n {favoriteCarsId?.map((car, index) =>\n \n )}\n :\n \n

\n Please select your favorite cars in the Сatalog.\n

\n
}\n
\n
\n \n )\n}\n\nexport default Favorite;"],"names":["favoriteCarsId","useSelector","selectFavoriteCars","_jsx","_Fragment","children","Section","Container","$top","length","CarsListStyle","map","car","index","CarItem","id","EmptyPage","_jsxs","Link","to"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.2cd2596a.js b/static/js/main.eadbd4f0.js similarity index 99% rename from static/js/main.2cd2596a.js rename to static/js/main.eadbd4f0.js index 0da7611..9f31d0c 100644 --- a/static/js/main.2cd2596a.js +++ b/static/js/main.eadbd4f0.js @@ -1,3 +1,3 @@ -/*! For license information please see main.2cd2596a.js.LICENSE.txt */ -!function(){var e={6616:function(e,t,n){"use strict";n.d(t,{$0:function(){return s},W2:function(){return f},X_:function(){return p},cI:function(){return h},nn:function(){return d}});var r,o,a,i,u,l=n(168),c=n(6487),s=c.ZP.section(r||(r=(0,l.Z)(["\n margin: 0 auto;\n width: 100%;\n background-image: ",";\n background-repeat: no-repeat;\n background-position: top left;\n background-size: cover;\n"])),(function(e){return e.$url||"none"})),f=c.ZP.div(o||(o=(0,l.Z)(["\n display: flex;\n flex-direction: column;\n width: 375px;\n margin: 0 auto;\n padding: 0px 30px;\n margin-bottom: ",";\n margin-top: ",";\n\n @media screen and (min-width: 768px) {\n width: 768px;\n padding: 0px 50px;\n margin-bottom: ",";\n }\n\n @media screen and (min-width: 1440px) {\n width: 1440px;\n padding: 0px 128px;\n margin-bottom: ",";\n }\n"])),(function(e){return e.$bottom||"20px"}),(function(e){return e.$top||"0px"}),(function(e){return e.$bottom||"30px"}),(function(e){return e.$bottom||"50px"})),d=c.ZP.div(a||(a=(0,l.Z)(["\n display: flex;\n height: 100vh;\n align-items: center;\n font-weight: 600;\n font-size: 22px;\n color: var(--color-text-main);\n \n @media screen and (min-width: 768px) {\n font-size: 30px;\n }\n\n @media screen and (min-width: 1440px) {\n font-size: 40px;\n }\n"]))),p=c.ZP.div(i||(i=(0,l.Z)(["\n display: flex;\n height: 100vh;\n margin-right: auto;\n padding: 15px 0px;\n font-weight: 600;\n font-size: 22px;\n color: var(--color-text-main);\n \n @media screen and (min-width: 768px) {\n font-size: 30px;\n padding: 20px 0px;\n }\n\n @media screen and (min-width: 1440px) {\n font-size: 40px;\n }\n"]))),h=c.ZP.div(u||(u=(0,l.Z)(["\n display: block;\n height: 149px;\n padding: 25px;\n color: var(--color-text-main);\n background-color: rgba(255,255,255,0.5);\n border-radius: 30px;\n \n @media screen and (min-width: 768px) {\n border-radius: 40px;\n height: 150px;\n padding: 30px;\n }\n\n @media screen and (min-width: 1440px) {\n padding: 40px;\n height: 200px;\n }\n"])))},8746:function(e,t,n){"use strict";n.d(t,{VZ:function(){return rt},tl:function(){return lt},t$:function(){return ut},zD:function(){return ct}});var r={};n.r(r),n.d(r,{hasBrowserEnv:function(){return se},hasStandardBrowserEnv:function(){return fe},hasStandardBrowserWebWorkerEnv:function(){return de}});var o=n(5861),a=n(4687),i=n.n(a);function u(e,t){return function(){return e.apply(t,arguments)}}var l,c=Object.prototype.toString,s=Object.getPrototypeOf,f=(l=Object.create(null),function(e){var t=c.call(e);return l[t]||(l[t]=t.slice(8,-1).toLowerCase())}),d=function(e){return e=e.toLowerCase(),function(t){return f(t)===e}},p=function(e){return function(t){return typeof t===e}},h=Array.isArray,v=p("undefined");var m=d("ArrayBuffer");var y=p("string"),g=p("function"),b=p("number"),w=function(e){return null!==e&&"object"===typeof e},S=function(e){if("object"!==f(e))return!1;var t=s(e);return(null===t||t===Object.prototype||null===Object.getPrototypeOf(t))&&!(Symbol.toStringTag in e)&&!(Symbol.iterator in e)},E=d("Date"),k=d("File"),x=d("Blob"),O=d("FileList"),P=d("URLSearchParams");function C(e,t){var n,r,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=o.allOwnKeys,i=void 0!==a&&a;if(null!==e&&"undefined"!==typeof e)if("object"!==typeof e&&(e=[e]),h(e))for(n=0,r=e.length;n0;)if(t===(n=r[o]).toLowerCase())return n;return null}var R="undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self?self:"undefined"!==typeof window?window:global,T=function(e){return!v(e)&&e!==R};var j,N=(j="undefined"!==typeof Uint8Array&&s(Uint8Array),function(e){return j&&e instanceof j}),A=d("HTMLFormElement"),L=function(e){var t=Object.prototype.hasOwnProperty;return function(e,n){return t.call(e,n)}}(),D=d("RegExp"),I=function(e,t){var n=Object.getOwnPropertyDescriptors(e),r={};C(n,(function(n,o){var a;!1!==(a=t(n,o,e))&&(r[o]=a||n)})),Object.defineProperties(e,r)},z="abcdefghijklmnopqrstuvwxyz",F="0123456789",U={DIGIT:F,ALPHA:z,ALPHA_DIGIT:z+z.toUpperCase()+F};var M=d("AsyncFunction"),B={isArray:h,isArrayBuffer:m,isBuffer:function(e){return null!==e&&!v(e)&&null!==e.constructor&&!v(e.constructor)&&g(e.constructor.isBuffer)&&e.constructor.isBuffer(e)},isFormData:function(e){var t;return e&&("function"===typeof FormData&&e instanceof FormData||g(e.append)&&("formdata"===(t=f(e))||"object"===t&&g(e.toString)&&"[object FormData]"===e.toString()))},isArrayBufferView:function(e){return"undefined"!==typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&m(e.buffer)},isString:y,isNumber:b,isBoolean:function(e){return!0===e||!1===e},isObject:w,isPlainObject:S,isUndefined:v,isDate:E,isFile:k,isBlob:x,isRegExp:D,isFunction:g,isStream:function(e){return w(e)&&g(e.pipe)},isURLSearchParams:P,isTypedArray:N,isFileList:O,forEach:C,merge:function e(){for(var t=T(this)&&this||{},n=t.caseless,r={},o=function(t,o){var a=n&&_(r,o)||o;S(r[a])&&S(t)?r[a]=e(r[a],t):S(t)?r[a]=e({},t):h(t)?r[a]=t.slice():r[a]=t},a=0,i=arguments.length;a3&&void 0!==arguments[3]?arguments[3]:{},o=r.allOwnKeys;return C(t,(function(t,r){n&&g(t)?e[r]=u(t,n):e[r]=t}),{allOwnKeys:o}),e},trim:function(e){return e.trim?e.trim():e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e},inherits:function(e,t,n,r){e.prototype=Object.create(t.prototype,r),e.prototype.constructor=e,Object.defineProperty(e,"super",{value:t.prototype}),n&&Object.assign(e.prototype,n)},toFlatObject:function(e,t,n,r){var o,a,i,u={};if(t=t||{},null==e)return t;do{for(a=(o=Object.getOwnPropertyNames(e)).length;a-- >0;)i=o[a],r&&!r(i,e,t)||u[i]||(t[i]=e[i],u[i]=!0);e=!1!==n&&s(e)}while(e&&(!n||n(e,t))&&e!==Object.prototype);return t},kindOf:f,kindOfTest:d,endsWith:function(e,t,n){e=String(e),(void 0===n||n>e.length)&&(n=e.length),n-=t.length;var r=e.indexOf(t,n);return-1!==r&&r===n},toArray:function(e){if(!e)return null;if(h(e))return e;var t=e.length;if(!b(t))return null;for(var n=new Array(t);t-- >0;)n[t]=e[t];return n},forEachEntry:function(e,t){for(var n,r=(e&&e[Symbol.iterator]).call(e);(n=r.next())&&!n.done;){var o=n.value;t.call(e,o[0],o[1])}},matchAll:function(e,t){for(var n,r=[];null!==(n=e.exec(t));)r.push(n);return r},isHTMLForm:A,hasOwnProperty:L,hasOwnProp:L,reduceDescriptors:I,freezeMethods:function(e){I(e,(function(t,n){if(g(e)&&-1!==["arguments","caller","callee"].indexOf(n))return!1;var r=e[n];g(r)&&(t.enumerable=!1,"writable"in t?t.writable=!1:t.set||(t.set=function(){throw Error("Can not rewrite read-only method '"+n+"'")}))}))},toObjectSet:function(e,t){var n={},r=function(e){e.forEach((function(e){n[e]=!0}))};return h(e)?r(e):r(String(e).split(t)),n},toCamelCase:function(e){return e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,(function(e,t,n){return t.toUpperCase()+n}))},noop:function(){},toFiniteNumber:function(e,t){return e=+e,Number.isFinite(e)?e:t},findKey:_,global:R,isContextDefined:T,ALPHABET:U,generateString:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:16,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:U.ALPHA_DIGIT,n="",r=t.length;e--;)n+=t[Math.random()*r|0];return n},isSpecCompliantForm:function(e){return!!(e&&g(e.append)&&"FormData"===e[Symbol.toStringTag]&&e[Symbol.iterator])},toJSONObject:function(e){var t=new Array(10);return function e(n,r){if(w(n)){if(t.indexOf(n)>=0)return;if(!("toJSON"in n)){t[r]=n;var o=h(n)?[]:{};return C(n,(function(t,n){var a=e(t,r+1);!v(a)&&(o[n]=a)})),t[r]=void 0,o}}return n}(e,0)},isAsyncFn:M,isThenable:function(e){return e&&(w(e)||g(e))&&g(e.then)&&g(e.catch)}},W=n(5671),$=n(3144);function H(e,t,n,r,o){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=(new Error).stack,this.message=e,this.name="AxiosError",t&&(this.code=t),n&&(this.config=n),r&&(this.request=r),o&&(this.response=o)}B.inherits(H,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:B.toJSONObject(this.config),code:this.code,status:this.response&&this.response.status?this.response.status:null}}});var Z=H.prototype,V={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach((function(e){V[e]={value:e}})),Object.defineProperties(H,V),Object.defineProperty(Z,"isAxiosError",{value:!0}),H.from=function(e,t,n,r,o,a){var i=Object.create(Z);return B.toFlatObject(e,i,(function(e){return e!==Error.prototype}),(function(e){return"isAxiosError"!==e})),H.call(i,e.message,t,n,r,o),i.cause=e,i.name=e.name,a&&Object.assign(i,a),i};var K=H;function q(e){return B.isPlainObject(e)||B.isArray(e)}function Q(e){return B.endsWith(e,"[]")?e.slice(0,-2):e}function J(e,t,n){return e?e.concat(t).map((function(e,t){return e=Q(e),!n&&t?"["+e+"]":e})).join(n?".":""):t}var G=B.toFlatObject(B,{},null,(function(e){return/^is[A-Z]/.test(e)}));var Y=function(e,t,n){if(!B.isObject(e))throw new TypeError("target must be an object");t=t||new FormData;var r=(n=B.toFlatObject(n,{metaTokens:!0,dots:!1,indexes:!1},!1,(function(e,t){return!B.isUndefined(t[e])}))).metaTokens,o=n.visitor||c,a=n.dots,i=n.indexes,u=(n.Blob||"undefined"!==typeof Blob&&Blob)&&B.isSpecCompliantForm(t);if(!B.isFunction(o))throw new TypeError("visitor must be a function");function l(e){if(null===e)return"";if(B.isDate(e))return e.toISOString();if(!u&&B.isBlob(e))throw new K("Blob is not supported. Use a Buffer instead.");return B.isArrayBuffer(e)||B.isTypedArray(e)?u&&"function"===typeof Blob?new Blob([e]):Buffer.from(e):e}function c(e,n,o){var u=e;if(e&&!o&&"object"===typeof e)if(B.endsWith(n,"{}"))n=r?n:n.slice(0,-2),e=JSON.stringify(e);else if(B.isArray(e)&&function(e){return B.isArray(e)&&!e.some(q)}(e)||(B.isFileList(e)||B.endsWith(n,"[]"))&&(u=B.toArray(e)))return n=Q(n),u.forEach((function(e,r){!B.isUndefined(e)&&null!==e&&t.append(!0===i?J([n],r,a):null===i?n:n+"[]",l(e))})),!1;return!!q(e)||(t.append(J(o,n,a),l(e)),!1)}var s=[],f=Object.assign(G,{defaultVisitor:c,convertValue:l,isVisitable:q});if(!B.isObject(e))throw new TypeError("data must be an object");return function e(n,r){if(!B.isUndefined(n)){if(-1!==s.indexOf(n))throw Error("Circular reference detected in "+r.join("."));s.push(n),B.forEach(n,(function(n,a){!0===(!(B.isUndefined(n)||null===n)&&o.call(t,n,B.isString(a)?a.trim():a,r,f))&&e(n,r?r.concat(a):[a])})),s.pop()}}(e),t};function X(e){var t={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(e).replace(/[!'()~]|%20|%00/g,(function(e){return t[e]}))}function ee(e,t){this._pairs=[],e&&Y(e,this,t)}var te=ee.prototype;te.append=function(e,t){this._pairs.push([e,t])},te.toString=function(e){var t=e?function(t){return e.call(this,t,X)}:X;return this._pairs.map((function(e){return t(e[0])+"="+t(e[1])}),"").join("&")};var ne=ee;function re(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function oe(e,t,n){if(!t)return e;var r,o=n&&n.encode||re,a=n&&n.serialize;if(r=a?a(t,n):B.isURLSearchParams(t)?t.toString():new ne(t,n).toString(o)){var i=e.indexOf("#");-1!==i&&(e=e.slice(0,i)),e+=(-1===e.indexOf("?")?"?":"&")+r}return e}var ae,ie=function(){function e(){(0,W.Z)(this,e),this.handlers=[]}return(0,$.Z)(e,[{key:"use",value:function(e,t,n){return this.handlers.push({fulfilled:e,rejected:t,synchronous:!!n&&n.synchronous,runWhen:n?n.runWhen:null}),this.handlers.length-1}},{key:"eject",value:function(e){this.handlers[e]&&(this.handlers[e]=null)}},{key:"clear",value:function(){this.handlers&&(this.handlers=[])}},{key:"forEach",value:function(e){B.forEach(this.handlers,(function(t){null!==t&&e(t)}))}}]),e}(),ue={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},le=n(1413),ce={isBrowser:!0,classes:{URLSearchParams:"undefined"!==typeof URLSearchParams?URLSearchParams:ne,FormData:"undefined"!==typeof FormData?FormData:null,Blob:"undefined"!==typeof Blob?Blob:null},protocols:["http","https","file","blob","url","data"]},se="undefined"!==typeof window&&"undefined"!==typeof document,fe=(ae="undefined"!==typeof navigator&&navigator.product,se&&["ReactNative","NativeScript","NS"].indexOf(ae)<0),de="undefined"!==typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope&&"function"===typeof self.importScripts,pe=(0,le.Z)((0,le.Z)({},r),ce);var he=function(e){function t(e,n,r,o){var a=e[o++],i=Number.isFinite(+a),u=o>=e.length;return a=!a&&B.isArray(r)?r.length:a,u?(B.hasOwnProp(r,a)?r[a]=[r[a],n]:r[a]=n,!i):(r[a]&&B.isObject(r[a])||(r[a]=[]),t(e,n,r[a],o)&&B.isArray(r[a])&&(r[a]=function(e){var t,n,r={},o=Object.keys(e),a=o.length;for(t=0;t-1,a=B.isObject(e);if(a&&B.isHTMLForm(e)&&(e=new FormData(e)),B.isFormData(e))return o&&o?JSON.stringify(he(e)):e;if(B.isArrayBuffer(e)||B.isBuffer(e)||B.isStream(e)||B.isFile(e)||B.isBlob(e))return e;if(B.isArrayBufferView(e))return e.buffer;if(B.isURLSearchParams(e))return t.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),e.toString();if(a){if(r.indexOf("application/x-www-form-urlencoded")>-1)return function(e,t){return Y(e,new pe.classes.URLSearchParams,Object.assign({visitor:function(e,t,n,r){return pe.isNode&&B.isBuffer(e)?(this.append(t,e.toString("base64")),!1):r.defaultVisitor.apply(this,arguments)}},t))}(e,this.formSerializer).toString();if((n=B.isFileList(e))||r.indexOf("multipart/form-data")>-1){var i=this.env&&this.env.FormData;return Y(n?{"files[]":e}:e,i&&new i,this.formSerializer)}}return a||o?(t.setContentType("application/json",!1),function(e,t,n){if(B.isString(e))try{return(t||JSON.parse)(e),B.trim(e)}catch(r){if("SyntaxError"!==r.name)throw r}return(n||JSON.stringify)(e)}(e)):e}],transformResponse:[function(e){var t=this.transitional||ve.transitional,n=t&&t.forcedJSONParsing,r="json"===this.responseType;if(e&&B.isString(e)&&(n&&!this.responseType||r)){var o=!(t&&t.silentJSONParsing)&&r;try{return JSON.parse(e)}catch(a){if(o){if("SyntaxError"===a.name)throw K.from(a,K.ERR_BAD_RESPONSE,this,null,this.response);throw a}}}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:pe.classes.FormData,Blob:pe.classes.Blob},validateStatus:function(e){return e>=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};B.forEach(["delete","get","head","post","put","patch"],(function(e){ve.headers[e]={}}));var me=ve,ye=n(9439),ge=B.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),be=Symbol("internals");function we(e){return e&&String(e).trim().toLowerCase()}function Se(e){return!1===e||null==e?e:B.isArray(e)?e.map(Se):String(e)}function Ee(e,t,n,r,o){return B.isFunction(r)?r.call(this,t,n):(o&&(t=n),B.isString(t)?B.isString(r)?-1!==t.indexOf(r):B.isRegExp(r)?r.test(t):void 0:void 0)}var ke=function(e,t){function n(e){(0,W.Z)(this,n),e&&this.set(e)}return(0,$.Z)(n,[{key:"set",value:function(e,t,n){var r=this;function o(e,t,n){var o=we(t);if(!o)throw new Error("header name must be a non-empty string");var a=B.findKey(r,o);(!a||void 0===r[a]||!0===n||void 0===n&&!1!==r[a])&&(r[a||t]=Se(e))}var a=function(e,t){return B.forEach(e,(function(e,n){return o(e,n,t)}))};return B.isPlainObject(e)||e instanceof this.constructor?a(e,t):B.isString(e)&&(e=e.trim())&&!/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(e.trim())?a(function(e){var t,n,r,o={};return e&&e.split("\n").forEach((function(e){r=e.indexOf(":"),t=e.substring(0,r).trim().toLowerCase(),n=e.substring(r+1).trim(),!t||o[t]&&ge[t]||("set-cookie"===t?o[t]?o[t].push(n):o[t]=[n]:o[t]=o[t]?o[t]+", "+n:n)})),o}(e),t):null!=e&&o(t,e,n),this}},{key:"get",value:function(e,t){if(e=we(e)){var n=B.findKey(this,e);if(n){var r=this[n];if(!t)return r;if(!0===t)return function(e){for(var t,n=Object.create(null),r=/([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;t=r.exec(e);)n[t[1]]=t[2];return n}(r);if(B.isFunction(t))return t.call(this,r,n);if(B.isRegExp(t))return t.exec(r);throw new TypeError("parser must be boolean|regexp|function")}}}},{key:"has",value:function(e,t){if(e=we(e)){var n=B.findKey(this,e);return!(!n||void 0===this[n]||t&&!Ee(0,this[n],n,t))}return!1}},{key:"delete",value:function(e,t){var n=this,r=!1;function o(e){if(e=we(e)){var o=B.findKey(n,e);!o||t&&!Ee(0,n[o],o,t)||(delete n[o],r=!0)}}return B.isArray(e)?e.forEach(o):o(e),r}},{key:"clear",value:function(e){for(var t=Object.keys(this),n=t.length,r=!1;n--;){var o=t[n];e&&!Ee(0,this[o],o,e,!0)||(delete this[o],r=!0)}return r}},{key:"normalize",value:function(e){var t=this,n={};return B.forEach(this,(function(r,o){var a=B.findKey(n,o);if(a)return t[a]=Se(r),void delete t[o];var i=e?function(e){return e.trim().toLowerCase().replace(/([a-z\d])(\w*)/g,(function(e,t,n){return t.toUpperCase()+n}))}(o):String(o).trim();i!==o&&delete t[o],t[i]=Se(r),n[i]=!0})),this}},{key:"concat",value:function(){for(var e,t=arguments.length,n=new Array(t),r=0;r1?n-1:0),o=1;o1?"since :\n"+u.map(ze).join("\n"):" "+ze(u[0]):"as no adapter specified";throw new K("There is no suitable adapter to dispatch the request "+l,"ERR_NOT_SUPPORT")}return n};function Me(e){if(e.cancelToken&&e.cancelToken.throwIfRequested(),e.signal&&e.signal.aborted)throw new _e(null,e)}function Be(e){return Me(e),e.headers=xe.from(e.headers),e.data=Oe.call(e,e.transformRequest),-1!==["post","put","patch"].indexOf(e.method)&&e.headers.setContentType("application/x-www-form-urlencoded",!1),Ue(e.adapter||me.adapter)(e).then((function(t){return Me(e),t.data=Oe.call(e,e.transformResponse,t),t.headers=xe.from(t.headers),t}),(function(t){return Pe(t)||(Me(e),t&&t.response&&(t.response.data=Oe.call(e,e.transformResponse,t.response),t.response.headers=xe.from(t.response.headers))),Promise.reject(t)}))}var We=function(e){return e instanceof xe?e.toJSON():e};function $e(e,t){t=t||{};var n={};function r(e,t,n){return B.isPlainObject(e)&&B.isPlainObject(t)?B.merge.call({caseless:n},e,t):B.isPlainObject(t)?B.merge({},t):B.isArray(t)?t.slice():t}function o(e,t,n){return B.isUndefined(t)?B.isUndefined(e)?void 0:r(void 0,e,n):r(e,t,n)}function a(e,t){if(!B.isUndefined(t))return r(void 0,t)}function i(e,t){return B.isUndefined(t)?B.isUndefined(e)?void 0:r(void 0,e):r(void 0,t)}function u(n,o,a){return a in t?r(n,o):a in e?r(void 0,n):void 0}var l={url:a,method:a,data:a,baseURL:i,transformRequest:i,transformResponse:i,paramsSerializer:i,timeout:i,timeoutMessage:i,withCredentials:i,withXSRFToken:i,adapter:i,responseType:i,xsrfCookieName:i,xsrfHeaderName:i,onUploadProgress:i,onDownloadProgress:i,decompress:i,maxContentLength:i,maxBodyLength:i,beforeRedirect:i,transport:i,httpAgent:i,httpsAgent:i,cancelToken:i,socketPath:i,responseEncoding:i,validateStatus:u,headers:function(e,t){return o(We(e),We(t),!0)}};return B.forEach(Object.keys(Object.assign({},e,t)),(function(r){var a=l[r]||o,i=a(e[r],t[r],r);B.isUndefined(i)&&a!==u||(n[r]=i)})),n}var He="1.6.2",Ze={};["object","boolean","number","function","string","symbol"].forEach((function(e,t){Ze[e]=function(n){return typeof n===e||"a"+(t<1?"n ":" ")+e}}));var Ve={};Ze.transitional=function(e,t,n){function r(e,t){return"[Axios v1.6.2] Transitional option '"+e+"'"+t+(n?". "+n:"")}return function(n,o,a){if(!1===e)throw new K(r(o," has been removed"+(t?" in "+t:"")),K.ERR_DEPRECATED);return t&&!Ve[o]&&(Ve[o]=!0,console.warn(r(o," has been deprecated since v"+t+" and will be removed in the near future"))),!e||e(n,o,a)}};var Ke={assertOptions:function(e,t,n){if("object"!==typeof e)throw new K("options must be an object",K.ERR_BAD_OPTION_VALUE);for(var r=Object.keys(e),o=r.length;o-- >0;){var a=r[o],i=t[a];if(i){var u=e[a],l=void 0===u||i(u,a,e);if(!0!==l)throw new K("option "+a+" must be "+l,K.ERR_BAD_OPTION_VALUE)}else if(!0!==n)throw new K("Unknown option "+a,K.ERR_BAD_OPTION)}},validators:Ze},qe=Ke.validators,Qe=function(){function e(t){(0,W.Z)(this,e),this.defaults=t,this.interceptors={request:new ie,response:new ie}}return(0,$.Z)(e,[{key:"request",value:function(e,t){"string"===typeof e?(t=t||{}).url=e:t=e||{};var n=t=$e(this.defaults,t),r=n.transitional,o=n.paramsSerializer,a=n.headers;void 0!==r&&Ke.assertOptions(r,{silentJSONParsing:qe.transitional(qe.boolean),forcedJSONParsing:qe.transitional(qe.boolean),clarifyTimeoutError:qe.transitional(qe.boolean)},!1),null!=o&&(B.isFunction(o)?t.paramsSerializer={serialize:o}:Ke.assertOptions(o,{encode:qe.function,serialize:qe.function},!0)),t.method=(t.method||this.defaults.method||"get").toLowerCase();var i=a&&B.merge(a.common,a[t.method]);a&&B.forEach(["delete","get","head","post","put","patch","common"],(function(e){delete a[e]})),t.headers=xe.concat(i,a);var u=[],l=!0;this.interceptors.request.forEach((function(e){"function"===typeof e.runWhen&&!1===e.runWhen(t)||(l=l&&e.synchronous,u.unshift(e.fulfilled,e.rejected))}));var c,s=[];this.interceptors.response.forEach((function(e){s.push(e.fulfilled,e.rejected)}));var f,d=0;if(!l){var p=[Be.bind(this),void 0];for(p.unshift.apply(p,u),p.push.apply(p,s),f=p.length,c=Promise.resolve(t);d0;)r._listeners[t](e);r._listeners=null}})),this.promise.then=function(e){var t,n=new Promise((function(e){r.subscribe(e),t=e})).then(e);return n.cancel=function(){r.unsubscribe(t)},n},t((function(e,t,o){r.reason||(r.reason=new _e(e,t,o),n(r.reason))}))}return(0,$.Z)(e,[{key:"throwIfRequested",value:function(){if(this.reason)throw this.reason}},{key:"subscribe",value:function(e){this.reason?e(this.reason):this._listeners?this._listeners.push(e):this._listeners=[e]}},{key:"unsubscribe",value:function(e){if(this._listeners){var t=this._listeners.indexOf(e);-1!==t&&this._listeners.splice(t,1)}}}],[{key:"source",value:function(){var t;return{token:new e((function(e){t=e})),cancel:t}}}]),e}();var Ye={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(Ye).forEach((function(e){var t=(0,ye.Z)(e,2),n=t[0],r=t[1];Ye[r]=n}));var Xe=Ye;var et=function e(t){var n=new Je(t),r=u(Je.prototype.request,n);return B.extend(r,Je.prototype,n,{allOwnKeys:!0}),B.extend(r,n,null,{allOwnKeys:!0}),r.create=function(n){return e($e(t,n))},r}(me);et.Axios=Je,et.CanceledError=_e,et.CancelToken=Ge,et.isCancel=Pe,et.VERSION=He,et.toFormData=Y,et.AxiosError=K,et.Cancel=et.CanceledError,et.all=function(e){return Promise.all(e)},et.spread=function(e){return function(t){return e.apply(null,t)}},et.isAxiosError=function(e){return B.isObject(e)&&!0===e.isAxiosError},et.mergeConfig=$e,et.AxiosHeaders=xe,et.formToJSON=function(e){return he(B.isHTMLForm(e)?new FormData(e):e)},et.getAdapter=Ue,et.HttpStatusCode=Xe,et.default=et;var tt=et,nt=n(6382);tt.defaults.baseURL="https://64ecb723f9b2b70f2bfad3ff.mockapi.io";var rt=12,ot=function(){var e=(0,o.Z)(i().mark((function e(t,n){var r;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,tt.get("/adverts");case 3:return r=e.sent,e.abrupt("return",r.data);case 7:return e.prev=7,e.t0=e.catch(0),e.abrupt("return",n.rejectWithValue(e.t0.message));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(t,n){return e.apply(this,arguments)}}(),at=function(){var e=(0,o.Z)(i().mark((function e(t,n){var r;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,console.log("page in getCars",t),e.next=4,tt.get("/adverts?page=".concat(t,"&limit=").concat(rt));case 4:return r=e.sent,e.abrupt("return",r.data);case 8:return e.prev=8,e.t0=e.catch(0),e.abrupt("return",n.rejectWithValue(e.t0.message));case 11:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(t,n){return e.apply(this,arguments)}}(),it=function(){var e=(0,o.Z)(i().mark((function e(t,n){var r,o;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,r="all"===t.value?"page=1&limit=".concat(rt):"make=".concat(t.value),console.log("filterBrand in getFilterCars",t),console.log("endPoint",r),e.next=6,tt.get("/adverts?".concat(r));case 6:return o=e.sent,e.abrupt("return",o.data);case 10:return e.prev=10,e.t0=e.catch(0),e.abrupt("return",n.rejectWithValue(e.t0.message));case 13:case"end":return e.stop()}}),e,null,[[0,10]])})));return function(t,n){return e.apply(this,arguments)}}(),ut=(0,nt.hg)("cars/getCars",at),lt=(0,nt.hg)("cars/getAllCars",ot),ct=(0,nt.hg)("cars/getFilterCars",it)},3572:function(e,t,n){"use strict";n.d(t,{uB:function(){return S},KV:function(){return E},v4:function(){return b}});var r=n(5263);function o(e){return o="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"===typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t,n,r){r.debug;var u=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var y=n(5752),g=(0,n(6382).oM)({name:"favoriteCars",initialState:{favorites:[]},reducers:{addFavoriteCar:function(e,t){var n=t.payload;e.favorites.push(n)},deleteFavoriteCar:function(e,t){var n=t.payload,r=e.favorites.findIndex((function(e){return e.id===n}));e.favorites.splice(r,1)}}}),b=function(e,t){var n=void 0!==e.version?e.version:r.eQ,o=(e.debug,void 0===e.stateReconciler?u:e.stateReconciler),a=e.getStoredState||s,i=void 0!==e.timeout?e.timeout:5e3,c=null,f=!1,p=!0,v=function(e){return e._persist.rehydrated&&c&&!p&&c.update(e),e};return function(u,s){var y=u||{},g=y._persist,b=m(y,["_persist"]);if(s.type===r.ex){var w=!1,S=function(t,n){w||(s.rehydrate(e.key,t,n),w=!0)};if(i&&setTimeout((function(){!w&&S(void 0,new Error('redux-persist: persist timed out for persist key "'.concat(e.key,'"')))}),i),p=!1,c||(c=l(e)),g)return h({},t(b,s),{_persist:g});if("function"!==typeof s.rehydrate||"function"!==typeof s.register)throw new Error("redux-persist: either rehydrate or register is not a function on the PERSIST action. This can happen if the action is being replayed. This is an unexplored use case, please open an issue and we will figure out a resolution.");return s.register(e.key),a(e).then((function(t){(e.migrate||function(e,t){return Promise.resolve(e)})(t,n).then((function(e){S(e)}),(function(e){S(void 0,e)}))}),(function(e){S(void 0,e)})),h({},t(b,s),{_persist:{version:n,rehydrated:!1}})}if(s.type===r.e)return f=!0,s.result(function(e){var t=e.storage,n="".concat(void 0!==e.keyPrefix?e.keyPrefix:r.Q2).concat(e.key);return t.removeItem(n,d)}(e)),h({},t(b,s),{_persist:g});if(s.type===r._P)return s.result(c&&c.flush()),h({},t(b,s),{_persist:g});if(s.type===r.E7)p=!0;else if(s.type===r.I2){if(f)return h({},b,{_persist:h({},g,{rehydrated:!0})});if(s.key===e.key){var E=t(b,s),k=s.payload,x=h({},!1!==o&&void 0!==k?o(k,u,E,e):E,{_persist:h({},g,{rehydrated:!0})});return v(x)}}if(!g)return t(u,s);var O=t(b,s);return O===b?u:v(h({},O,{_persist:g}))}}({key:"favoriteCars",storage:y.Z,whitelist:["favorites"]},g.reducer),w=g.actions,S=w.addFavoriteCar,E=w.deleteFavoriteCar},1634:function(e,t,n){"use strict";n.d(t,{WZ:function(){return a},uD:function(){return o}});var r=(0,n(6382).oM)({name:"filter",initialState:{brand:{value:"all",label:"Enter the text"}},reducers:{brandSet:function(e,t){var n=t.payload;e.brand=n}}}),o=r.reducer,a=r.actions.brandSet},8952:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var r={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1}},6382:function(e,t,n){"use strict";function r(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r3?t.i-4:t.i:Array.isArray(e)?1:d(e)?2:p(e)?3:0}function l(e,t){return 2===u(e)?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function c(e,t){return 2===u(e)?e.get(t):e[t]}function s(e,t,n){var r=u(e);2===r?e.set(t,n):3===r?e.add(n):e[t]=n}function f(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function d(e){return W&&e instanceof Map}function p(e){return $&&e instanceof Set}function h(e){return e.o||e.t}function v(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=J(e);delete t[K];for(var n=Q(t),r=0;r1&&(e.set=e.add=e.clear=e.delete=y),Object.freeze(e),t&&i(e,(function(e,t){return m(t,!0)}),!0)),e}function y(){r(2)}function g(e){return null==e||"object"!=typeof e||Object.isFrozen(e)}function b(e){var t=G[e];return t||r(18,e),t}function w(e,t){G[e]||(G[e]=t)}function S(){return M}function E(e,t){t&&(b("Patches"),e.u=[],e.s=[],e.v=t)}function k(e){x(e),e.p.forEach(P),e.p=null}function x(e){e===M&&(M=e.l)}function O(e){return M={p:[],l:M,h:e,m:!0,_:0}}function P(e){var t=e[K];0===t.i||1===t.i?t.j():t.g=!0}function C(e,t){t._=t.p.length;var n=t.p[0],o=void 0!==e&&e!==n;return t.h.O||b("ES5").S(t,e,o),o?(n[K].P&&(k(t),r(4)),a(e)&&(e=_(t,e),t.l||T(t,e)),t.u&&b("Patches").M(n[K].t,e,t.u,t.s)):e=_(t,n,[]),k(t),t.u&&t.v(t.u,t.s),e!==Z?e:void 0}function _(e,t,n){if(g(t))return t;var r=t[K];if(!r)return i(t,(function(o,a){return R(e,r,t,o,a,n)}),!0),t;if(r.A!==e)return t;if(!r.P)return T(e,r.t,!0),r.t;if(!r.I){r.I=!0,r.A._--;var o=4===r.i||5===r.i?r.o=v(r.k):r.o,a=o,u=!1;3===r.i&&(a=new Set(o),o.clear(),u=!0),i(a,(function(t,a){return R(e,r,o,t,a,n,u)})),T(e,o,!1),n&&e.u&&b("Patches").N(r,n,e.u,e.s)}return r.o}function R(e,t,n,r,i,u,c){if(o(i)){var f=_(e,i,u&&t&&3!==t.i&&!l(t.R,r)?u.concat(r):void 0);if(s(n,r,f),!o(f))return;e.m=!1}else c&&n.add(i);if(a(i)&&!g(i)){if(!e.h.D&&e._<1)return;_(e,i),t&&t.A.l||T(e,i)}}function T(e,t,n){void 0===n&&(n=!1),!e.l&&e.h.D&&e.m&&m(t,n)}function j(e,t){var n=e[K];return(n?h(n):e)[t]}function N(e,t){if(t in e)for(var n=Object.getPrototypeOf(e);n;){var r=Object.getOwnPropertyDescriptor(n,t);if(r)return r;n=Object.getPrototypeOf(n)}}function A(e){e.P||(e.P=!0,e.l&&A(e.l))}function L(e){e.o||(e.o=v(e.t))}function D(e,t,n){var r=d(t)?b("MapSet").F(t,n):p(t)?b("MapSet").T(t,n):e.O?function(e,t){var n=Array.isArray(e),r={i:n?1:0,A:t?t.A:S(),P:!1,I:!1,R:{},l:t,t:e,k:null,o:null,j:null,C:!1},o=r,a=Y;n&&(o=[r],a=X);var i=Proxy.revocable(o,a),u=i.revoke,l=i.proxy;return r.k=l,r.j=u,l}(t,n):b("ES5").J(t,n);return(n?n.A:S()).p.push(r),r}function I(e){return o(e)||r(22,e),function e(t){if(!a(t))return t;var n,r=t[K],o=u(t);if(r){if(!r.P&&(r.i<4||!b("ES5").K(r)))return r.t;r.I=!0,n=z(t,o),r.I=!1}else n=z(t,o);return i(n,(function(t,o){r&&c(r.t,t)===o||s(n,t,e(o))})),3===o?new Set(n):n}(e)}function z(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return v(e)}function F(){function e(e,t){var n=a[e];return n?n.enumerable=t:a[e]=n={configurable:!0,enumerable:t,get:function(){var t=this[K];return Y.get(t,e)},set:function(t){var n=this[K];Y.set(n,e,t)}},n}function t(e){for(var t=e.length-1;t>=0;t--){var o=e[t][K];if(!o.P)switch(o.i){case 5:r(o)&&A(o);break;case 4:n(o)&&A(o)}}}function n(e){for(var t=e.t,n=e.k,r=Q(n),o=r.length-1;o>=0;o--){var a=r[o];if(a!==K){var i=t[a];if(void 0===i&&!l(t,a))return!0;var u=n[a],c=u&&u[K];if(c?c.t!==i:!f(u,i))return!0}}var s=!!t[K];return r.length!==Q(t).length+(s?0:1)}function r(e){var t=e.k;if(t.length!==e.t.length)return!0;var n=Object.getOwnPropertyDescriptor(t,t.length-1);if(n&&!n.get)return!0;for(var r=0;r1?r-1:0),a=1;a1?r-1:0),a=1;a=0;n--){var r=t[n];if(0===r.path.length&&"replace"===r.op){e=r.value;break}}n>-1&&(t=t.slice(n+1));var a=b("Patches").$;return o(e)?a(e,t):this.produce(e,(function(e){return a(e,t)}))},e}(),te=new ee,ne=te.produce,re=(te.produceWithPatches.bind(te),te.setAutoFreeze.bind(te),te.setUseProxies.bind(te),te.applyPatches.bind(te),te.createDraft.bind(te),te.finishDraft.bind(te),ne),oe=n(7781);function ae(e){return function(t){var n=t.dispatch,r=t.getState;return function(t){return function(o){return"function"===typeof o?o(n,r,e):t(o)}}}}var ie=ae();ie.withExtraArgument=ae;var ue=ie,le=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},e(t,n)};return function(t,n){if("function"!==typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),ce=function(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"===typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(a){return function(u){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===a[0]||2===a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]=0&&(t.hash=e.substr(n),e=e.substr(0,n));var r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}function C(e,t,n,r){void 0===r&&(r={});var o=r,a=o.window,i=void 0===a?document.defaultView:a,u=o.v5Compat,l=void 0!==u&&u,c=i.history,s=v.Pop,f=null,d=p();function p(){return(c.state||{idx:null}).idx}function h(){s=v.Pop;var e=p(),t=null==e?null:e-d;d=e,f&&f({action:s,location:g.location,delta:t})}function m(e){var t="null"!==i.location.origin?i.location.origin:i.location.href,n="string"===typeof e?e:O(e);return S(t,"No window.location.(origin|href) available to create URL for href: "+n),new URL(n,t)}null==d&&(d=0,c.replaceState(y({},c.state,{idx:d}),""));var g={get action(){return s},get location(){return e(i,c)},listen:function(e){if(f)throw new Error("A history only accepts one active listener");return i.addEventListener(b,h),f=e,function(){i.removeEventListener(b,h),f=null}},createHref:function(e){return t(i,e)},createURL:m,encodeLocation:function(e){var t=m(e);return{pathname:t.pathname,search:t.search,hash:t.hash}},push:function(e,t){s=v.Push;var r=x(g.location,e,t);n&&n(r,e);var o=k(r,d=p()+1),a=g.createHref(r);try{c.pushState(o,"",a)}catch(u){if(u instanceof DOMException&&"DataCloneError"===u.name)throw u;i.location.assign(a)}l&&f&&f({action:s,location:g.location,delta:1})},replace:function(e,t){s=v.Replace;var r=x(g.location,e,t);n&&n(r,e);var o=k(r,d=p()),a=g.createHref(r);c.replaceState(o,"",a),l&&f&&f({action:s,location:g.location,delta:0})},go:function(e){return c.go(e)}};return g}!function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"}(g||(g={}));new Set(["lazy","caseSensitive","path","id","index","children"]);function _(e,t,n){void 0===n&&(n="/");var r=z(("string"===typeof t?P(t):t).pathname||"/",n);if(null==r)return null;var o=R(e);!function(e){e.sort((function(e,t){return e.score!==t.score?t.score-e.score:function(e,t){var n=e.length===t.length&&e.slice(0,-1).every((function(e,n){return e===t[n]}));return n?e[e.length-1]-t[t.length-1]:0}(e.routesMeta.map((function(e){return e.childrenIndex})),t.routesMeta.map((function(e){return e.childrenIndex})))}))}(o);for(var a=null,i=0;null==a&&i0&&(S(!0!==e.index,'Index routes must not have child routes. Please remove all child routes from route path "'+u+'".'),R(e.children,t,l,u)),(null!=e.path||e.index)&&t.push({path:u,score:A(u,e.index),routesMeta:l})};return e.forEach((function(e,t){var n;if(""!==e.path&&null!=(n=e.path)&&n.includes("?")){var r,a=function(e,t){var n="undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=(0,h.Z)(e))||t&&e&&"number"===typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){u=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(u)throw a}}}}(T(e.path));try{for(a.s();!(r=a.n()).done;){var i=r.value;o(e,t,i)}}catch(u){a.e(u)}finally{a.f()}}else o(e,t)})),t}function T(e){var t=e.split("/");if(0===t.length)return[];var n=(0,p.Z)(t),r=n[0],o=n.slice(1),a=r.endsWith("?"),i=r.replace(/\?$/,"");if(0===o.length)return a?[i,""]:[i];var u=T(o.join("/")),l=[];return l.push.apply(l,(0,m.Z)(u.map((function(e){return""===e?i:[i,e].join("/")})))),a&&l.push.apply(l,(0,m.Z)(u)),l.map((function(t){return e.startsWith("/")&&""===t?"/":t}))}var j=/^:\w+$/,N=function(e){return"*"===e};function A(e,t){var n=e.split("/"),r=n.length;return n.some(N)&&(r+=-2),t&&(r+=2),n.filter((function(e){return!N(e)})).reduce((function(e,t){return e+(j.test(t)?3:""===t?1:10)}),r)}function L(e,t){for(var n=e.routesMeta,r={},o="/",a=[],i=0;i and the router will parse it for you.'}function U(e){return e.filter((function(e,t){return 0===t||e.route.path&&e.route.path.length>0}))}function M(e){return U(e).map((function(t,n){return n===e.length-1?t.pathname:t.pathnameBase}))}function B(e,t,n,r){var o;void 0===r&&(r=!1),"string"===typeof e?o=P(e):(S(!(o=y({},e)).pathname||!o.pathname.includes("?"),F("?","pathname","search",o)),S(!o.pathname||!o.pathname.includes("#"),F("#","pathname","hash",o)),S(!o.search||!o.search.includes("#"),F("#","search","hash",o)));var a,i=""===e||""===o.pathname,u=i?"/":o.pathname;if(null==u)a=n;else if(r){var l=t[t.length-1].replace(/^\//,"").split("/");if(u.startsWith("..")){for(var c=u.split("/");".."===c[0];)c.shift(),l.pop();o.pathname=c.join("/")}a="/"+l.join("/")}else{var s=t.length-1;if(u.startsWith("..")){for(var f=u.split("/");".."===f[0];)f.shift(),s-=1;o.pathname=f.join("/")}a=s>=0?t[s]:"/"}var d=function(e,t){void 0===t&&(t="/");var n="string"===typeof e?P(e):e,r=n.pathname,o=n.search,a=void 0===o?"":o,i=n.hash,u=void 0===i?"":i,l=r?r.startsWith("/")?r:function(e,t){var n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach((function(e){".."===e?n.length>1&&n.pop():"."!==e&&n.push(e)})),n.length>1?n.join("/"):"/"}(r,t):t;return{pathname:l,search:H(a),hash:Z(u)}}(o,a),p=u&&"/"!==u&&u.endsWith("/"),h=(i||"."===u)&&n.endsWith("/");return d.pathname.endsWith("/")||!p&&!h||(d.pathname+="/"),d}var W=function(e){return e.join("/").replace(/\/\/+/g,"/")},$=function(e){return e.replace(/\/+$/,"").replace(/^\/*/,"/")},H=function(e){return e&&"?"!==e?e.startsWith("?")?e:"?"+e:""},Z=function(e){return e&&"#"!==e?e.startsWith("#")?e:"#"+e:""},V=function(e){(0,a.Z)(n,e);var t=(0,i.Z)(n);function n(){return(0,o.Z)(this,n),t.apply(this,arguments)}return(0,r.Z)(n)}(f(Error));function K(e){return null!=e&&"number"===typeof e.status&&"string"===typeof e.statusText&&"boolean"===typeof e.internal&&"data"in e}var q=["post","put","patch","delete"],Q=(new Set(q),["get"].concat(q));new Set(Q),new Set([301,302,303,307,308]),new Set([307,308]);Symbol("deferred")},2110:function(e,t,n){"use strict";var r=n(8309),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},u={};function l(e){return r.isMemo(e)?i:u[e.$$typeof]||o}u[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},u[r.Memo]=i;var c=Object.defineProperty,s=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!==typeof n){if(h){var o=p(n);o&&o!==h&&e(t,o,r)}var i=s(n);f&&(i=i.concat(f(n)));for(var u=l(t),v=l(n),m=0;m