\n \n

\n );\n }\n\n if (!token || !user) {\n return (\n

\n \n

\n );\n }\n\n // Render the appropriate page based on the current hash\n const renderPage = () => {\n switch (currentPage) {\n case \"dashboard\":\n return ;\n case \"pos\":\n return ;\n case \"products\":\n return ;\n case \"sales\":\n return ;\n case \"users\":\n return user.role === \"admin\" ? : ;\n default:\n return ;\n }\n };\n\n return (\n \n {renderPage()}\n \n );\n};\n\nexport default App;",[],[261,268,275],{"_103":283,"_95":284,"_152":285,"_154":269,"_155":137,"_156":286,"_158":159,"_105":287,"_100":32,"_161":181,"_163":288,"_164":22,"_165":-5,"_166":289,"_98":290},"861bd85c-358e-11f0-93f2-9e149126039e","Button.tsx","861bd9a6-358e-11f0-93f2-9e149126039e",15,["D",1747754670004],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface ButtonProps {\n children: React.ReactNode;\n onClick?: () => void;\n type?: \"button\" | \"submit\" | \"reset\";\n variant?: \"primary\" | \"secondary\" | \"danger\" | \"success\" | \"outline\";\n size?: \"sm\" | \"md\" | \"lg\";\n fullWidth?: boolean;\n disabled?: boolean;\n loading?: boolean;\n icon?: React.ReactNode;\n}\n\nconst Button: React.FC = ({\n children,\n onClick,\n type = \"button\",\n variant = \"primary\",\n size = \"md\",\n fullWidth = false,\n disabled = false,\n loading = false,\n icon\n}) => {\n const baseClasses = \"inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2\";\n \n const variantClasses = {\n primary: \"bg-indigo-600 text-white hover:bg-indigo-700 focus:ring-indigo-500\",\n secondary: \"bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-500\",\n danger: \"bg-red-600 text-white hover:bg-red-700 focus:ring-red-500\",\n success: \"bg-green-600 text-white hover:bg-green-700 focus:ring-green-500\",\n outline: \"bg-transparent border border-gray-300 text-gray-700 hover:bg-gray-50 focus:ring-indigo-500\"\n };\n \n const sizeClasses = {\n sm: \"text-sm px-3 py-1.5\",\n md: \"text-base px-4 py-2\",\n lg: \"text-lg px-6 py-3\"\n };\n \n const classes = [\n baseClasses,\n variantClasses[variant],\n sizeClasses[size],\n fullWidth ? \"w-full\" : \"\",\n (disabled || loading) ? \"opacity-60 cursor-not-allowed\" : \"cursor-pointer\"\n ].join(\" \");\n\n return (\n \n {loading ? (\n <>\n \n {children}\n \n ) : (\n <>\n {icon && {icon}}\n {children}\n \n )}\n \n );\n};\n\nexport default Button;",[],[261,268,284],{"_103":292,"_95":293,"_152":294,"_154":269,"_155":137,"_156":295,"_158":159,"_105":296,"_100":32,"_161":181,"_163":297,"_164":22,"_165":-5,"_166":298,"_98":299},"be7a99fe-358e-11f0-ad9e-9e149126039e","Dashboard.tsx","be7a9ac6-358e-11f0-ad9e-9e149126039e",20,["D",1747754764576],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { DashboardStats } from \"../../shared/types.ts\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface DashboardProps {\n token: string;\n}\n\nconst Dashboard: React.FC = ({ token }) => {\n const [stats, setStats] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n const fetchStats = async () => {\n try {\n const response = await fetch(\"/api/dashboard/stats\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch dashboard data\");\n }\n\n const data = await response.json();\n if (data.success) {\n setStats(data.data);\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Dashboard error:\", err);\n setError(err.message || \"Failed to load dashboard\");\n } finally {\n setLoading(false);\n }\n };\n\n fetchStats();\n }, [token]);\n\n if (loading) {\n return (\n

\n \n

\n );\n }\n\n if (error) {\n return (\n

\n {error}\n

\n );\n }\n\n if (!stats) {\n return

No data available

;\n }\n\n return (\n

Dashboard

\n \n

\n {/* Total Sales Card */}\n

\n \n

\n Total Sales\n: \n
\n {stats.totalSales}\n
\n

\n\n {/* Total Revenue Card */}\n

\n \n

\n Total Revenue\n: \n
\n ${stats.totalRevenue.toFixed(2)}\n
\n

\n\n {/* Low Stock Items Card */}\n

\n \n

\n Low Stock Items\n: \n
\n {stats.lowStockItems}\n
\n

\n\n {/* Top Products */}\n

Top Products

\n
\n
\n
\n {product.name}\n
\n
\n
\n {product.quantity} sold\n
\n
\n
\n
\n
No sales data available

\n );\n};\n\nexport default Dashboard;",[],[261,268,293],{"_103":301,"_95":302,"_152":303,"_154":269,"_155":137,"_156":304,"_158":159,"_105":305,"_100":32,"_161":181,"_163":306,"_164":22,"_165":-5,"_166":307,"_98":308},"8cb2791e-358e-11f0-a215-9e149126039e","Input.tsx","8cb279c8-358e-11f0-a215-9e149126039e",16,["D",1747754681055],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface InputProps {\n id: string;\n label?: string;\n type?: string;\n placeholder?: string;\n value: string | number;\n onChange: (e: React.ChangeEvent) => void;\n error?: string;\n required?: boolean;\n disabled?: boolean;\n min?: number;\n max?: number;\n step?: number;\n className?: string;\n}\n\nconst Input: React.FC = ({\n id,\n label,\n type = \"text\",\n placeholder,\n value,\n onChange,\n error,\n required = false,\n disabled = false,\n min,\n max,\n step,\n className = \"\"\n}) => {\n return (\n

\n {label && (\n \n {label}\n {required && *}\n \n )}\n \n {error &&

{error}

}\n

\n );\n};\n\nexport default Input;",[],[261,268,302],{"_103":310,"_95":311,"_152":312,"_154":269,"_155":137,"_156":313,"_158":159,"_105":314,"_100":32,"_161":181,"_163":315,"_164":22,"_165":-5,"_166":316,"_98":317},"9de7142e-358e-11f0-b4ea-9e149126039e","Layout.tsx","9de714e2-358e-11f0-b4ea-9e149126039e",18,["D",1747754709922],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Sidebar from \"./Sidebar.tsx\";\nimport { User } from \"../../shared/types.ts\";\n\ninterface LayoutProps {\n children: React.ReactNode;\n user: User;\n onLogout: () => void;\n}\n\nconst Layout: React.FC = ({ children, user, onLogout }) => {\n const [sidebarOpen, setSidebarOpen] = useState(false);\n\n return (\n

\n {/* Mobile sidebar */}\n

setSidebarOpen(false)}\n >

\n setSidebarOpen(false)}\n >\n Close sidebar\n \n \n

\n \n

\n\n {/* Static sidebar for desktop */}\n

\n \n

\n\n {/* Main content */}\n

\n setSidebarOpen(true)}\n >\n Open sidebar\n \n \n

\n {children}\n

\n );\n};\n\nexport default Layout;",[],[261,268,311],{"_103":319,"_95":320,"_152":321,"_154":269,"_155":137,"_156":270,"_158":159,"_105":322,"_100":32,"_161":181,"_163":323,"_164":22,"_165":-5,"_166":324,"_98":325},"7f562ac2-358e-11f0-8972-9e149126039e","LoadingSpinner.tsx","7f562ba8-358e-11f0-8972-9e149126039e",["D",1747754658630],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface LoadingSpinnerProps {\n size?: \"sm\" | \"md\" | \"lg\";\n color?: string;\n}\n\nconst LoadingSpinner: React.FC = ({ \n size = \"md\", \n color = \"border-indigo-600\" \n}) => {\n const sizeClasses = {\n sm: \"w-4 h-4 border-2\",\n md: \"w-8 h-8 border-2\",\n lg: \"w-12 h-12 border-4\"\n };\n\n return (\n

\n );\n};\n\nexport default LoadingSpinner;",[],[261,268,320],{"_103":327,"_95":328,"_152":329,"_154":269,"_155":137,"_156":330,"_158":159,"_105":331,"_100":32,"_161":181,"_163":332,"_164":22,"_165":-5,"_166":333,"_98":334},"948c7748-358e-11f0-b4ea-9e149126039e","LoginForm.tsx","948c77fc-358e-11f0-b4ea-9e149126039e",17,["D",1747754694205],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Input from \"./Input.tsx\";\nimport Button from \"./Button.tsx\";\n\ninterface LoginFormProps {\n onLogin: (username: string, password: string) => Promise;\n error?: string;\n}\n\nconst LoginForm: React.FC = ({ onLogin, error }) => {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n try {\n await onLogin(username, password);\n } catch (err) {\n console.error(\"Login error:\", err);\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

POS System

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n );\n};\n\nexport default LoginForm;",[],[261,268,328],{"_103":336,"_95":337,"_152":338,"_154":269,"_155":137,"_156":339,"_158":159,"_105":340,"_100":32,"_161":181,"_163":341,"_164":22,"_165":-5,"_166":342,"_98":343},"f05adc0e-358e-11f0-828c-9e149126039e","PointOfSale.tsx","f05adcd6-358e-11f0-828c-9e149126039e",22,["D",1747754848254],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Product, Sale } from \"../../shared/types.ts\";\nimport Button from \"./Button.tsx\";\nimport Input from \"./Input.tsx\";\nimport ProductList from \"./ProductList.tsx\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface CartItem {\n product: Product;\n quantity: number;\n}\n\ninterface PointOfSaleProps {\n token: string;\n isAdmin: boolean;\n}\n\nconst PointOfSale: React.FC = ({ token, isAdmin }) => {\n const [cart, setCart] = useState([]);\n const [paymentMethod, setPaymentMethod] = useState<'cash' | 'card' | 'other'>('cash');\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(null);\n const [receipt, setReceipt] = useState(null);\n const [barcode, setBarcode] = useState(\"\");\n\n const handleAddToCart = (product: Product) => {\n setCart(prevCart => {\n // Check if product is already in cart\n const existingItem = prevCart.find(item => item.product.id === product.id);\n \n if (existingItem) {\n // Increase quantity if already in cart\n return prevCart.map(item => \n item.product.id === product.id \n ? { ...item, quantity: item.quantity + 1 } \n : item\n );\n } else {\n // Add new item to cart\n return [...prevCart, { product, quantity: 1 }];\n }\n });\n };\n\n const handleUpdateQuantity = (productId: number, newQuantity: number) => {\n if (newQuantity <= 0) {\n // Remove item if quantity is 0 or negative\n setCart(prevCart => prevCart.filter(item => item.product.id !== productId));\n } else {\n // Update quantity\n setCart(prevCart => \n prevCart.map(item => \n item.product.id === productId \n ? { ...item, quantity: newQuantity } \n : item\n )\n );\n }\n };\n\n const handleRemoveItem = (productId: number) => {\n setCart(prevCart => prevCart.filter(item => item.product.id !== productId));\n };\n\n const calculateTotal = () => {\n return cart.reduce((total, item) => total + (item.product.price * item.quantity), 0);\n };\n\n const handleCheckout = async () => {\n if (cart.length === 0) {\n setError(\"Cart is empty\");\n return;\n }\n\n try {\n setLoading(true);\n setError(null);\n setSuccess(null);\n \n const saleData = {\n items: cart.map(item => ({\n productId: item.product.id,\n quantity: item.quantity\n })),\n paymentMethod\n };\n \n const response = await fetch(\"/api/sales\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify(saleData)\n });\n \n const data = await response.json();\n \n if (data.success) {\n setSuccess(\"Sale completed successfully!\");\n setReceipt(data.data);\n setCart([]);\n } else {\n throw new Error(data.error || \"Failed to process sale\");\n }\n } catch (err) {\n console.error(\"Checkout error:\", err);\n setError(err.message || \"Failed to process sale\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleBarcodeSearch = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!barcode.trim()) return;\n \n try {\n setLoading(true);\n const response = await fetch(\"/api/products\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch products\");\n }\n\n const data = await response.json();\n if (data.success) {\n const product = data.data.find((p: Product) => \n p.barcode && p.barcode.toLowerCase() === barcode.toLowerCase()\n );\n \n if (product) {\n handleAddToCart(product);\n setBarcode(\"\");\n } else {\n setError(\"Product not found with this barcode\");\n }\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Barcode search error:\", err);\n setError(err.message || \"Failed to search product\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleNewSale = () => {\n setReceipt(null);\n setSuccess(null);\n setError(null);\n };\n\n return (\n

Point of Sale

\n \n {receipt ? (\n

Receipt

\n \n

Sale #{receipt.id}

Date: {new Date(receipt.created_at).toLocaleString()}

Cashier: {receipt.username}

Payment Method: {receipt.payment_method}

\n \n \n \n \n \n \n \n \n \n \n \n {receipt.items.map((item) => (\n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

\n Product\n	\n Qty\n	\n Price\n	\n Total\n
\n {item.product_name}\n	\n {item.quantity}\n	\n ${item.price_per_unit.toFixed(2)}\n	\n ${item.total_price.toFixed(2)}\n
\n Total:\n	\n ${receipt.total_amount.toFixed(2)}\n

\n \n

Thank you for your purchase!

\n ) : (\n

\n {/* Product Selection */}\n

\n \n \n

\n \n {/* Cart */}\n

Current Sale

\n \n {error && (\n

\n {error}\n

\n )}\n \n {success && (\n

\n {success}\n

\n )}\n \n {cart.length === 0 ? (\n

Cart is empty

\n ) : (\n

\n {cart.map((item) => (\n

{item.product.name}

${item.product.price.toFixed(2)} each

\n handleUpdateQuantity(item.product.id, item.quantity - 1)}\n >\n -\n \n {item.quantity}\n handleUpdateQuantity(item.product.id, item.quantity + 1)}\n >\n +\n \n handleRemoveItem(item.product.id)}\n >\n ×\n \n

\n ))}\n

\n )}\n \n

\n Total:\n ${calculateTotal().toFixed(2)}\n

\n \n

\n \n Payment Method\n \n

\n setPaymentMethod('cash')}\n >\n Cash\n \n setPaymentMethod('card')}\n >\n Card\n \n setPaymentMethod('other')}\n >\n Other\n \n

\n \n \n Complete Sale\n \n

\n )}\n

\n );\n};\n\nexport default PointOfSale;",[],[261,268,337],{"_103":345,"_95":346,"_152":347,"_154":269,"_155":137,"_156":348,"_158":159,"_105":349,"_100":32,"_161":181,"_163":350,"_164":22,"_165":-5,"_166":351,"_98":352},"d489c42c-358e-11f0-9acd-9e149126039e","ProductList.tsx","d489c4e0-358e-11f0-9acd-9e149126039e",21,["D",1747754801586],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Product } from \"../../shared/types.ts\";\nimport Button from \"./Button.tsx\";\nimport Input from \"./Input.tsx\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\n\ninterface ProductListProps {\n token: string;\n isAdmin: boolean;\n onSelectProduct?: (product: Product) => void;\n}\n\nconst ProductList: React.FC = ({ token, isAdmin, onSelectProduct }) => {\n const [products, setProducts] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [showForm, setShowForm] = useState(false);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedCategory, setSelectedCategory] = useState(\"all\");\n \n // Form state\n const [formData, setFormData] = useState({\n name: \"\",\n price: \"\",\n stock: \"\",\n category: \"\",\n barcode: \"\"\n });\n const [formErrors, setFormErrors] = useState>({});\n const [formLoading, setFormLoading] = useState(false);\n\n const fetchProducts = async () => {\n try {\n setLoading(true);\n const response = await fetch(\"/api/products\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch products\");\n }\n\n const data = await response.json();\n if (data.success) {\n setProducts(data.data);\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Products error:\", err);\n setError(err.message || \"Failed to load products\");\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchProducts();\n }, [token]);\n\n const handleInputChange = (e: React.ChangeEvent) => {\n const { name, value } = e.target;\n setFormData(prev => ({ ...prev, [name]: value }));\n \n // Clear error when user types\n if (formErrors[name]) {\n setFormErrors(prev => {\n const newErrors = { ...prev };\n delete newErrors[name];\n return newErrors;\n });\n }\n };\n\n const validateForm = () => {\n const errors: Record = {};\n \n if (!formData.name.trim()) {\n errors.name = \"Name is required\";\n }\n \n if (!formData.price) {\n errors.price = \"Price is required\";\n } else if (isNaN(parseFloat(formData.price)) || parseFloat(formData.price) < 0) {\n errors.price = \"Price must be a positive number\";\n }\n \n if (formData.stock && (isNaN(parseInt(formData.stock)) || parseInt(formData.stock) < 0)) {\n errors.stock = \"Stock must be a positive number\";\n }\n \n if (!formData.category.trim()) {\n errors.category = \"Category is required\";\n }\n \n setFormErrors(errors);\n return Object.keys(errors).length === 0;\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!validateForm()) {\n return;\n }\n \n try {\n setFormLoading(true);\n \n const productData = {\n name: formData.name,\n price: parseFloat(formData.price),\n stock: formData.stock ? parseInt(formData.stock) : 0,\n category: formData.category,\n barcode: formData.barcode || undefined\n };\n \n const response = await fetch(\"/api/products\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify(productData)\n });\n \n const data = await response.json();\n \n if (data.success) {\n // Reset form and refresh products\n setFormData({\n name: \"\",\n price: \"\",\n stock: \"\",\n category: \"\",\n barcode: \"\"\n });\n setShowForm(false);\n fetchProducts();\n } else {\n throw new Error(data.error || \"Failed to create product\");\n }\n } catch (err) {\n console.error(\"Create product error:\", err);\n setError(err.message || \"Failed to create product\");\n } finally {\n setFormLoading(false);\n }\n };\n\n // Get unique categories for filter\n const categories = [\"all\", ...new Set(products.map(p => p.category))];\n \n // Filter products based on search and category\n const filteredProducts = products.filter(product => {\n const matchesSearch = product.name.toLowerCase().includes(searchTerm.toLowerCase()) || \n product.barcode?.toLowerCase().includes(searchTerm.toLowerCase());\n const matchesCategory = selectedCategory === \"all\" || product.category === selectedCategory;\n return matchesSearch && matchesCategory;\n });\n\n if (loading) {\n return (\n

\n \n

\n );\n }\n\n if (error && !showForm) {\n return (\n

\n {error}\n

\n );\n }\n\n return (\n

Products

\n {isAdmin && (\n \n )}\n

\n\n {showForm && (\n

Add New Product

\n {error && (\n

\n {error}\n

\n )}\n \n

\n )}\n\n

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

\n setSelectedCategory(e.target.value)}\n >\n {categories.map(category => (\n \n ))}\n \n

\n\n {filteredProducts.length === 0 ? (\n

\n No products found\n

\n ) : (\n

onSelectProduct && onSelectProduct(product)}\n >\n
\n
\n
\n
\n {product.name}\n
\n
\n Category: {product.category}\n {product.barcode && ` | Barcode: ${product.barcode}`}\n
\n
\n
\n
\n ${product.price.toFixed(2)}\n
\n
\n Stock: {product.stock}\n
\n
\n
\n
\n

\n )}\n

\n );\n};\n\nexport default ProductList;",[],[261,268,346],{"_103":354,"_95":355,"_152":356,"_154":269,"_155":137,"_156":357,"_158":159,"_105":358,"_100":32,"_161":181,"_163":359,"_164":22,"_165":-5,"_166":360,"_98":361},"0237eb60-358f-11f0-9059-9e149126039e","SalesHistory.tsx","0237ec28-358f-11f0-9059-9e149126039e",23,["D",1747754878224],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Sale } from \"../../shared/types.ts\";\nimport LoadingSpinner from \"./LoadingSpinner.tsx\";\nimport Button from \"./Button.tsx\";\n\ninterface SalesHistoryProps {\n token: string;\n}\n\nconst SalesHistory: React.FC = ({ token }) => {\n const [sales, setSales] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [selectedSale, setSelectedSale] = useState(null);\n\n useEffect(() => {\n const fetchSales = async () => {\n try {\n setLoading(true);\n const response = await fetch(\"/api/sales\", {\n headers: {\n \"Authorization\": `Bearer ${token}`\n }\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to fetch sales history\");\n }\n\n const data = await response.json();\n if (data.success) {\n setSales(data.data);\n } else {\n throw new Error(data.error || \"Unknown error\");\n }\n } catch (err) {\n console.error(\"Sales history error:\", err);\n setError(err.message || \"Failed to load sales history\");\n } finally {\n setLoading(false);\n }\n };\n\n fetchSales();\n }, [token]);\n\n const handleViewSale = (sale: Sale) => {\n setSelectedSale(sale);\n };\n\n const handleBackToList = () => {\n setSelectedSale(null);\n };\n\n if (loading) {\n return (\n

\n \n

\n );\n }\n\n if (error) {\n return (\n

\n {error}\n

\n );\n }\n\n if (selectedSale) {\n return (\n

\n \n ← Back to Sales\n \n

Sale #{selectedSale.id}

\n \n

Date: {new Date(selectedSale.created_at).toLocaleString()}

Cashier: {selectedSale.username}

Payment Method: {selectedSale.payment_method}

Total Amount: ${selectedSale.total_amount.toFixed(2)}

\n \n

Items

\n \n \n \n \n \n \n \n \n \n \n {selectedSale.items.map((item) => (\n \n \n \n \n \n \n ))}\n \n \n \n \n \n \n \n

\n Product\n	\n Qty\n	\n Price\n	\n Total\n
\n {item.product_name}\n	\n {item.quantity}\n	\n ${item.price_per_unit.toFixed(2)}\n	\n ${item.total_price.toFixed(2)}\n
\n Total:\n	\n ${selectedSale.total_amount.toFixed(2)}\n

\n );\n }\n\n return (\n

Sales History

\n \n {sales.length === 0 ? (\n

\n No sales records found\n

\n ) : (\n

\n
\n
\n
\n
\n Sale #{sale.id}\n
\n
\n {new Date(sale.created_at).toLocaleString()}\n
\n
\n Cashier: {sale.username}\n
\n
\n
\n
\n ${sale.total_amount.toFixed(2)}\n
\n
\n {sale.items.length} items\n
\n \n
\n
\n
\n

\n )}\n

\n );\n};\n\nexport default SalesHistory;",[],[261,268,355],{"_103":363,"_95":364,"_152":365,"_154":269,"_155":137,"_156":366,"_158":159,"_105":367,"_100":32,"_161":181,"_163":368,"_164":22,"_165":-5,"_166":369,"_98":370},"aca57834-358e-11f0-bd6d-9e149126039e","Sidebar.tsx","aca57910-358e-11f0-bd6d-9e149126039e",19,["D",1747754734659],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { User } from \"../../shared/types.ts\";\nimport Button from \"./Button.tsx\";\n\ninterface SidebarProps {\n user: User;\n onLogout: () => void;\n mobile: boolean;\n}\n\ninterface NavItem {\n name: string;\n icon: JSX.Element;\n href: string;\n adminOnly?: boolean;\n}\n\nconst Sidebar: React.FC = ({ user, onLogout, mobile }) => {\n const navigation: NavItem[] = [\n {\n name: \"Dashboard\",\n icon: (\n \n ),\n href: \"#dashboard\"\n },\n {\n name: \"Point of Sale\",\n icon: (\n \n ),\n href: \"#pos\"\n },\n {\n name: \"Products\",\n icon: (\n \n ),\n href: \"#products\"\n },\n {\n name: \"Sales History\",\n icon: (\n \n ),\n href: \"#sales\"\n },\n {\n name: \"Users\",\n icon: (\n \n ),\n href: \"#users\",\n adminOnly: true\n }\n ];\n\n return (\n

POS System

\n \n

{user.username}

{user.role}

\n \n

\n );\n};\n\nexport default Sidebar;",[],[261,268,364],{"_103":372,"_95":373,"_152":374,"_154":269,"_155":137,"_156":375,"_158":159,"_105":376,"_100":32,"_161":181,"_163":377,"_164":22,"_165":-5,"_166":378,"_98":379},"0d877c6a-358f-11f0-9a54-9e149126039e","UserManagement.tsx","0d877d5a-358f-11f0-9a54-9e149126039e",24,["D",1747754897200],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport Button from \"./Button.tsx\";\nimport Input from \"./Input.tsx\";\n\ninterface UserManagementProps {\n token: string;\n}\n\nconst UserManagement: React.FC = ({ token }) => {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [role, setRole] = useState<\"admin\" | \"cashier\">(\"cashier\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(null);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!username || !password) {\n setError(\"Username and password are required\");\n return;\n }\n \n try {\n setLoading(true);\n setError(null);\n setSuccess(null);\n \n const response = await fetch(\"/api/auth/register\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${token}`\n },\n body: JSON.stringify({\n username,\n password,\n role\n })\n });\n \n const data = await response.json();\n \n if (data.success) {\n setSuccess(`User ${username} created successfully!`);\n setUsername(\"\");\n setPassword(\"\");\n setRole(\"cashier\");\n } else {\n throw new Error(data.error || \"Failed to create user\");\n }\n } catch (err) {\n console.error(\"Create user error:\", err);\n setError(err.message || \"Failed to create user\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

User Management

\n \n

Create New User

\n \n {error && (\n

\n {error}\n

\n )}\n \n {success && (\n

\n {success}\n

\n )}\n \n

\n setUsername(e.target.value)}\n required\n />\n \n setPassword(e.target.value)}\n required\n />\n \n

\n \n Role\n \n

\n \n setRole(\"cashier\")}\n />\n Cashier\n \n \n setRole(\"admin\")}\n />\n Admin\n \n

\n \n

\n \n Create User\n \n

\n \n \n

Role Permissions

Cashier: Can process sales and view products
Admin: Full access to all features including user management, product management, and sales reports

\n );\n};\n\nexport default UserManagement;",[],[261,268,373],[261,268],{"_103":382,"_95":383,"_152":384,"_154":262,"_155":137,"_156":385,"_158":159,"_105":386,"_100":32,"_161":387,"_163":388,"_164":22,"_165":-5,"_166":389,"_98":390},"75df1454-358e-11f0-88a3-9e149126039e","favicon.svg","75df1526-358e-11f0-88a3-9e149126039e",12,["D",1747754642757],"file","\n",[],[261,383],{"_103":392,"_95":393,"_152":394,"_154":262,"_155":137,"_156":263,"_158":159,"_105":395,"_100":32,"_161":387,"_163":396,"_164":22,"_165":-5,"_166":397,"_98":398},"71df0be8-358e-11f0-a082-9e149126039e","index.html","71df0cd8-358e-11f0-a082-9e149126039e",["D",1747754636050],"\n\n\n \n \n POS System\n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n \n\n",[],[261,393],{"_103":400,"_95":401,"_152":402,"_154":262,"_155":137,"_156":403,"_158":159,"_105":404,"_100":32,"_161":181,"_163":405,"_164":22,"_165":-5,"_166":406,"_98":407},"1e6e3406-358f-11f0-b08a-9e149126039e","index.tsx","1e6e34ba-358f-11f0-b08a-9e149126039e",26,["D",1747754925558],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Add view source link\nconst viewSourceUrl = window.VIEW_SOURCE_URL;\nif (viewSourceUrl) {\n const viewSourceLink = document.createElement(\"a\");\n viewSourceLink.href = viewSourceUrl;\n viewSourceLink.target = \"_top\";\n viewSourceLink.className = \"fixed bottom-2 right-2 bg-gray-800 text-white text-xs px-2 py-1 rounded opacity-50 hover:opacity-100\";\n viewSourceLink.textContent = \"View Source\";\n document.body.appendChild(viewSourceLink);\n}\n\n// Render the app\nconst root = createRoot(document.getElementById(\"app\")!);\nroot.render();",[],[261,401],{"_103":409,"_95":410,"_152":411,"_154":262,"_155":137,"_156":412,"_158":159,"_105":413,"_100":32,"_161":387,"_163":414,"_164":22,"_165":-5,"_166":415,"_98":416},"7a269b90-358e-11f0-b777-9e149126039e","style.css","7a269c62-358e-11f0-b777-9e149126039e",13,["D",1747754649942],"/* Custom styles for POS system */\n\n/* Smooth transitions */\n.fade-enter {\n opacity: 0;\n}\n.fade-enter-active {\n opacity: 1;\n transition: opacity 200ms;\n}\n.fade-exit {\n opacity: 1;\n}\n.fade-exit-active {\n opacity: 0;\n transition: opacity 200ms;\n}\n\n/* Mobile optimizations */\n@media (max-width: 640px) {\n .pos-grid {\n grid-template-columns: 1fr;\n }\n}\n\n/* Custom scrollbar */\n::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #888;\n border-radius: 10px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #555;\n}\n\n/* Prevent text selection on buttons */\nbutton {\n user-select: none;\n}\n\n/* Loading spinner */\n.spinner {\n border: 3px solid rgba(0, 0, 0, 0.1);\n border-radius: 50%;\n border-top: 3px solid #4F46E5;\n width: 24px;\n height: 24px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}",[],[261,410],[261],{"_103":419,"_95":420,"_152":421,"_154":-5,"_155":137,"_156":253,"_158":159,"_105":422,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":423,"_98":432},"06a2aeca-358e-11f0-80bf-9e149126039e","shared","b32166be-5c6b-4454-a0f4-92c383c4d325",["D",1747754456134],[424],{"_103":425,"_95":426,"_152":427,"_154":421,"_155":137,"_156":253,"_158":159,"_105":428,"_100":32,"_161":181,"_163":429,"_164":22,"_165":-5,"_166":430,"_98":431},"06a28f3a-358e-11f0-80bf-9e149126039e","types.ts","06a2900c-358e-11f0-80bf-9e149126039e",["D",1747754456134],"// Shared types for the POS system\n\nexport interface Product {\n id: number;\n name: string;\n price: number;\n stock: number;\n category: string;\n barcode?: string;\n created_at: string;\n updated_at: string;\n}\n\nexport interface User {\n id: number;\n username: string;\n role: 'admin' | 'cashier';\n created_at: string;\n}\n\nexport interface SaleItem {\n id: number;\n sale_id: number;\n product_id: number;\n product_name: string;\n quantity: number;\n price_per_unit: number;\n total_price: number;\n}\n\nexport interface Sale {\n id: number;\n user_id: number;\n username: string;\n total_amount: number;\n payment_method: 'cash' | 'card' | 'other';\n created_at: string;\n items: SaleItem[];\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\nexport interface DashboardStats {\n totalSales: number;\n totalRevenue: number;\n lowStockItems: number;\n topProducts: {\n name: string;\n quantity: number;\n }[];\n}",[],[420,426],[420],{"_103":434,"_95":435,"_152":436,"_154":-5,"_155":137,"_156":180,"_158":159,"_105":437,"_100":32,"_161":387,"_163":438,"_164":22,"_165":-5,"_166":439,"_98":440},"02c5da8e-358e-11f0-bd19-9e149126039e","README.md","02c5db4c-358e-11f0-bd19-9e149126039e",["D",1747754449658],"# Mobile-Friendly POS System\n\nA point of sale system with inventory management and sales tracking capabilities, optimized for mobile devices.\n\n## Features\n\n- Product inventory management\n- Sales tracking and history\n- User authentication\n- Receipt generation\n- Basic reporting\n- Mobile-friendly interface\n\n## Project Structure\n\n- `/backend` - Server API and database operations\n- `/frontend` - User interface components and pages\n- `/shared` - Shared types and utilities\n\n## Getting Started\n\nAccess the POS system by visiting the HTTP endpoint of this Val.\n\n## Technologies Used\n\n- Backend: Hono (API framework), SQLite (database)\n- Frontend: React, TailwindCSS\n- Shared: TypeScript for type definitions",[],[435],{"_103":442,"_95":443,"_152":444,"_154":-5,"_155":137,"_156":445,"_158":159,"_105":446,"_100":157,"_161":447,"_163":72,"_164":22,"_165":-5,"_166":448,"_98":449},"0df329e6-3590-11f0-b0c0-9e149126039e","new-file-1946.tsx","e868aade-358f-11f0-8134-9e149126039e",33,["D",1747755327399],"interval",[],[443],{"_103":451,"_95":452,"_152":453,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":454,"_100":32,"_161":181,"_163":72,"_164":22,"_165":-5,"_166":455,"_98":456},"4acd0bca-3590-11f0-98f0-9e149126039e","new-file-9191.tsx","4acd0c74-3590-11f0-98f0-9e149126039e",["D",1747755429495],[],[452],"files",[149,168,174,185,195,202,210,219,228,237,247,259,266,273,282,291,300,309,318,326,335,344,353,362,371,381,391,399,408,418,424,433,441,450],"counts",{"_461":32,"_462":180,"_463":32,"_464":32},"pulls","branches","forks","envVars","contents",[467,470,473,476,479,482,485,488,491,494,497,500],{"_103":274,"_95":275,"_152":276,"_154":269,"_155":137,"_156":277,"_158":159,"_105":468,"_100":32,"_161":181,"_163":279,"_164":22,"_165":-5,"_98":469},["D",1747754917943],[261,268,275],{"_103":283,"_95":284,"_152":285,"_154":269,"_155":137,"_156":286,"_158":159,"_105":471,"_100":32,"_161":181,"_163":288,"_164":22,"_165":-5,"_98":472},["D",1747754670004],[261,268,284],{"_103":292,"_95":293,"_152":294,"_154":269,"_155":137,"_156":295,"_158":159,"_105":474,"_100":32,"_161":181,"_163":297,"_164":22,"_165":-5,"_98":475},["D",1747754764576],[261,268,293],{"_103":301,"_95":302,"_152":303,"_154":269,"_155":137,"_156":304,"_158":159,"_105":477,"_100":32,"_161":181,"_163":306,"_164":22,"_165":-5,"_98":478},["D",1747754681055],[261,268,302],{"_103":310,"_95":311,"_152":312,"_154":269,"_155":137,"_156":313,"_158":159,"_105":480,"_100":32,"_161":181,"_163":315,"_164":22,"_165":-5,"_98":481},["D",1747754709922],[261,268,311],{"_103":319,"_95":320,"_152":321,"_154":269,"_155":137,"_156":270,"_158":159,"_105":483,"_100":32,"_161":181,"_163":323,"_164":22,"_165":-5,"_98":484},["D",1747754658630],[261,268,320],{"_103":327,"_95":328,"_152":329,"_154":269,"_155":137,"_156":330,"_158":159,"_105":486,"_100":32,"_161":181,"_163":332,"_164":22,"_165":-5,"_98":487},["D",1747754694205],[261,268,328],{"_103":336,"_95":337,"_152":338,"_154":269,"_155":137,"_156":339,"_158":159,"_105":489,"_100":32,"_161":181,"_163":341,"_164":22,"_165":-5,"_98":490},["D",1747754848254],[261,268,337],{"_103":345,"_95":346,"_152":347,"_154":269,"_155":137,"_156":348,"_158":159,"_105":492,"_100":32,"_161":181,"_163":350,"_164":22,"_165":-5,"_98":493},["D",1747754801586],[261,268,346],{"_103":354,"_95":355,"_152":356,"_154":269,"_155":137,"_156":357,"_158":159,"_105":495,"_100":32,"_161":181,"_163":359,"_164":22,"_165":-5,"_98":496},["D",1747754878224],[261,268,355],{"_103":363,"_95":364,"_152":365,"_154":269,"_155":137,"_156":366,"_158":159,"_105":498,"_100":32,"_161":181,"_163":368,"_164":22,"_165":-5,"_98":499},["D",1747754734659],[261,268,364],{"_103":372,"_95":373,"_152":374,"_154":269,"_155":137,"_156":375,"_158":159,"_105":501,"_100":32,"_161":181,"_163":377,"_164":22,"_165":-5,"_98":502},["D",1747754897200],[261,268,373],{"_103":267,"_95":268,"_152":269,"_154":262,"_155":137,"_156":270,"_158":159,"_105":504,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":505},["D",1747754658630],[261,268],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":514,"_147":519,"_457":622,"_387":623,"_465":625,"_650":-5,"_651":22,"_652":-5,"_653":-5,"_654":-5,"_655":656},{"_103":104,"_95":96,"_105":515,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":516,"_131":517,"_134":518,"_146":22},["D",1747754319784],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[520,553,607,613,616,619],{"_103":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_105":160,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":521,"_98":552},[522,531,549],{"_103":169,"_95":170,"_152":171,"_154":153,"_155":137,"_156":157,"_158":159,"_105":172,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":523,"_98":530},[524,527],{"_103":175,"_95":176,"_152":177,"_154":171,"_155":137,"_156":178,"_158":159,"_105":179,"_100":180,"_161":181,"_163":182,"_164":22,"_165":-5,"_166":525,"_98":526},[],[151,170,176],{"_103":186,"_95":187,"_152":188,"_154":171,"_155":137,"_156":189,"_158":159,"_105":190,"_100":32,"_161":181,"_163":191,"_164":22,"_165":-5,"_166":528,"_98":529},[],[151,170,187],[151,170],{"_103":196,"_95":197,"_152":198,"_154":153,"_155":137,"_156":199,"_158":159,"_105":200,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":532,"_98":548},[533,536,539,542,545],{"_103":203,"_95":204,"_152":205,"_154":198,"_155":137,"_156":199,"_158":159,"_105":206,"_100":32,"_161":181,"_163":207,"_164":22,"_165":-5,"_166":534,"_98":535},[],[151,197,204],{"_103":211,"_95":212,"_152":213,"_154":198,"_155":137,"_156":214,"_158":159,"_105":215,"_100":32,"_161":181,"_163":216,"_164":22,"_165":-5,"_166":537,"_98":538},[],[151,197,212],{"_103":220,"_95":221,"_152":222,"_154":198,"_155":137,"_156":223,"_158":159,"_105":224,"_100":32,"_161":181,"_163":225,"_164":22,"_165":-5,"_166":540,"_98":541},[],[151,197,221],{"_103":229,"_95":230,"_152":231,"_154":198,"_155":137,"_156":232,"_158":159,"_105":233,"_100":32,"_161":181,"_163":234,"_164":22,"_165":-5,"_166":543,"_98":544},[],[151,197,230],{"_103":238,"_95":239,"_152":240,"_154":198,"_155":137,"_156":241,"_158":159,"_105":242,"_100":32,"_161":181,"_163":243,"_164":22,"_165":-5,"_166":546,"_98":547},[],[151,197,239],[151,197],{"_103":248,"_95":249,"_152":250,"_154":153,"_155":137,"_156":251,"_158":159,"_105":252,"_100":253,"_161":254,"_163":255,"_164":22,"_165":-5,"_166":550,"_98":551},[],[151,249],[151],{"_103":260,"_95":261,"_152":262,"_154":-5,"_155":137,"_156":263,"_158":159,"_105":264,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":554,"_98":606},[555,594,597,600,603],{"_103":267,"_95":268,"_152":269,"_154":262,"_155":137,"_156":270,"_158":159,"_105":271,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":556,"_98":593},[557,560,563,566,569,572,575,578,581,584,587,590],{"_103":274,"_95":275,"_152":276,"_154":269,"_155":137,"_156":277,"_158":159,"_105":278,"_100":32,"_161":181,"_163":279,"_164":22,"_165":-5,"_166":558,"_98":559},[],[261,268,275],{"_103":283,"_95":284,"_152":285,"_154":269,"_155":137,"_156":286,"_158":159,"_105":287,"_100":32,"_161":181,"_163":288,"_164":22,"_165":-5,"_166":561,"_98":562},[],[261,268,284],{"_103":292,"_95":293,"_152":294,"_154":269,"_155":137,"_156":295,"_158":159,"_105":296,"_100":32,"_161":181,"_163":297,"_164":22,"_165":-5,"_166":564,"_98":565},[],[261,268,293],{"_103":301,"_95":302,"_152":303,"_154":269,"_155":137,"_156":304,"_158":159,"_105":305,"_100":32,"_161":181,"_163":306,"_164":22,"_165":-5,"_166":567,"_98":568},[],[261,268,302],{"_103":310,"_95":311,"_152":312,"_154":269,"_155":137,"_156":313,"_158":159,"_105":314,"_100":32,"_161":181,"_163":315,"_164":22,"_165":-5,"_166":570,"_98":571},[],[261,268,311],{"_103":319,"_95":320,"_152":321,"_154":269,"_155":137,"_156":270,"_158":159,"_105":322,"_100":32,"_161":181,"_163":323,"_164":22,"_165":-5,"_166":573,"_98":574},[],[261,268,320],{"_103":327,"_95":328,"_152":329,"_154":269,"_155":137,"_156":330,"_158":159,"_105":331,"_100":32,"_161":181,"_163":332,"_164":22,"_165":-5,"_166":576,"_98":577},[],[261,268,328],{"_103":336,"_95":337,"_152":338,"_154":269,"_155":137,"_156":339,"_158":159,"_105":340,"_100":32,"_161":181,"_163":341,"_164":22,"_165":-5,"_166":579,"_98":580},[],[261,268,337],{"_103":345,"_95":346,"_152":347,"_154":269,"_155":137,"_156":348,"_158":159,"_105":349,"_100":32,"_161":181,"_163":350,"_164":22,"_165":-5,"_166":582,"_98":583},[],[261,268,346],{"_103":354,"_95":355,"_152":356,"_154":269,"_155":137,"_156":357,"_158":159,"_105":358,"_100":32,"_161":181,"_163":359,"_164":22,"_165":-5,"_166":585,"_98":586},[],[261,268,355],{"_103":363,"_95":364,"_152":365,"_154":269,"_155":137,"_156":366,"_158":159,"_105":367,"_100":32,"_161":181,"_163":368,"_164":22,"_165":-5,"_166":588,"_98":589},[],[261,268,364],{"_103":372,"_95":373,"_152":374,"_154":269,"_155":137,"_156":375,"_158":159,"_105":376,"_100":32,"_161":181,"_163":377,"_164":22,"_165":-5,"_166":591,"_98":592},[],[261,268,373],[261,268],{"_103":382,"_95":383,"_152":384,"_154":262,"_155":137,"_156":385,"_158":159,"_105":386,"_100":32,"_161":387,"_163":388,"_164":22,"_165":-5,"_166":595,"_98":596},[],[261,383],{"_103":392,"_95":393,"_152":394,"_154":262,"_155":137,"_156":263,"_158":159,"_105":395,"_100":32,"_161":387,"_163":396,"_164":22,"_165":-5,"_166":598,"_98":599},[],[261,393],{"_103":400,"_95":401,"_152":402,"_154":262,"_155":137,"_156":403,"_158":159,"_105":404,"_100":32,"_161":181,"_163":405,"_164":22,"_165":-5,"_166":601,"_98":602},[],[261,401],{"_103":409,"_95":410,"_152":411,"_154":262,"_155":137,"_156":412,"_158":159,"_105":413,"_100":32,"_161":387,"_163":414,"_164":22,"_165":-5,"_166":604,"_98":605},[],[261,410],[261],{"_103":419,"_95":420,"_152":421,"_154":-5,"_155":137,"_156":253,"_158":159,"_105":422,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":608,"_98":612},[609],{"_103":425,"_95":426,"_152":427,"_154":421,"_155":137,"_156":253,"_158":159,"_105":428,"_100":32,"_161":181,"_163":429,"_164":22,"_165":-5,"_166":610,"_98":611},[],[420,426],[420],{"_103":434,"_95":435,"_152":436,"_154":-5,"_155":137,"_156":180,"_158":159,"_105":437,"_100":32,"_161":387,"_163":438,"_164":22,"_165":-5,"_166":614,"_98":615},[],[435],{"_103":442,"_95":443,"_152":444,"_154":-5,"_155":137,"_156":445,"_158":159,"_105":446,"_100":157,"_161":447,"_163":72,"_164":22,"_165":-5,"_166":617,"_98":618},[],[443],{"_103":451,"_95":452,"_152":453,"_154":-5,"_155":137,"_156":136,"_158":159,"_105":454,"_100":32,"_161":181,"_163":72,"_164":22,"_165":-5,"_166":620,"_98":621},[],[452],[520,522,524,527,531,533,536,539,542,545,549,553,555,557,560,563,566,569,572,575,578,581,584,587,590,594,597,600,603,607,609,613,616,619],{"_103":267,"_95":268,"_152":269,"_154":262,"_155":137,"_156":270,"_158":159,"_105":504,"_100":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":624},[261,268],[626,628,630,632,634,636,638,640,642,644,646,648],{"_103":274,"_95":275,"_152":276,"_154":269,"_155":137,"_156":277,"_158":159,"_105":468,"_100":32,"_161":181,"_163":279,"_164":22,"_165":-5,"_98":627},[261,268,275],{"_103":283,"_95":284,"_152":285,"_154":269,"_155":137,"_156":286,"_158":159,"_105":471,"_100":32,"_161":181,"_163":288,"_164":22,"_165":-5,"_98":629},[261,268,284],{"_103":292,"_95":293,"_152":294,"_154":269,"_155":137,"_156":295,"_158":159,"_105":474,"_100":32,"_161":181,"_163":297,"_164":22,"_165":-5,"_98":631},[261,268,293],{"_103":301,"_95":302,"_152":303,"_154":269,"_155":137,"_156":304,"_158":159,"_105":477,"_100":32,"_161":181,"_163":306,"_164":22,"_165":-5,"_98":633},[261,268,302],{"_103":310,"_95":311,"_152":312,"_154":269,"_155":137,"_156":313,"_158":159,"_105":480,"_100":32,"_161":181,"_163":315,"_164":22,"_165":-5,"_98":635},[261,268,311],{"_103":319,"_95":320,"_152":321,"_154":269,"_155":137,"_156":270,"_158":159,"_105":483,"_100":32,"_161":181,"_163":323,"_164":22,"_165":-5,"_98":637},[261,268,320],{"_103":327,"_95":328,"_152":329,"_154":269,"_155":137,"_156":330,"_158":159,"_105":486,"_100":32,"_161":181,"_163":332,"_164":22,"_165":-5,"_98":639},[261,268,328],{"_103":336,"_95":337,"_152":338,"_154":269,"_155":137,"_156":339,"_158":159,"_105":489,"_100":32,"_161":181,"_163":341,"_164":22,"_165":-5,"_98":641},[261,268,337],{"_103":345,"_95":346,"_152":347,"_154":269,"_155":137,"_156":348,"_158":159,"_105":492,"_100":32,"_161":181,"_163":350,"_164":22,"_165":-5,"_98":643},[261,268,346],{"_103":354,"_95":355,"_152":356,"_154":269,"_155":137,"_156":357,"_158":159,"_105":495,"_100":32,"_161":181,"_163":359,"_164":22,"_165":-5,"_98":645},[261,268,355],{"_103":363,"_95":364,"_152":365,"_154":269,"_155":137,"_156":366,"_158":159,"_105":498,"_100":32,"_161":181,"_163":368,"_164":22,"_165":-5,"_98":647},[261,268,364],{"_103":372,"_95":373,"_152":374,"_154":269,"_155":137,"_156":375,"_158":159,"_105":501,"_100":32,"_161":181,"_163":377,"_164":22,"_165":-5,"_98":649},[261,268,373],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]