\n \n

{item.product.name}

₦{item.product.price}

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

\n \n \n );\n};\n\nexport default CartItem;",[],[144,163,170],{"_103":180,"_95":181,"_145":182,"_147":164,"_148":134,"_149":183,"_151":152,"_105":184,"_100":150,"_154":175,"_156":185,"_157":27,"_158":-5,"_159":186,"_98":187},"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;",[],[144,163,181],{"_103":189,"_95":190,"_145":191,"_147":164,"_148":134,"_149":192,"_151":152,"_105":193,"_100":150,"_154":175,"_156":194,"_157":27,"_158":-5,"_159":195,"_98":196},"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;",[],[144,163,190],{"_103":198,"_95":199,"_145":200,"_147":164,"_148":134,"_149":201,"_151":152,"_105":202,"_100":150,"_154":175,"_156":203,"_157":27,"_158":-5,"_159":204,"_98":205},"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;",[],[144,163,199],{"_103":207,"_95":208,"_145":209,"_147":164,"_148":134,"_149":210,"_151":152,"_105":211,"_100":150,"_154":175,"_156":212,"_157":27,"_158":-5,"_159":213,"_98":214},"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;",[],[144,163,208],{"_103":216,"_95":217,"_145":218,"_147":164,"_148":134,"_149":219,"_151":152,"_105":220,"_100":174,"_154":175,"_156":221,"_157":27,"_158":-5,"_159":222,"_98":223},"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;",[],[144,163,217],[144,163],{"_103":226,"_95":227,"_145":228,"_147":146,"_148":134,"_149":229,"_151":152,"_105":230,"_100":118,"_154":155,"_156":-5,"_157":27,"_158":-5,"_159":231,"_98":242},"c17b914c-3545-11f0-832b-9e149126039e","context","b3a6fcdc-3545-11f0-bff3-9e149126039e",5,["D",1747723416353],[232],{"_103":233,"_95":234,"_145":235,"_147":228,"_148":134,"_149":236,"_151":152,"_105":237,"_100":238,"_154":175,"_156":239,"_157":27,"_158":-5,"_159":240,"_98":241},"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);",[],[144,227,234],[144,227],{"_103":244,"_95":245,"_145":246,"_147":146,"_148":134,"_149":247,"_151":152,"_105":248,"_100":118,"_154":155,"_156":-5,"_157":27,"_158":-5,"_159":249,"_98":286},"ff6d679a-3546-11f0-8404-9e149126039e","pages","fa3418a0-3546-11f0-b3f5-9e149126039e",21,["D",1747723949777],[250,259,268,277],{"_103":251,"_95":252,"_145":253,"_147":246,"_148":134,"_149":254,"_151":152,"_105":255,"_100":150,"_154":175,"_156":256,"_157":27,"_158":-5,"_159":257,"_98":258},"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;",[],[144,245,252],{"_103":260,"_95":261,"_145":262,"_147":246,"_148":134,"_149":263,"_151":152,"_105":264,"_100":174,"_154":175,"_156":265,"_157":27,"_158":-5,"_159":266,"_98":267},"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;",[],[144,245,261],{"_103":269,"_95":270,"_145":271,"_147":246,"_148":134,"_149":272,"_151":152,"_105":273,"_100":174,"_154":175,"_156":274,"_157":27,"_158":-5,"_159":275,"_98":276},"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;",[],[144,245,270],{"_103":278,"_95":279,"_145":280,"_147":246,"_148":134,"_149":281,"_151":152,"_105":282,"_100":174,"_154":175,"_156":283,"_157":27,"_158":-5,"_159":284,"_98":285},"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;",[],[144,245,279],[144,245],{"_103":288,"_95":289,"_145":290,"_147":146,"_148":134,"_149":291,"_151":152,"_105":292,"_100":174,"_154":175,"_156":293,"_157":27,"_158":-5,"_159":294,"_98":295},"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;",[],[144,289],{"_103":297,"_95":298,"_145":299,"_147":146,"_148":134,"_149":133,"_151":152,"_105":300,"_100":150,"_154":175,"_156":301,"_157":27,"_158":-5,"_159":302,"_98":303},"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});",[],[144,298],{"_103":305,"_95":306,"_145":307,"_147":146,"_148":134,"_149":308,"_151":152,"_105":309,"_100":150,"_154":310,"_156":311,"_157":27,"_158":-5,"_159":312,"_98":313},"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}",[],[144,306],[144],{"_103":316,"_95":317,"_145":318,"_147":-5,"_148":134,"_149":118,"_151":152,"_105":319,"_100":31,"_154":310,"_156":320,"_157":27,"_158":-5,"_159":321,"_98":322},"6ddb7958-3545-11f0-9c96-9e149126039e","README.md","6ddb7a02-3545-11f0-9c96-9e149126039e",["D",1747723276048],"# e-comm-test",[],[317],"files",[142,161,168,179,188,197,206,215,225,232,243,250,259,268,277,287,296,304,315],"counts",{"_327":31,"_328":118,"_329":31,"_330":31},"pulls","branches","forks","envVars","contents",[],{"_103":207,"_95":208,"_145":209,"_147":164,"_148":134,"_149":210,"_151":152,"_105":334,"_100":150,"_154":175,"_156":212,"_157":27,"_158":-5,"_98":335},["D",1747725939697],[144,163,208],"upstream","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":41,"_98":99,"_101":341,"_310":345,"_348":349,"_367":368,"_374":-7,"_375":31,"_376":27},{"_103":104,"_95":96,"_105":342,"_107":-5,"_108":27,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":27,"_116":-5,"_117":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":27,"_21":343,"_131":344},["D",1747723225430],{"_93":94,"_129":130},{"_100":133,"_95":41,"_103":134,"_135":104,"_136":-5,"_137":-5,"_138":-5,"_139":-5},{"_103":207,"_95":208,"_145":209,"_147":164,"_148":134,"_149":210,"_151":152,"_105":346,"_100":150,"_154":175,"_156":212,"_157":27,"_158":-5,"_98":347},["D",1747725939697],[144,163,208],"history",[350,352,358,362],{"_103":207,"_148":134,"_145":209,"_95":208,"_156":212,"_154":175,"_100":150,"_147":164,"_105":351,"_149":210,"_158":-5},["D",1747725939697],{"_103":353,"_148":134,"_145":209,"_95":208,"_156":212,"_154":354,"_100":355,"_147":164,"_105":356,"_149":357,"_158":-5},"9d68d526-354a-11f0-a266-9e149126039e","script",2,["D",1747725503315],57,{"_103":359,"_148":134,"_145":209,"_95":208,"_156":68,"_154":354,"_100":118,"_147":164,"_105":360,"_149":361,"_158":-5},"8934d104-354a-11f0-bb79-9e149126039e",["D",1747725469422],56,{"_103":363,"_148":134,"_145":209,"_95":364,"_156":68,"_154":354,"_100":31,"_147":164,"_105":365,"_149":366,"_158":-5},"860efc16-354a-11f0-b2d3-9e149126039e","new-file-3822.tsx",["D",1747725464142],55,"versions",[369,371,372,373],{"_310":350,"_370":352},"previous",{"_310":352,"_370":358},{"_310":358,"_370":362},{"_310":362,"_370":-5},"versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for ProductForm.jsx