[{"_1":2,"_168":-5,"_169":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","0fffb492b08724537e73cd8bc4c3f31babbf0bd5","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_146":147,"_165":166,"_167":-5},"handle","xhaka","name","test","path","Daily.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":-5,"_113":20,"_114":-5,"_115":32,"_14":116,"_117":118,"_119":118,"_120":121,"_122":121,"_123":121,"_124":118,"_125":118,"_23":126,"_129":130,"_132":133,"_145":20},"id","748e0c86-318d-11f0-843e-569c3dd06744","createdAt",["D",1747314406407],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","2e0d9260-01f1-4484-bf2a-3c33a00f4476","pinnedFileId","pinPreview","screenshotVersion","likeCount","43c84873-42b9-4d23-b33f-523f2b1cd26e","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_127":128},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJxNnFsRUpaTkpBQXgzd0NVMEJ3V1pxVFhRZiJ9","org",{"_93":94,"_131":128,"_12":111},"avatar","branch",{"_134":135,"_95":43,"_101":136,"_137":102,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},"version",2,"748e6b68-318d-11f0-843e-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":148,"_95":98,"_149":150,"_151":-5,"_152":136,"_153":135,"_154":155,"_103":156,"_134":157,"_158":159,"_160":161,"_162":20,"_163":-5,"_97":164},"6dc835f6-318e-11f0-b63a-569c3dd06744","fileId","1bb5e3bc-318e-11f0-b671-569c3dd06744","parentId","branchId","branchVersion","latest",true,["D",1747314824532],1,"fileType","script","content","import { View, Text, ScrollView } from 'react-native'\nimport React, { useEffect, useState } from 'react'\nimport MainLayout from '@/components/reports/MainLayout'\nimport DateRangeSelector from '@/components/reports/DateRangeSelector'\nimport { useTheme } from '@/context/ThemeProvider'\nimport { WaiterPerformance } from '@/types/reports/WaiterPerformace'\nimport { getSaleWaiters } from '@/api/reports/saleWaitersApi'\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated'\nimport DailySalesTable from '@/components/reports/DailySalesTable'\nimport { Payments } from '@/types/Payments'\nimport { getPayments } from '@/api/banks/paymentsApi'\n\n// Payment method filter type\ntype PaymentMethodFilter = 'cash' | 'bank' | null;\n\n// Custom hook for sales data management\nconst useSalesData = () => {\n const [salesData, setSalesData] = useState([]);\n const [paymentData, setPaymentData] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [filteredData, setFilteredData] = useState([]);\n const [paymentMethodFilter, setPaymentMethodFilter] = useState(null);\n\n // Fetch sales and payment data\n const fetchSalesData = async (startDate: Date, endDate: Date) => {\n setIsLoading(true);\n setError(null);\n\n try {\n const dateFrom = startDate.toISOString().split('T')[0];\n const dateTo = endDate.toISOString().split('T')[0];\n\n // Fetch both data sets in parallel\n const [salesResponse, paymentsResponse] = await Promise.all([\n getSaleWaiters(dateFrom, dateTo),\n getPayments()\n ]);\n\n if (salesResponse && paymentsResponse) {\n console.log('Fetched sales data:', salesResponse.length, 'records');\n console.log('Fetched payment data:', paymentsResponse.length, 'records');\n \n setSalesData(salesResponse);\n setPaymentData(paymentsResponse);\n \n // Apply current filter to the new data\n applyPaymentMethodFilter(salesResponse, paymentsResponse, paymentMethodFilter);\n }\n } catch (error) {\n setError('Failed to fetch sales data. Please try again.');\n console.error('Fetch error:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n // Filter sales data by payment method\n const applyPaymentMethodFilter = (\n sales: WaiterPerformance[],\n payments: Payments[],\n filter: PaymentMethodFilter\n ) => {\n if (!filter) {\n console.log('No filter applied, showing all', sales.length, 'sales');\n setFilteredData(sales);\n return;\n }\n\n // Create a map of SaleId to Payment for quick lookup\n const paymentMap = new Map();\n payments.forEach(payment => {\n paymentMap.set(payment.SaleId, payment);\n });\n\n console.log('Payment map created with', paymentMap.size, 'entries');\n\n const filteredSales = sales.filter(sale => {\n const payment = paymentMap.get(sale.SaleId);\n \n // If no payment record found, skip this sale\n if (!payment) {\n console.log('No payment found for sale ID:', sale.SaleId);\n return false;\n }\n\n if (filter === 'cash') {\n // Cash payment: BankId is 0 and ClientCash is greater than 0\n return payment.BankId === 0 && payment.ClientCash > 0;\n } else if (filter === 'bank') {\n // Bank payment: BankId is not 0\n return payment.BankId !== 0;\n }\n \n return false;\n });\n\n console.log(`Applied ${filter} filter: ${filteredSales.length} sales match from ${sales.length} total`);\n setFilteredData(filteredSales);\n };\n\n // Filter handlers\n const filterByCashPayment = () => {\n console.log('Filtering by cash payment');\n setPaymentMethodFilter('cash');\n };\n\n const filterByBankPayment = () => {\n console.log('Filtering by bank payment');\n setPaymentMethodFilter('bank');\n };\n\n const resetFilter = () => {\n console.log('Resetting filter');\n setPaymentMethodFilter(null);\n };\n\n // Update filtered data when filter changes or data changes\n useEffect(() => {\n if (salesData.length > 0 && paymentData.length > 0) {\n console.log('Filter or data changed, reapplying filter:', paymentMethodFilter);\n applyPaymentMethodFilter(salesData, paymentData, paymentMethodFilter);\n }\n }, [paymentMethodFilter, salesData, paymentData]);\n\n return {\n salesData,\n filteredData,\n isLoading,\n error,\n paymentMethodFilter,\n fetchSalesData,\n filterByCashPayment,\n filterByBankPayment,\n resetFilter\n };\n};\n\nconst Daily = () => {\n const { theme } = useTheme();\n const {\n filteredData,\n isLoading,\n error,\n paymentMethodFilter,\n fetchSalesData,\n filterByCashPayment,\n filterByBankPayment,\n resetFilter\n } = useSalesData();\n\n // Payment method filter buttons configuration\n const paymentMethodButtons = [\n {\n label: 'Kesh',\n onPress: filterByCashPayment,\n isActive: paymentMethodFilter === 'cash'\n },\n {\n label: 'Bank',\n onPress: filterByBankPayment,\n isActive: paymentMethodFilter === 'bank'\n },\n {\n label: 'Të gjitha',\n onPress: resetFilter,\n isActive: paymentMethodFilter === null\n }\n ];\n\n useEffect(() => {\n // On initial load, set the last 7 days\n const endDate = new Date();\n const startDate = new Date();\n startDate.setDate(startDate.getDate() - 6);\n fetchSalesData(startDate, endDate);\n }, []);\n\n return (\n \n \n \n \n Raporti i Shitjeve\n \n \n Shiko shitjet ne restaurant\n \n \n\n \n \n \n\n {error && (\n {error}\n )}\n\n \n ({\n id: waiter.Id,\n name: waiter.CreatedBy,\n date: waiter.CreatedAt,\n sales: waiter.TotalSum,\n transactions: waiter.Sale\n }))}\n isLoading={isLoading}\n />\n \n \n \n );\n};\n\nexport default Daily;","deleted","label",[98],"permalink","https://www.val.town/x/xhaka/test/code/Daily.tsx","extension","actionData","errors"]