{
"version": 3,
"sources": ["/cdn/shop/t/4/assets/ims-dashboard.js?bust=20260531"],
"sourcesContent": ["// StockMaestro Dashboard v3.0 \u2014 Redesigned (Phase 4)\r\n(function () {\r\n 'use strict';\r\n\r\n // window.IMS is a confusing alias for the whole window.SM namespace\r\n // (set as `window.IMS = window.SM` in ims-core.js) \u2014 NOT the actual\r\n // config object with delayedDays/appName on it, which lives at\r\n // window.SM.IMS instead. Every bare `IMS.delayedDays` reference in\r\n // this file was silently resolving to the wrong object (producing\r\n // \"undefined\"), since this module never destructured the real one.\r\n const { IMS } = window.SM;\r\n\r\n // Consistent color assignment for platform channel badges \u2014 known\r\n // platforms get deliberate, recognizable colors; anything else falls\r\n // back to a stable hash-based color so it's still consistent run to\r\n // run, never random.\r\n const CHANNEL_COLORS = {\r\n 'amazon uk': '#F59E0B', 'amazon': '#F59E0B',\r\n 'ebay uk': '#7C3AED', 'ebay': '#7C3AED',\r\n 'temu': '#64748B',\r\n 'tiktok shop': '#EC4899', 'tiktok': '#EC4899',\r\n 'tesco': '#10B981',\r\n 'b&q / tradepoint': '#0EA5E9', 'b&q': '#0EA5E9',\r\n 'retailer / wholesaler': '#2563EB', 'wholesale': '#2563EB',\r\n 'website / own store': '#475569', 'website': '#475569'\r\n };\r\n function channelColor(name) {\r\n const key = (name || '').toLowerCase().trim();\r\n if (CHANNEL_COLORS[key]) return CHANNEL_COLORS[key];\r\n let hash = 0;\r\n for (let i = 0; i < key.length; i++) hash = key.charCodeAt(i) + ((hash << 5) - hash);\r\n const palette = ['#F59E0B','#7C3AED','#64748B','#EC4899','#0EA5E9','#2563EB','#10B981','#475569'];\r\n return palette[Math.abs(hash) % palette.length];\r\n }\r\n function avatarColor(name) {\r\n const palette = ['#F59E0B','#7C3AED','#2563EB','#10B981','#EF4444','#0EA5E9','#EC4899'];\r\n let hash = 0;\r\n const key = (name || '?').toLowerCase();\r\n for (let i = 0; i < key.length; i++) hash = key.charCodeAt(i) + ((hash << 5) - hash);\r\n return palette[Math.abs(hash) % palette.length];\r\n }\r\n\r\n let _trendChartInst = null, _marketChartInst = null;\r\n let _lastOrders = []; // cached from the last load(), so range-switching recomputes instantly without re-querying\r\n let _trendRangeDays = 30; // currently selected trend chart range\r\n\r\n async function load() {\r\n const { AUTH, DB, UI, UTIL } = window.SM;\r\n\r\n // Orders & revenue trend (totals, avg order value, best day) is\r\n // commercially sensitive at a glance \u2014 restrict it to Admin/Super\r\n // Admin only, matching how other admin-only areas are gated\r\n // elsewhere in the app.\r\n const trendPanel = document.getElementById('ims-dash-trend-panel');\r\n if (trendPanel) trendPanel.style.display = AUTH.isAdmin() ? '' : 'none';\r\n\r\n let companyId = AUTH.company?.id;\r\n if (!companyId) {\r\n for (let i = 0; i < 10; i++) {\r\n await new Promise(r => setTimeout(r, 300));\r\n companyId = AUTH.company?.id;\r\n if (companyId) break;\r\n }\r\n }\r\n if (!companyId) { console.warn('[Dashboard] Company not loaded after retries'); return; }\r\n\r\n UI.loading('ims-dash-stats', 'Loading stats...');\r\n\r\n try {\r\n const safeQuery = async (table, opts) => {\r\n try {\r\n const timeout = new Promise(r => setTimeout(() => r({ data: [], error: null }), 5000));\r\n const query = DB.select(table, opts);\r\n return await Promise.race([query, timeout]);\r\n } catch (e) { return { data: [], error: e }; }\r\n };\r\n\r\n const canSeeCost = AUTH.canSeeCost();\r\n\r\n const queries = [\r\n safeQuery('orders', {\r\n select: 'id,status,dispatched_at,total_value,created_at,order_number,customer_name,fulfillment_type,platforms(name)',\r\n order: { col: 'created_at', asc: false }\r\n }),\r\n safeQuery('stock_levels', {\r\n select: 'quantity,reserved_qty,product_id,warehouse_id,products(name,sku,reorder_threshold)'\r\n }),\r\n safeQuery('imports', { select: 'id,status,container_number,eta' }),\r\n safeQuery('claims', { select: 'id,status' }),\r\n safeQuery('accounts_payable', { select: 'amount,paid_amount', neq: { status: 'paid' } }),\r\n safeQuery('logistics_jobs', { select: 'id,status,job_type', eq: { status: 'unassigned' } }),\r\n safeQuery('orders', {\r\n select: 'id,status,delivery_method,fulfillment_type',\r\n eq: { fulfillment_type: 'dropship', delivery_method: 'self_arrange' }\r\n }),\r\n safeQuery('orders', {\r\n select: 'id,payment_status,unpaid_expires_at',\r\n eq: { payment_status: 'unpaid', fulfillment_type: 'retail' }\r\n }),\r\n safeQuery('deals', { select: 'id,name,valid_to,is_active', eq: { is_active: true } })\r\n ];\r\n // Only query cost prices for users permitted to see them \u2014 matches\r\n // AUTH.canSeeCost() gating already used elsewhere in the app\r\n // (Inventory, Purchases, Reports).\r\n if (canSeeCost) {\r\n queries.push(safeQuery('product_prices', {\r\n select: 'product_id,price', eq: { price_type: 'cost' }, is: { platform_id: null }, noCompanyFilter: true\r\n }));\r\n }\r\n\r\n const results = await Promise.all(queries);\r\n const [ordersRes, stockRes, importsRes, claimsRes, payablesRes, logisticsRes, dsOrdersRes, unpaidRes, dealsRes] = results;\r\n const costRes = canSeeCost ? results[9] : null;\r\n\r\n const orders = ordersRes.data || [];\r\n const stock = stockRes.data || [];\r\n const imports = importsRes.data || [];\r\n const claims = claimsRes.data || [];\r\n const payables = payablesRes.data || [];\r\n const logistics = logisticsRes.data || [];\r\n const dsOrders = dsOrdersRes.data || [];\r\n const unpaidOrders = unpaidRes.data || [];\r\n const deals = dealsRes.data || [];\r\n const costPrices = costRes?.data || [];\r\n\r\n const today2 = new Date().toISOString().split('T')[0];\r\n const activeDeals = deals.filter(d => d.valid_to >= today2);\r\n const expiringDeals = deals.filter(d => {\r\n const daysLeft = (new Date(d.valid_to) - new Date()) / 86400000;\r\n return daysLeft >= 0 && daysLeft <= 3;\r\n });\r\n\r\n const today = new Date(); today.setHours(0, 0, 0, 0);\r\n const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate() + 1);\r\n\r\n // Packed orders hand off to Logistics (they appear in Unassigned Jobs\r\n // awaiting a courier), so Order Management's default view deliberately\r\n // excludes them. Counting them here made the KPI unreachable: the card\r\n // showed 1, you clicked through, and the list was empty.\r\n const openOrders = orders.filter(o => ['confirmed', 'picking'].includes(o.status) && o.fulfillment_type !== 'dropship');\r\n const delayedOrders = orders.filter(o => {\r\n if (o.fulfillment_type === 'dropship') return false;\r\n if (!o.dispatched_at || o.status !== 'dispatched') return false;\r\n return Math.floor((new Date() - new Date(o.dispatched_at)) / 86400000) >= IMS.delayedDays;\r\n });\r\n const todayDispatches = orders.filter(o => {\r\n if (!o.dispatched_at || o.fulfillment_type === 'dropship') return false;\r\n const d = new Date(o.dispatched_at); d.setHours(0, 0, 0, 0);\r\n return d.getTime() === today.getTime();\r\n });\r\n const pendingImports = imports.filter(i => ['ordered', 'in_transit', 'customs'].includes(i.status));\r\n const grnPending = imports.filter(i => i.status === 'grn_pending');\r\n const lowStock = stock.filter(s => s.products && s.quantity > 0 && s.quantity <= (s.products.reorder_threshold || 10));\r\n const outOfStock = stock.filter(s => s.quantity <= 0 && s.products);\r\n // Overstocked \u2014 per confirmed default: quantity > 5x reorder threshold.\r\n const overstocked = stock.filter(s => s.products && s.quantity > 5 * (s.products.reorder_threshold || 10));\r\n const openClaims = claims.filter(c => ['raised', 'acknowledged', 'escalated_14', 'overdue_30'].includes(c.status));\r\n const totalPayables = payables.reduce((sum, p) => sum + ((p.amount || 0) - (p.paid_amount || 0)), 0);\r\n const unassignedJobs = logistics.length;\r\n const selfCollection = dsOrders.filter(o => !['collected', 'cancelled', 'delivered'].includes(o.status)).length;\r\n const allUnpaid = unpaidOrders.filter(o => !['cancelled', 'refunded'].includes(o.status));\r\n const expiringToday = allUnpaid.filter(o => o.unpaid_expires_at && new Date(o.unpaid_expires_at) <= tomorrow && new Date(o.unpaid_expires_at) > new Date());\r\n\r\n // Total inventory value \u2014 cost-gated per confirmed decision.\r\n let totalStockVal = null;\r\n if (canSeeCost) {\r\n const costMap = {};\r\n costPrices.forEach(cp => { costMap[cp.product_id] = cp.price; });\r\n totalStockVal = stock.reduce((sum, s) => sum + ((s.quantity || 0) * (costMap[s.product_id] || 0)), 0);\r\n }\r\n\r\n // New orders created today \u2014 a real, honest data point for the\r\n // Open Orders card, rather than a fabricated trend percentage\r\n // (there's no historical snapshot table to compare current open\r\n // counts against, so a true trend can't be computed truthfully).\r\n const newToday = orders.filter(o => {\r\n if (o.fulfillment_type === 'dropship') return false;\r\n const d = new Date(o.created_at); d.setHours(0, 0, 0, 0);\r\n return d.getTime() === today.getTime();\r\n }).length;\r\n\r\n // Which delayed orders are actively being chased? Logging a follow-up\r\n // in the Tracking tab writes an order_tracking_events row but leaves\r\n // orders.status as 'dispatched' (correctly \u2014 the parcel is still not\r\n // delivered), so the dashboard previously couldn't tell a chased order\r\n // from a completely ignored one. A chase counts as \"live\" for 2 days;\r\n // after that the courier has gone quiet again and it needs re-actioning.\r\n const RECHASE_DAYS = 2;\r\n const chasedIds = new Set();\r\n if (delayedOrders.length) {\r\n const delayedIds = delayedOrders.map(o => o.id);\r\n const cutoff = Date.now() - RECHASE_DAYS * 86400000;\r\n\r\n // Two sources: Logistics' current follow-up flow writes to\r\n // order_tracking_events, while the retired Order Management flow\r\n // wrote to courier_followups. Historical chases live in the latter,\r\n // so both are checked to avoid false \"not yet chased\" warnings.\r\n const [trackRes, legacyRes] = await Promise.all([\r\n safeQuery('order_tracking_events', {\r\n select: 'order_id,created_at',\r\n eq: { tracking_status: 'Follow-up sent to courier' },\r\n in: { order_id: delayedIds }\r\n }),\r\n safeQuery('courier_followups', {\r\n select: 'order_id,email_sent_at',\r\n in: { order_id: delayedIds }\r\n })\r\n ]);\r\n\r\n (trackRes.data || []).forEach(e => {\r\n if (new Date(e.created_at).getTime() >= cutoff) chasedIds.add(e.order_id);\r\n });\r\n (legacyRes.data || []).forEach(e => {\r\n if (e.email_sent_at && new Date(e.email_sent_at).getTime() >= cutoff) chasedIds.add(e.order_id);\r\n });\r\n }\r\n const unactionedDelayed = delayedOrders.filter(o => !chasedIds.has(o.id));\r\n const chasedDelayed = delayedOrders.filter(o => chasedIds.has(o.id));\r\n\r\n _lastOrders = orders;\r\n renderPriorityStats({ openOrders, delayedOrders, unactionedDelayed, lowStock, outOfStock, allUnpaid, newToday });\r\n renderTrendChart(orders, _trendRangeDays);\r\n renderMarketChart(orders);\r\n renderAttentionStrip({\r\n unassignedJobs, openClaims, delayedOrders, unactionedDelayed, chasedDelayed,\r\n grnPending, pendingImports,\r\n totalPayables, selfCollection, expiringToday, activeDeals, expiringDeals\r\n });\r\n renderInventoryHealth({ lowStock, outOfStock, overstocked, totalStockVal, stockTotal: stock.length });\r\n loadRecentOrdersEnhanced(orders);\r\n\r\n // Badge shows only Open Orders count \u2014 matching exactly what\r\n // Order Management's default view displays (confirmed/picking\r\n // status only) when clicked from the sidebar. Previously this\r\n // added Delayed Orders too, but delayed orders are 'dispatched'\r\n // status and never appear in that default view, so the badge\r\n // number could never match what you'd actually see after clicking.\r\n UI.updateBadge('ims-badge-orders', openOrders.length);\r\n UI.updateBadge('ims-badge-imports', pendingImports.length + grnPending.length);\r\n UI.updateBadge('ims-badge-logistics', unassignedJobs);\r\n\r\n const alertEl = document.getElementById('ims-dash-alert');\r\n if (alertEl) {\r\n // Only warn about orders nobody has chased (or where the last chase\r\n // is now stale). Warning about orders already being followed up is\r\n // just noise, and trains people to ignore the banner.\r\n if (unactionedDelayed.length > 0) {\r\n alertEl.innerHTML = `\r\n
\r\n \r\n ${unactionedDelayed.length} order${unactionedDelayed.length > 1 ? 's' : ''} dispatched ${IMS.delayedDays}+ days ago with no recent follow-up \u2014 chase the courier and log it in Tracking.${chasedDelayed.length ? ` (${chasedDelayed.length} other${chasedDelayed.length > 1 ? 's' : ''} already being chased.)` : ''}\r\n \r\n
`;\r\n } else {\r\n alertEl.innerHTML = '';\r\n }\r\n }\r\n } catch (err) {\r\n console.error('[Dashboard]', err);\r\n window.SM.UI.toast('Failed to load dashboard data', 'error');\r\n }\r\n }\r\n\r\n // \u2500\u2500\u2500 PRIORITY KPIs (4 cards only) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n function renderPriorityStats({ openOrders, delayedOrders, unactionedDelayed, lowStock, outOfStock, allUnpaid, newToday }) {\r\n const { UTIL } = window.SM;\r\n const el = document.getElementById('ims-dash-stats');\r\n if (!el) return;\r\n\r\n const lowStockTotal = lowStock.length + outOfStock.length;\r\n const cards = [\r\n {\r\n label: 'Open orders', value: openOrders.length, click: 'orders-open',\r\n icon: 'ti-shopping-cart', color: 'var(--ims-accent)', bg: 'var(--ims-accent-bg)',\r\n sub: newToday > 0 ? `+${newToday} new today` : 'Awaiting dispatch'\r\n },\r\n {\r\n // Value stays the honest total \u2014 the parcels are still undelivered\r\n // and the money is still at risk, so chasing one doesn't make it\r\n // disappear. The sub-line carries the actionable number instead.\r\n label: 'Delayed orders', value: delayedOrders.length, click: 'logistics-delayed',\r\n icon: 'ti-clock-exclamation',\r\n color: unactionedDelayed.length > 0 ? 'var(--ims-danger)' : (delayedOrders.length > 0 ? 'var(--ims-warning)' : 'var(--ims-success)'),\r\n bg: unactionedDelayed.length > 0 ? 'var(--ims-danger-bg)' : (delayedOrders.length > 0 ? 'var(--ims-warning-bg)' : 'var(--ims-success-bg)'),\r\n sub: delayedOrders.length === 0\r\n ? `${IMS.delayedDays}+ days, no delivery`\r\n : (unactionedDelayed.length > 0 ? `${unactionedDelayed.length} not yet chased` : 'All being chased')\r\n },\r\n {\r\n label: 'Low stock items', value: lowStockTotal, click: 'inventory-lowstock',\r\n icon: 'ti-alert-triangle', color: lowStockTotal > 0 ? 'var(--ims-warning)' : 'var(--ims-success)',\r\n bg: lowStockTotal > 0 ? 'var(--ims-warning-bg)' : 'var(--ims-success-bg)',\r\n sub: `${outOfStock.length} out of stock`\r\n },\r\n {\r\n label: 'Unpaid orders', value: allUnpaid.length, click: 'orders-unpaid',\r\n icon: 'ti-currency-pound', color: allUnpaid.length > 0 ? 'var(--ims-danger)' : 'var(--ims-success)',\r\n bg: allUnpaid.length > 0 ? 'var(--ims-danger-bg)' : 'var(--ims-success-bg)',\r\n sub: 'Payment not received'\r\n }\r\n ];\r\n\r\n el.innerHTML = cards.map(c => `\r\n