\n \n

{item.product.name}

₦{item.product.price}

\n setQuantity(e.target.value)}\n />\n \n

\n \n \n );\n};\n\nexport default CartItem;",[],[151,170,177],{"_102":187,"_95":188,"_152":189,"_154":171,"_155":137,"_156":190,"_158":159,"_104":191,"_99":157,"_161":182,"_163":192,"_164":22,"_165":-5,"_166":193,"_98":194},"8433c150-354b-11f0-90db-9e149126039e","ErrorBoundary.jsx","0dbeb9d0-354b-11f0-a0ac-9e149126039e",66,["D",1747725890522],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { Component } from \"react\";\n\nclass ErrorBoundary extends Component {\n state = { hasError: false };\n\n static getDerivedStateFromError() {\n return { hasError: true };\n }\n\n render() {\n if (this.state.hasError) {\n return (\n

Something went wrong

\n window.location.reload()}\n >\n Try Again\n \n

\n );\n }\n return this.props.children;\n }\n}\n\nexport default ErrorBoundary;",[],[151,170,188],{"_102":196,"_95":197,"_152":198,"_154":171,"_155":137,"_156":199,"_158":159,"_104":200,"_99":157,"_161":182,"_163":201,"_164":22,"_165":-5,"_166":202,"_98":203},"935fbcce-354b-11f0-9932-9e149126039e","Pagination.jsx","60b9a100-354a-11f0-b104-9e149126039e",67,["D",1747725915975],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nconst Pagination = ({ currentPage, totalPages, onPageChange }) => {\n return (\n \n );\n};\n\nexport default Pagination;",[],[151,170,197],{"_102":205,"_95":206,"_152":207,"_154":171,"_155":137,"_156":208,"_158":159,"_104":209,"_99":157,"_161":182,"_163":210,"_164":22,"_165":-5,"_166":211,"_98":212},"9c3ea562-354b-11f0-9f66-9e149126039e","ProductFilters.jsx","34926670-354a-11f0-b932-9e149126039e",68,["D",1747725930856],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { Form } from \"react-bootstrap\";\n\nconst ProductFilters = ({ filters, onFilterChange }) => {\n return (\n

\n \n onFilterChange(\"searchTerm\", e.target.value)}\n />\n \n\n

\n Min Price\n onFilterChange(\"minPrice\", e.target.value)}\n />\n

\n\n

\n Max Price\n onFilterChange(\"maxPrice\", e.target.value)}\n />\n

\n\n

\n Sort By\n {\n const [field, order] = e.target.value.split(\"-\");\n onFilterChange(\"sortField\", field);\n onFilterChange(\"sortOrder\", order);\n }}\n >\n \n \n \n \n \n

\n );\n};\n\nexport default ProductFilters;",[],[151,170,206],{"_102":214,"_95":215,"_152":216,"_154":171,"_155":137,"_156":217,"_158":159,"_104":218,"_99":157,"_161":182,"_163":219,"_164":22,"_165":-5,"_166":220,"_98":221},"a1831350-354b-11f0-90db-9e149126039e","ProductForm.jsx","860efcc0-354a-11f0-b2d3-9e149126039e",69,["D",1747725939697],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { ErrorMessage, Field, Form, Formik } from \"formik\";\nimport * as Yup from \"yup\";\n\nconst productSchema = Yup.object().shape({\n name: Yup.string().required(\"Product name is required\"),\n description: Yup.string().required(\"Description is required\"),\n price: Yup.number()\n .required(\"Price is required\")\n .min(1, \"Price must be at least ₦1\"),\n count: Yup.number()\n .required(\"Quantity is required\")\n .min(1, \"Quantity must be at least 1\"),\n category: Yup.string().required(\"Category is required\"),\n thumbNail: Yup.mixed().required(\"Product image is required\"),\n});\n\nconst ProductForm = ({ onSubmit }) => (\n {\n const formData = new FormData();\n Object.entries(values).forEach(([key, value]) => {\n formData.append(key, value);\n });\n onSubmit(formData);\n resetForm();\n }}\n >\n {({ setFieldValue }) => (\n \n )}\n \n);\n\nexport default ProductForm;",[],[151,170,215],{"_102":223,"_95":224,"_152":225,"_154":171,"_155":137,"_156":226,"_158":159,"_104":227,"_99":181,"_161":182,"_163":228,"_164":22,"_165":-5,"_166":229,"_98":230},"a6a100ea-354b-11f0-9d3f-9e149126039e","ProductList.jsx","888a4462-3547-11f0-bb05-9e149126039e",70,["D",1747725948279],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { Button } from \"react-bootstrap\";\n\nconst ProductList = ({ products, onUpdate }) => {\n const handlePublish = async (productId, publish) => {\n try {\n await api.patch(\"/partners/product/publish\", {\n productId,\n publish,\n });\n onUpdate();\n } catch (error) {\n console.error(\"Error updating product:\", error);\n }\n };\n\n return (\n

\n {products.map((product) => (\n

{product.name}

{product.description}

Price: ₦{product.price}

\n handlePublish(product._id, !product.published)}\n >\n {product.published ? \"Published\" : \"Unpublished\"}\n \n

\n ))}\n

\n );\n};\n\nexport default ProductList;",[],[151,170,224],[151,170],{"_102":233,"_95":234,"_152":235,"_154":153,"_155":137,"_156":236,"_158":159,"_104":237,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":238,"_98":249},"c17b914c-3545-11f0-832b-9e149126039e","context","b3a6fcdc-3545-11f0-bff3-9e149126039e",5,["D",1747723416353],[239],{"_102":240,"_95":241,"_152":242,"_154":235,"_155":137,"_156":243,"_158":159,"_104":244,"_99":245,"_161":182,"_163":246,"_164":22,"_165":-5,"_166":247,"_98":248},"ab8cf35c-354b-11f0-ac86-9e149126039e","AuthContext.jsx","cb6f4266-3545-11f0-bff3-9e149126039e",71,["D",1747725956539],6,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { createContext, useContext, useState } from \"react\";\n\nconst AuthContext = createContext();\n\nexport const AuthProvider = ({ children }) => {\n const [user, setUser] = useState(null);\n const [token, setToken] = useState(null);\n\n const login = (userData, authToken) => {\n setUser(userData);\n setToken(authToken);\n localStorage.setItem(\"authToken\", authToken);\n };\n\n const logout = () => {\n setUser(null);\n setToken(null);\n localStorage.removeItem(\"authToken\");\n };\n\n return (\n \n {children}\n \n );\n};\n\nexport const useAuth = () => useContext(AuthContext);",[],[151,234,241],[151,234],{"_102":251,"_95":252,"_152":253,"_154":153,"_155":137,"_156":254,"_158":159,"_104":255,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":256,"_98":293},"ff6d679a-3546-11f0-8404-9e149126039e","pages","fa3418a0-3546-11f0-b3f5-9e149126039e",21,["D",1747723949777],[257,266,275,284],{"_102":258,"_95":259,"_152":260,"_154":253,"_155":137,"_156":261,"_158":159,"_104":262,"_99":157,"_161":182,"_163":263,"_164":22,"_165":-5,"_166":264,"_98":265},"b437fd1c-354b-11f0-89a5-9e149126039e","CheckoutPage.jsx","ecb393e2-3549-11f0-9d89-9e149126039e",72,["D",1747725971081],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { ErrorMessage, Field, Form, Formik } from \"formik\";\nimport { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport * as Yup from \"yup\";\nimport { api } from \"../api\";\n\nconst checkoutSchema = Yup.object().shape({\n paymentMethod: Yup.string()\n .required(\"Required\"),\n points: Yup.number()\n .when(\"paymentMethod\", {\n is: \"card_and_points\",\n then: Yup.number().required(\"Points required\").min(1),\n }),\n});\n\nconst CheckoutPage = () => {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const navigate = useNavigate();\n\n const handleCheckout = async (values) => {\n setLoading(true);\n try {\n const response = await api.patch(\"/customer/cart/checkout\", {\n cartIds: values.cartIds,\n paymentMethod: values.paymentMethod,\n point: values.points || 0,\n });\n navigate(`/payment/${response.data.transactionId}`);\n } catch (err) {\n setError(err.response?.data?.message || \"Checkout failed\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

Checkout

\n \n {({ values }) => (\n

\n );\n};\n\nexport default CheckoutPage;",[],[151,252,259],{"_102":267,"_95":268,"_152":269,"_154":253,"_155":137,"_156":270,"_158":159,"_104":271,"_99":181,"_161":182,"_163":272,"_164":22,"_165":-5,"_166":273,"_98":274},"ba63a42a-354b-11f0-b104-9e149126039e","PartnerDashboard.jsx","438320a0-3547-11f0-8ed7-9e149126039e",73,["D",1747725981434],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { useEffect, useState } from \"react\";\nimport { api } from \"../api\";\nimport ProductForm from \"../components/ProductForm\";\nimport ProductList from \"../components/ProductList\";\n\nconst PartnerDashboard = () => {\n const [products, setProducts] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const fetchProducts = async () => {\n try {\n const response = await api.get(\"/partners/all-product\");\n setProducts(response.data.products);\n setLoading(false);\n } catch (error) {\n console.error(\"Error fetching products:\", error);\n }\n };\n\n useEffect(() => {\n fetchProducts();\n }, []);\n\n const handleCreateProduct = async (formData) => {\n try {\n await api.post(\"/partners/product\", formData, {\n headers: {\n \"Content-Type\": \"multipart/form-data\",\n },\n });\n fetchProducts();\n } catch (error) {\n console.error(\"Error creating product:\", error);\n }\n };\n\n return (\n

Partner Dashboard

\n \n

Your Products

\n {loading ?

: }\n

\n );\n};\n\nexport default PartnerDashboard;",[],[151,252,268],{"_102":276,"_95":277,"_152":278,"_154":253,"_155":137,"_156":279,"_158":159,"_104":280,"_99":181,"_161":182,"_163":281,"_164":22,"_165":-5,"_166":282,"_98":283},"c0933162-354b-11f0-9932-9e149126039e","PartnerLogin.jsx","0ec3d972-3547-11f0-a27b-9e149126039e",74,["D",1747725991811],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { useState } from \"react\";\nimport { useNavigate } from \"react-router-dom\";\nimport { api } from \"../api\";\nimport { useAuth } from \"../context/AuthContext\";\n\nconst PartnerLogin = () => {\n const [formData, setFormData] = useState({\n email: \"akintobby@gmail.com\",\n password: \"Anonymous@123\",\n });\n const { login } = useAuth();\n const navigate = useNavigate();\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n try {\n const response = await api.post(\"/partner\", formData);\n login(response.data.partner, response.data.token);\n navigate(\"/partner/dashboard\");\n } catch (error) {\n console.error(\"Login failed:\", error);\n }\n };\n\n return (\n

Partner Login

\n \n

\n );\n};\n\nexport default PartnerLogin;",[],[151,252,277],{"_102":285,"_95":286,"_152":287,"_154":253,"_155":137,"_156":288,"_158":159,"_104":289,"_99":181,"_161":182,"_163":290,"_164":22,"_165":-5,"_166":291,"_98":292},"c65aa008-354b-11f0-9d3f-9e149126039e","ProductsPage.jsx","aab7ba38-3547-11f0-a6d6-9e149126039e",75,["D",1747726001507],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { useEffect, useState } from \"react\";\nimport { api } from \"../api\";\nimport ProductCard from \"../components/ProductCard\";\n\nconst ProductsPage = () => {\n const [products, setProducts] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const fetchProducts = async () => {\n try {\n const response = await api.get(\"/customer/products\");\n setProducts(response.data.products);\n setLoading(false);\n } catch (error) {\n console.error(\"Error fetching products:\", error);\n }\n };\n\n useEffect(() => {\n fetchProducts();\n }, []);\n\n return (\n

All Products

\n {loading ?

: (\n products.map((product) => (\n

\n \n

\n ))\n )}\n

\n );\n};\n\nexport default ProductsPage;",[],[151,252,286],[151,252],{"_102":295,"_95":296,"_152":297,"_154":153,"_155":137,"_156":298,"_158":159,"_104":299,"_99":181,"_161":182,"_163":300,"_164":22,"_165":-5,"_166":301,"_98":302},"cb304f60-354b-11f0-88cc-9e149126039e","App.jsx","befd86cc-3546-11f0-9b0d-9e149126039e",76,["D",1747726009615],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { BrowserRouter as Router, Route, Routes } from \"react-router-dom\";\nimport { AuthProvider } from \"./context/AuthContext\";\nimport CartPage from \"./pages/CartPage\";\nimport PartnerDashboard from \"./pages/PartnerDashboard\";\nimport PartnerLogin from \"./pages/PartnerLogin\";\nimport ProductDetail from \"./pages/ProductDetail\";\nimport ProductsPage from \"./pages/ProductsPage\";\n\nfunction App() {\n return (\n \n \n \n } />\n } />\n } />\n } />\n } />\n } />\n \n \n \n );\n}\n\nexport default App;",[],[151,296],{"_102":304,"_95":305,"_152":306,"_154":153,"_155":137,"_156":136,"_158":159,"_104":307,"_99":157,"_161":182,"_163":308,"_164":22,"_165":-5,"_166":309,"_98":310},"d037e982-354b-11f0-ab0b-9e149126039e","api.js","9832895c-3546-11f0-a52f-9e149126039e",["D",1747726018057],"import axios from \"axios\";\n\nconst baseURL = \"https://khefue-backend.azurewebsites.net/khefue/api/v1\";\n\nexport const api = axios.create({\n baseURL,\n headers: {\n \"Content-Type\": \"application/json\",\n },\n});\n\napi.interceptors.request.use((config) => {\n const token = localStorage.getItem(\"authToken\");\n if (token) {\n config.headers.Authorization = `Bearer ${token}`;\n }\n return config;\n});",[],[151,305],{"_102":312,"_95":313,"_152":314,"_154":153,"_155":137,"_156":315,"_158":159,"_104":316,"_99":157,"_161":317,"_163":318,"_164":22,"_165":-5,"_166":319,"_98":320},"f49f9e4c-354a-11f0-8aae-9e149126039e","index.css","c76a250a-354a-11f0-b2d3-9e149126039e",61,["D",1747725649637],"file",":root {\n --primary-color: #264D14;\n --secondary-color: #264653;\n}\n\n.navbar {\n background-color: var(--secondary-color) !important;\n}\n\n.btn-primary {\n background-color: var(--primary-color);\n border-color: var(--primary-color);\n}\n\n.product-card {\n transition: transform 0.3s ease;\n border: none;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n}\n\n.product-card:hover {\n transform: translateY(-5px);\n}\n\n.product-image {\n height: 200px;\n object-fit: cover;\n}\n\n.loading-spinner {\n width: 3rem;\n height: 3rem;\n}",[],[151,313],[151],{"_102":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":117,"_158":159,"_104":326,"_99":32,"_161":317,"_163":327,"_164":22,"_165":-5,"_166":328,"_98":329},"6ddb7958-3545-11f0-9c96-9e149126039e","README.md","6ddb7a02-3545-11f0-9c96-9e149126039e",["D",1747723276048],"# e-comm-test",[],[324],"files",[149,168,175,186,195,204,213,222,232,239,250,257,266,275,284,294,303,311,322],"counts",{"_334":32,"_335":117,"_336":32,"_337":338},"pulls","branches","forks","envVars",{"_339":32,"_340":32},"count","emptyCount","contents",[343,346],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":344,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":345},["D",1747723376782],[151],{"_102":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":117,"_158":159,"_104":347,"_99":32,"_161":317,"_163":327,"_164":22,"_165":-5,"_98":348},["D",1747723276048],[324],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":357,"_341":362,"_367":368,"_371":-5,"_372":-5,"_330":373,"_431":432,"_433":-5,"_434":-5},{"_102":103,"_95":96,"_104":358,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":117,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":359,"_131":360,"_134":361,"_146":22},["D",1747723225430],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[363,365],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":344,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":364},[151],{"_102":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":117,"_158":159,"_104":347,"_99":32,"_161":317,"_163":327,"_164":22,"_165":-5,"_98":366},[324],"readme",{"_102":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":117,"_158":159,"_104":369,"_99":32,"_161":317,"_163":327,"_164":22,"_165":-5,"_98":370},["D",1747723276048],[324],"upstream","pull",[374,376,378,381,384,387,390,393,397,399,403,405,408,411,414,418,421,424,428],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":160,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":375,"_98":427},[376,397,403,418,421,424],{"_102":169,"_95":170,"_152":171,"_154":153,"_155":137,"_156":172,"_158":159,"_104":173,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":377,"_98":396},[378,381,384,387,390,393],{"_102":176,"_95":177,"_152":178,"_154":171,"_155":137,"_156":179,"_158":159,"_104":180,"_99":181,"_161":182,"_163":183,"_164":22,"_165":-5,"_166":379,"_98":380},[],[151,170,177],{"_102":187,"_95":188,"_152":189,"_154":171,"_155":137,"_156":190,"_158":159,"_104":191,"_99":157,"_161":182,"_163":192,"_164":22,"_165":-5,"_166":382,"_98":383},[],[151,170,188],{"_102":196,"_95":197,"_152":198,"_154":171,"_155":137,"_156":199,"_158":159,"_104":200,"_99":157,"_161":182,"_163":201,"_164":22,"_165":-5,"_166":385,"_98":386},[],[151,170,197],{"_102":205,"_95":206,"_152":207,"_154":171,"_155":137,"_156":208,"_158":159,"_104":209,"_99":157,"_161":182,"_163":210,"_164":22,"_165":-5,"_166":388,"_98":389},[],[151,170,206],{"_102":214,"_95":215,"_152":216,"_154":171,"_155":137,"_156":217,"_158":159,"_104":218,"_99":157,"_161":182,"_163":219,"_164":22,"_165":-5,"_166":391,"_98":392},[],[151,170,215],{"_102":223,"_95":224,"_152":225,"_154":171,"_155":137,"_156":226,"_158":159,"_104":227,"_99":181,"_161":182,"_163":228,"_164":22,"_165":-5,"_166":394,"_98":395},[],[151,170,224],[151,170],{"_102":233,"_95":234,"_152":235,"_154":153,"_155":137,"_156":236,"_158":159,"_104":237,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":398,"_98":402},[399],{"_102":240,"_95":241,"_152":242,"_154":235,"_155":137,"_156":243,"_158":159,"_104":244,"_99":245,"_161":182,"_163":246,"_164":22,"_165":-5,"_166":400,"_98":401},[],[151,234,241],[151,234],{"_102":251,"_95":252,"_152":253,"_154":153,"_155":137,"_156":254,"_158":159,"_104":255,"_99":117,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":404,"_98":417},[405,408,411,414],{"_102":258,"_95":259,"_152":260,"_154":253,"_155":137,"_156":261,"_158":159,"_104":262,"_99":157,"_161":182,"_163":263,"_164":22,"_165":-5,"_166":406,"_98":407},[],[151,252,259],{"_102":267,"_95":268,"_152":269,"_154":253,"_155":137,"_156":270,"_158":159,"_104":271,"_99":181,"_161":182,"_163":272,"_164":22,"_165":-5,"_166":409,"_98":410},[],[151,252,268],{"_102":276,"_95":277,"_152":278,"_154":253,"_155":137,"_156":279,"_158":159,"_104":280,"_99":181,"_161":182,"_163":281,"_164":22,"_165":-5,"_166":412,"_98":413},[],[151,252,277],{"_102":285,"_95":286,"_152":287,"_154":253,"_155":137,"_156":288,"_158":159,"_104":289,"_99":181,"_161":182,"_163":290,"_164":22,"_165":-5,"_166":415,"_98":416},[],[151,252,286],[151,252],{"_102":295,"_95":296,"_152":297,"_154":153,"_155":137,"_156":298,"_158":159,"_104":299,"_99":181,"_161":182,"_163":300,"_164":22,"_165":-5,"_166":419,"_98":420},[],[151,296],{"_102":304,"_95":305,"_152":306,"_154":153,"_155":137,"_156":136,"_158":159,"_104":307,"_99":157,"_161":182,"_163":308,"_164":22,"_165":-5,"_166":422,"_98":423},[],[151,305],{"_102":312,"_95":313,"_152":314,"_154":153,"_155":137,"_156":315,"_158":159,"_104":316,"_99":157,"_161":317,"_163":318,"_164":22,"_165":-5,"_166":425,"_98":426},[],[151,313],[151],{"_102":323,"_95":324,"_152":325,"_154":-5,"_155":137,"_156":117,"_158":159,"_104":326,"_99":32,"_161":317,"_163":327,"_164":22,"_165":-5,"_166":429,"_98":430},[],[324],"previews",[421,418,399,378,405,381,384,408,411,387,390,393,414],"ahead","behind","actionData","errors"]

charleswebmaster

e-comm-test

e-comm-test