import type { FeedMarker } from '@/server/db/queries/feed.js'; export type MapPopupLocale = 'he' | 'en'; export type VendorPin = { vendorId: string; vendorName: string; lat: number; lng: number; address: string | null; deals: FeedMarker[]; }; export function groupMarkersByVendor(markers: FeedMarker[]): VendorPin[] { const map = new Map(); for (const marker of markers) { const key = `${marker.vendorId}|${marker.lat}|${marker.lng}`; if (!map.has(key)) { map.set(key, { vendorId: marker.vendorId, vendorName: marker.vendorName, lat: marker.lat, lng: marker.lng, address: marker.address, deals: [], }); } map.get(key)?.deals.push(marker); } return [...map.values()]; } export function escapePopupHtml(value: string): string { return value .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function popupDirection(locale: MapPopupLocale): 'rtl' | 'ltr' { return locale === 'he' ? 'rtl' : 'ltr'; } function dealHref(locale: MapPopupLocale, slug?: string, heSlug?: string): string { if (locale === 'en') { if (slug) return `/en/deals/${encodeURIComponent(slug)}`; return heSlug ? `/deals/${encodeURIComponent(heSlug)}` : '/deals'; } return slug ? `/deals/${encodeURIComponent(slug)}` : '/deals'; } export function buildVendorPopup( pin: VendorPin, locale: MapPopupLocale, fmtPrice: (shekels: number) => string, ): string { const dealsHtml = pin.deals .map((deal) => { return `

${fmtPrice(deal.discountedPrice)} ${fmtPrice(deal.originalPrice)} ${escapePopupHtml(deal.title)}

`; }) .join(''); const addressHtml = pin.address ? `${escapePopupHtml(pin.address)}` : ''; return `

${escapePopupHtml(pin.vendorName)} ${addressHtml}

${dealsHtml}

`; } export function buildClusterPopup( pins: VendorPin[], dealsCountLabel: string, locale: MapPopupLocale, fmtPrice: (shekels: number) => string, ): string { const totalDeals = pins.reduce((sum, pin) => sum + pin.deals.length, 0); const vendorsHtml = pins .map((pin) => { const addressHtml = pin.address ? `${escapePopupHtml(pin.address)}` : ''; const dealsHtml = pin.deals .map( (deal) => `

${escapePopupHtml(deal.title)} ${fmtPrice(deal.discountedPrice)}

`, ) .join(''); return `

${escapePopupHtml(pin.vendorName)}${addressHtml} ${dealsHtml}

`; }) .join(''); const headerLabel = dealsCountLabel .replace('{deals}', String(totalDeals)) .replace('{businesses}', String(pins.length)); return `

${escapePopupHtml(headerLabel)} ${vendorsHtml}

`; }