✨ MAJOR FEATURES: • Auto-zoom intelligence với smart bounds fitting • Enhanced 3D GPS markers với pulsing effects • Professional route display với 6-layer rendering • Status-based parking icons với availability indicators • Production-ready build optimizations 🗺️ AUTO-ZOOM FEATURES: • Smart bounds fitting cho GPS + selected parking • Adaptive padding (50px) cho visual balance • Max zoom control (level 16) để tránh quá gần • Dynamic centering khi không có selection 🎨 ENHANCED VISUALS: • 3D GPS marker với multi-layer pulse effects • Advanced parking icons với status colors • Selection highlighting với animation • Dimming system cho non-selected items 🛣️ ROUTE SYSTEM: • OpenRouteService API integration • Multi-layer route rendering (glow, shadow, main, animated) • Real-time distance & duration calculation • Visual route info trong popup 📱 PRODUCTION READY: • SSR safe với dynamic imports • Build errors resolved • Global deployment via Vercel • Optimized performance 🌍 DEPLOYMENT: • Vercel: https://whatever-ctk2auuxr-phong12hexdockworks-projects.vercel.app • Bundle size: 22.8 kB optimized • Global CDN distribution • HTTPS enabled 💾 VERSION CONTROL: • MapView-v2.0.tsx backup created • MAPVIEW_VERSIONS.md documentation • Full version history tracking
46 lines
1.9 KiB
JavaScript
46 lines
1.9 KiB
JavaScript
import applyInternationalSeparatorStyle from './applyInternationalSeparatorStyle.js'
|
|
|
|
// This was originally set to $1 but there are some countries for which the
|
|
// first group is not used in the national pattern (e.g. Argentina) so the $1
|
|
// group does not match correctly. Therefore, we use `\d`, so that the first
|
|
// group actually used in the pattern will be matched.
|
|
export const FIRST_GROUP_PATTERN = /(\$\d)/
|
|
|
|
export default function formatNationalNumberUsingFormat(
|
|
number,
|
|
format,
|
|
{
|
|
useInternationalFormat,
|
|
withNationalPrefix,
|
|
carrierCode,
|
|
metadata
|
|
}
|
|
) {
|
|
const formattedNumber = number.replace(
|
|
new RegExp(format.pattern()),
|
|
useInternationalFormat
|
|
? format.internationalFormat()
|
|
: (
|
|
// This library doesn't use `domestic_carrier_code_formatting_rule`,
|
|
// because that one is only used when formatting phone numbers
|
|
// for dialing from a mobile phone, and this is not a dialing library.
|
|
// carrierCode && format.domesticCarrierCodeFormattingRule()
|
|
// // First, replace the $CC in the formatting rule with the desired carrier code.
|
|
// // Then, replace the $FG in the formatting rule with the first group
|
|
// // and the carrier code combined in the appropriate way.
|
|
// ? format.format().replace(FIRST_GROUP_PATTERN, format.domesticCarrierCodeFormattingRule().replace('$CC', carrierCode))
|
|
// : (
|
|
// withNationalPrefix && format.nationalPrefixFormattingRule()
|
|
// ? format.format().replace(FIRST_GROUP_PATTERN, format.nationalPrefixFormattingRule())
|
|
// : format.format()
|
|
// )
|
|
withNationalPrefix && format.nationalPrefixFormattingRule()
|
|
? format.format().replace(FIRST_GROUP_PATTERN, format.nationalPrefixFormattingRule())
|
|
: format.format()
|
|
)
|
|
)
|
|
if (useInternationalFormat) {
|
|
return applyInternationalSeparatorStyle(formattedNumber)
|
|
}
|
|
return formattedNumber
|
|
} |