@mapslibvn/react-native 0.4.0

package/dist/index.js

@@ -0,0 +1,742 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/map.tsx
+import {
+  Camera,
+  Map as NativeMap
+} from "@maplibre/maplibre-react-native";
+
+// ../core/dist/index.js
+var ATTRIBUTION_LINKS = [
+  {
+    text: "\xA9 MapsLibVN",
+    href: "https://github.com/dotienphong/maps-library-vietnam"
+  },
+  {
+    text: "\xA9 OpenStreetMap contributors",
+    href: "https://www.openstreetmap.org/copyright",
+    license: "ODbL"
+  },
+  { text: "\xA9 OpenMapTiles", href: "https://openmaptiles.org/" },
+  {
+    text: "Places: Overture Maps Foundation",
+    href: "https://overturemaps.org/",
+    license: "CDLA-Permissive 2.0"
+  },
+  {
+    text: "Foursquare OS Places",
+    href: "https://opensource.foursquare.com/os-places/",
+    license: "Apache-2.0"
+  }
+];
+var withLicense = (link, text) => link.license ? `${text} (${link.license})` : text;
+function join(parts) {
+  const [mapsLibVN, osm, openMapTiles, overture, foursquare] = parts;
+  return `${mapsLibVN} \xB7 ${osm} \xB7 ${openMapTiles} \xB7 ${overture}, ${foursquare}`;
+}
+function attributionText() {
+  return join(ATTRIBUTION_LINKS.map((link) => withLicense(link, link.text)));
+}
+var MapsLibVNError = class extends Error {
+  constructor(status, code, message, requestId) {
+    super(message);
+    __publicField(this, "status");
+    __publicField(this, "code");
+    __publicField(this, "requestId");
+    this.name = "MapsLibVNError";
+    this.status = status;
+    this.code = code;
+    this.requestId = requestId;
+  }
+};
+var POI_SOURCES = ["osm", "overture", "fsq"];
+var POI_SOURCE_PROFILES = {
+  all: ["osm", "overture", "fsq"],
+  osm: ["osm"],
+  "osm-fsq": ["osm", "fsq"],
+  "overture-fsq": ["overture", "fsq"],
+  overture: ["overture"],
+  fsq: ["fsq"]
+};
+var DEFAULT_POI_SOURCES = POI_SOURCE_PROFILES.all;
+var isPoiSource = (value) => POI_SOURCES.includes(value);
+function normalizePoiSources(list) {
+  if (list.length === 0 || !list.every(isPoiSource)) return null;
+  const set = new Set(list);
+  return POI_SOURCES.filter((source) => set.has(source));
+}
+function poiSourcesKey(sources) {
+  return (normalizePoiSources(sources) ?? []).join(",");
+}
+function createClient(options) {
+  const baseUrl = options.baseUrl.replace(/\/+$/, "");
+  const poiSources = normalizePoiSources(options.poiSources ?? DEFAULT_POI_SOURCES);
+  if (!poiSources) {
+    throw new Error(`poiSources kh\xF4ng h\u1EE3p l\u1EC7: ${JSON.stringify(options.poiSources)}`);
+  }
+  const sources = poiSourcesKey(poiSources);
+  const doFetch = options.fetch ?? globalThis.fetch.bind(globalThis);
+  const baseHeaders = () => ({
+    ...options.headers ?? {},
+    "X-Api-Key": options.apiKey
+  });
+  async function parseOrThrow(response) {
+    if (!response.ok) {
+      let body = {};
+      try {
+        body = await response.json();
+      } catch {
+      }
+      throw new MapsLibVNError(
+        response.status,
+        body.error?.code ?? "http_error",
+        body.error?.message ?? `HTTP ${response.status}`,
+        body.error?.request_id
+      );
+    }
+    return await response.json();
+  }
+  async function get(path, params = {}) {
+    const url = new URL(baseUrl + path);
+    for (const [key, value] of Object.entries(params)) {
+      if (value !== void 0) url.searchParams.set(key, String(value));
+    }
+    const response = await doFetch(url, {
+      headers: baseHeaders()
+    });
+    return parseOrThrow(response);
+  }
+  async function post(path, body) {
+    const response = await doFetch(new URL(baseUrl + path), {
+      method: "POST",
+      headers: { ...baseHeaders(), "content-type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    return parseOrThrow(response);
+  }
+  return {
+    baseUrl,
+    attribution: () => get("/v1/attribution"),
+    styleUrl: (theme) => `${baseUrl}/v1/styles/${theme}.json?key=${encodeURIComponent(options.apiKey)}&sources=${encodeURIComponent(sources)}`,
+    autocomplete: (q, opts = {}) => get("/v1/autocomplete", {
+      q,
+      near: opts.near?.join(","),
+      limit: opts.limit,
+      types: opts.types?.join(","),
+      sources
+    }),
+    search: (q, opts = {}) => get("/v1/search", {
+      q,
+      category: opts.category,
+      near: opts.near?.join(","),
+      radius: opts.radius,
+      bbox: opts.bbox?.join(","),
+      limit: opts.limit,
+      offset: opts.offset,
+      sources
+    }),
+    nearby: (opts) => get("/v1/nearby", {
+      lat: opts.lat,
+      lng: opts.lng,
+      radius: opts.radius,
+      category: opts.category,
+      limit: opts.limit,
+      sources
+    }),
+    getPlace: (id) => get(`/v1/places/${encodeURIComponent(id)}`),
+    geocode: (q, opts = {}) => get("/v1/geocode", {
+      q,
+      near: opts.near?.join(","),
+      limit: opts.limit
+    }),
+    reverse: (lat, lng) => get("/v1/reverse", { lat, lng, sources }),
+    /** Gửi đóng góp/sửa POI (spec 6.1). Khoá phải có scope edits:write. */
+    suggestEdit: (edit) => post("/v1/edits", edit)
+  };
+}
+var abbrev_default = {
+  "tp.": "thanh pho",
+  "tt.": "thi tran",
+  "tx.": "thi xa",
+  "p.": "phuong",
+  "q.": "quan",
+  "h.": "huyen",
+  "x.": "xa",
+  "d.": "duong",
+  "ng.": "nguyen",
+  kp: "khu pho",
+  cty: "cong ty",
+  cp: "co phan"
+};
+var brand_alias_default = {
+  highlands: ["highlands coffee", "highland coffee", "highland"],
+  cong: ["cong caphe", "cong ca phe", "cong cafe", "cong coffee"],
+  "the coffee house": ["tch", "coffee house"],
+  "phuc long": ["phuc long coffee tea", "phuc long tea coffee", "phuc long coffee"],
+  "trung nguyen": ["trung nguyen legend", "trung nguyen e-coffee", "trung nguyen coffee"],
+  starbucks: ["starbucks coffee", "starbucks reserve"],
+  "circle k": ["circlek"],
+  winmart: ["vinmart", "vinmart plus", "winmart plus"],
+  coopmart: ["co opmart", "co op mart", "coop mart", "saigon co op"],
+  "bach hoa xanh": ["bhx"],
+  "family mart": ["familymart"],
+  gs25: ["gs 25"],
+  "pho 24": ["pho24"],
+  kfc: ["kentucky fried chicken"],
+  vietcombank: ["ngan hang vietcombank", "ngan hang tmcp ngoai thuong viet nam", "vcb"],
+  techcombank: ["ngan hang techcombank", "tcb"],
+  agribank: ["ngan hang agribank", "ngan hang nong nghiep va phat trien nong thon"],
+  bidv: ["ngan hang bidv", "ngan hang dau tu va phat trien viet nam"],
+  vietinbank: ["ngan hang vietinbank", "ngan hang cong thuong viet nam"],
+  pharmacity: ["nha thuoc pharmacity"],
+  "long chau": ["nha thuoc long chau", "fpt long chau"],
+  "an khang": ["nha thuoc an khang"],
+  "the gioi di dong": ["tgdd"],
+  "dien may xanh": ["dmx"],
+  "fpt shop": ["fptshop"]
+};
+var ABBREV = abbrev_default;
+var BRAND_ALIAS = brand_alias_default;
+var escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var ABBREV_RULES = Object.entries(ABBREV).map(([key, value]) => {
+  const after = key.endsWith(".") ? "" : "(?=[\\s\\d,.]|$)";
+  return {
+    re: new RegExp(`(^|[\\s,.(])${escapeRegExp(key)}${after}`, "g"),
+    replacement: `$1${value} `
+  };
+});
+var ALIAS_RULES = Object.entries(BRAND_ALIAS).flatMap(([canonical, variants]) => variants.map((variant) => ({ variant, canonical }))).sort((a, b) => b.variant.length - a.variant.length);
+function stripDiacritics(s) {
+  return s.normalize("NFD").replace(/\p{M}/gu, "").replace(/đ/g, "d").replace(/Đ/g, "D");
+}
+function expandAbbrev(s) {
+  let out = s;
+  for (const { re, replacement } of ABBREV_RULES) out = out.replace(re, replacement);
+  out = out.replace(/(^|\s)f\.?(?=\s*\d)/g, "$1phuong ");
+  return out.replace(/ {2,}/g, " ").trim();
+}
+function normalizeVi(input) {
+  let s = stripDiacritics(input.normalize("NFC").toLowerCase());
+  s = expandAbbrev(s);
+  s = s.replace(/[^a-z0-9/\-\s]/g, " ");
+  s = s.replace(/\s*\/\s*/g, "/");
+  s = s.replace(/\s+-\s+/g, " ");
+  return s.replace(/\s+/g, " ").trim();
+}
+var provinces_default = {
+  "H\xE0 N\u1ED9i": ["ha noi", "hanoi", "hn"],
+  Hu\u1EBF: ["hue", "thua thien hue", "thua thien-hue"],
+  "Lai Ch\xE2u": ["lai chau"],
+  "\u0110i\u1EC7n Bi\xEAn": ["dien bien"],
+  "S\u01A1n La": ["son la"],
+  "L\u1EA1ng S\u01A1n": ["lang son"],
+  "Qu\u1EA3ng Ninh": ["quang ninh", "ha long"],
+  "Thanh H\xF3a": ["thanh hoa"],
+  "Ngh\u1EC7 An": ["nghe an", "vinh"],
+  "H\xE0 T\u0129nh": ["ha tinh"],
+  "Cao B\u1EB1ng": ["cao bang"],
+  "Tuy\xEAn Quang": ["tuyen quang", "ha giang"],
+  "L\xE0o Cai": ["lao cai", "yen bai", "sa pa", "sapa"],
+  "Th\xE1i Nguy\xEAn": ["thai nguyen", "bac kan", "bac can"],
+  "Ph\xFA Th\u1ECD": ["phu tho", "vinh phuc", "hoa binh", "viet tri"],
+  "B\u1EAFc Ninh": ["bac ninh", "bac giang"],
+  "H\u01B0ng Y\xEAn": ["hung yen", "thai binh"],
+  "H\u1EA3i Ph\xF2ng": ["hai phong", "hai duong"],
+  "Ninh B\xECnh": ["ninh binh", "ha nam", "nam dinh"],
+  "Qu\u1EA3ng Tr\u1ECB": ["quang tri", "quang binh", "dong hoi"],
+  "\u0110\xE0 N\u1EB5ng": ["da nang", "danang", "quang nam", "hoi an", "tam ky"],
+  "Qu\u1EA3ng Ng\xE3i": ["quang ngai", "kon tum"],
+  "Gia Lai": ["gia lai", "binh dinh", "quy nhon", "pleiku"],
+  "Kh\xE1nh H\xF2a": ["khanh hoa", "ninh thuan", "nha trang", "cam ranh", "phan rang"],
+  "L\xE2m \u0110\u1ED3ng": ["lam dong", "dak nong", "dac nong", "binh thuan", "da lat", "dalat", "phan thiet"],
+  "\u0110\u1EAFk L\u1EAFk": ["dak lak", "dac lac", "daklak", "phu yen", "buon ma thuot", "tuy hoa"],
+  "Th\xE0nh ph\u1ED1 H\u1ED3 Ch\xED Minh": ["ho chi minh", "hcm", "tphcm", "sai gon", "saigon", "binh duong", "ba ria vung tau", "ba ria-vung tau", "ba ria", "vung tau", "thu dau mot", "di an"],
+  "\u0110\u1ED3ng Nai": ["dong nai", "binh phuoc", "bien hoa", "dong xoai"],
+  "T\xE2y Ninh": ["tay ninh", "long an", "tan an"],
+  "C\u1EA7n Th\u01A1": ["can tho", "soc trang", "hau giang", "vi thanh"],
+  "V\u0129nh Long": ["vinh long", "ben tre", "tra vinh"],
+  "\u0110\u1ED3ng Th\xE1p": ["dong thap", "tien giang", "my tho", "cao lanh", "sa dec"],
+  "C\xE0 Mau": ["ca mau", "bac lieu"],
+  "An Giang": ["an giang", "kien giang", "rach gia", "phu quoc", "long xuyen", "chau doc"]
+};
+var PROVINCE_BY_ALIAS = /* @__PURE__ */ new Map();
+for (const [name, aliases] of Object.entries(provinces_default)) {
+  PROVINCE_BY_ALIAS.set(normalizeVi(name).replace(/^thanh pho /, ""), name);
+  for (const a of aliases) PROVINCE_BY_ALIAS.set(a, name);
+}
+var NUM = String.raw`(?:\d+(?:[a-z](?![a-z])\d*)?(?:-\d+[a-z]?)?|[a-z]{1,2}\d+[a-z]?)`;
+var NUM_LEAD = String.raw`(?:\d+(?:[a-z](?![a-z])\d*)?(?:-\d+[a-z]?)?|(?![pqf]\d|tp\d|ql\d|tl\d|dt\d|hl\d)[a-z]{1,2}\d+[a-z]?)`;
+var HN = String.raw`${NUM_LEAD}(?:/${NUM})*`;
+var ALLEY_KW = String.raw`(?:hem|ngo|ngach|kiet)`;
+var PREFIX = String.raw`(?:(?:so(?:\s*nha)?|sn|lo|can|kiot)\.?\s*)?`;
+var RE_PREFIX = new RegExp(`^${PREFIX}`);
+var RE_STREET = new RegExp(
+  String.raw`^${PREFIX}(${HN})?\s*((?:${ALLEY_KW}\s*${HN}\s*)*)((?:duong|d\.|pho)\s+(?!so\b|[a-z]{1,2}\d))?(.*)$`
+);
+var RE_ALLEY_EACH = new RegExp(String.raw`(${ALLEY_KW})\s*(${HN})`, "g");
+var RE_STREET_LIKE = new RegExp(
+  String.raw`^${PREFIX}${NUM_LEAD}(?:/|\s|$)|\b${ALLEY_KW}\s*\d|^(?:duong|d\.|pho)\s`
+);
+var POI_LAYER_ID = "poi";
+var SOVEREIGNTY_LABEL_ID = "sovereignty-label";
+function isPoiStyleLayer(layer) {
+  return layer.id === POI_LAYER_ID || layer.source === "poi";
+}
+function nameExpression(lang) {
+  return ["coalesce", ["get", `name:${lang}`], ["get", "name"]];
+}
+function isNameLabelLayer(layer) {
+  if (layer.type !== "symbol" || layer.id === SOVEREIGNTY_LABEL_ID) return false;
+  const textField = layer.layout?.["text-field"];
+  return textField !== void 0 && JSON.stringify(textField).includes("name");
+}
+function mapLayers(style, fn) {
+  return { ...style, layers: (style.layers ?? []).map(fn) };
+}
+function localizeStyle(style, lang) {
+  if (lang === "vi") return style;
+  return mapLayers(
+    style,
+    (layer) => isNameLabelLayer(layer) ? { ...layer, layout: { ...layer.layout, "text-field": nameExpression(lang) } } : layer
+  );
+}
+function hidePoiLayer(style) {
+  return mapLayers(
+    style,
+    (layer) => isPoiStyleLayer(layer) ? { ...layer, layout: { ...layer.layout, visibility: "none" } } : layer
+  );
+}
+var toponym_alias_default = {
+  "quy nhon": {
+    variants: [
+      "qui nhon"
+    ],
+    source: "osm:node/369487010 alt_name"
+  },
+  "dak lak": {
+    variants: [
+      "darlac",
+      "daklak"
+    ],
+    source: "osm:relation/1884034 alt_name"
+  },
+  "buon ma thuot": {
+    variants: [
+      "buon me thuot",
+      "ban me thuot",
+      "buon ma thot"
+    ],
+    source: "osm:node/2502425156 alt_name"
+  },
+  "da nang": {
+    variants: [
+      "tourane"
+    ],
+    source: "osm:relation/1891418 old_name"
+  },
+  hue: {
+    variants: [
+      "thua thien hue",
+      "thua thien"
+    ],
+    source: "osm:relation/1891483 old_name"
+  },
+  "tan son nhat": {
+    variants: [
+      "tan son nhut"
+    ],
+    source: "osm:node/13097604035 old_name"
+  },
+  "hoi an": {
+    variants: [
+      "faifo"
+    ],
+    source: "osm:node/110506070 old_name"
+  },
+  "soc trang": {
+    variants: [
+      "khanh hung"
+    ],
+    source: "osm:node/369487102 old_name"
+  },
+  "can tho": {
+    variants: [
+      "tay do",
+      "phong dinh"
+    ],
+    source: "osm:node/948325197 old_name"
+  },
+  "ca mau": {
+    variants: [
+      "an xuyen"
+    ],
+    source: "osm:relation/1873490 old_name"
+  },
+  "ha noi": {
+    variants: [
+      "thang long"
+    ],
+    source: "osm:relation/1903516 old_name"
+  }
+};
+var isEntry = (value) => typeof value === "object" && value !== null && "variants" in value && "source" in value;
+var TOPONYM_ALIAS = Object.fromEntries(
+  Object.entries(toponym_alias_default).filter(
+    (pair) => !pair[0].startsWith("$") && isEntry(pair[1])
+  )
+);
+var escapeRegExp2 = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var RULES = Object.entries(TOPONYM_ALIAS).flatMap(([canonical, { variants }]) => variants.map((variant) => ({ variant, canonical }))).sort((a, b) => b.variant.length - a.variant.length).map(({ variant, canonical }) => ({
+  re: new RegExp(`(^|\\s)${escapeRegExp2(variant)}(?=\\s|$)`, "g"),
+  replacement: `$1${canonical}`
+}));
+var vi_key_rules_default = {
+  $comment: [
+    "B\u1EA3ng lu\u1EADt kho\xE1 ng\u1EEF \xE2m \u2014 spec 05/09 m\u1EE5c 6.2. \u0110\u1EB7t \u1EDF d\u1EEF li\u1EC7u \u0111\u1EC3 ch\u1EC9nh m\xE0 kh\xF4ng s\u1EEDa logic.",
+    "\xC1p SAU normalizeVi v\xE0 applyToponymAlias, theo T\u1EEANG T\u1EEA, r\u1ED3i n\u1ED1i kh\xF4ng kho\u1EA3ng tr\u1EAFng.",
+    "Th\u1EE9 t\u1EF1 c\xF3 \xFD ngh\u0129a: \u0111\u1EA7u t\u1EEB \u2192 \xE2m cu\u1ED1i \u2192 i/y. `ngh` ph\u1EA3i tr\u01B0\u1EDBc `gh`; `gi` ph\u1EA3i tr\u01B0\u1EDBc `r`/`d`.",
+    "KH\xD4NG \xE1p l/n: 'H\xE0 N\u1ED9i' \u2194 'H\xE0 L\u1ED9i' va ch\u1EA1m t\xEAn ri\xEAng th\u1EADt qu\xE1 nhi\u1EC1u (spec n\xF3i r\xF5).",
+    "Ch\u1EC9 d\xF9ng \u1EDF b\u1EADc 3 n\xEAn va ch\u1EA1m ch\u1EC9 \u1EA3nh h\u01B0\u1EDFng th\u1EE9 t\u1EF1 trong nh\xF3m m\u1EDD, kh\xF4ng l\xE0m sai b\u1EADc 1/2."
+  ],
+  wordStart: [
+    ["^ngh", "ng"],
+    ["^gh", "g"],
+    ["^ph", "f"],
+    ["^gi(?=[aeiouy])", "d"],
+    ["^r", "d"],
+    ["^tr", "c"],
+    ["^ch", "c"],
+    ["^x", "s"],
+    ["^k(?=[aou])", "c"]
+  ],
+  wordEnd: [
+    ["ng$", "n"],
+    ["nh$", "n"],
+    ["t$", "c"]
+  ],
+  anywhere: [
+    ["quy", "qui"],
+    ["([bcdfghklmnpqrstvx])y$", "$1i"]
+  ]
+};
+var RULES2 = vi_key_rules_default;
+var compile = (rules) => rules.map(([pattern, replacement]) => ({ re: new RegExp(pattern), replacement }));
+var WORD_START = compile(RULES2.wordStart);
+var WORD_END = compile(RULES2.wordEnd);
+var ANYWHERE = compile(RULES2.anywhere);
+
+// src/map.tsx
+import { useContext, useEffect as useEffect2, useMemo, useRef } from "react";
+import {
+  StyleSheet as StyleSheet2,
+  View
+} from "react-native";
+
+// src/attribution.tsx
+import { Pressable, StyleSheet, Text } from "react-native";
+import { jsx } from "react/jsx-runtime";
+var COMPACT_ATTRIBUTION = "\xA9 MapsLibVN \xB7 \xA9 OpenStreetMap contributors";
+function Attribution({ compact, onPress }) {
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      onPress,
+      accessibilityRole: "link",
+      accessibilityLabel: "Ghi ngu\u1ED3n b\u1EA3n \u0111\u1ED3",
+      style: styles.box,
+      testID: "mapslibvn-attribution",
+      children: /* @__PURE__ */ jsx(Text, { style: styles.text, numberOfLines: compact ? 1 : 2, children: compact ? COMPACT_ATTRIBUTION : attributionText() })
+    }
+  );
+}
+var styles = StyleSheet.create({
+  box: {
+    position: "absolute",
+    left: 8,
+    bottom: 8,
+    maxWidth: "72%",
+    backgroundColor: "rgba(255,255,255,0.82)",
+    borderRadius: 4,
+    paddingHorizontal: 6,
+    paddingVertical: 2
+  },
+  text: { fontSize: 10, color: "#333333" }
+});
+
+// src/context.ts
+import { createContext } from "react";
+var MapContext = createContext(null);
+
+// src/to-poi-feature.ts
+function toPoiFeature(feature) {
+  if (!feature || feature.geometry.type !== "Point") return null;
+  const [lng, lat] = feature.geometry.coordinates;
+  if (lng === void 0 || lat === void 0) return null;
+  const p = feature.properties ?? {};
+  return {
+    id: String(p.id ?? feature.id ?? ""),
+    name: String(p.name ?? ""),
+    category: String(p.cat ?? ""),
+    group: String(p.grp ?? ""),
+    lngLat: [lng, lat]
+  };
+}
+
+// src/use-style.ts
+import { useEffect, useState } from "react";
+var isTheme = (s) => s === "light" || s === "dark";
+function styleUrlFor(places, style) {
+  return isTheme(style) ? places.styleUrl(style) : style;
+}
+function needsTransform(o) {
+  return o.lang !== "vi" || !o.poiLayer;
+}
+function transformStyle(json, o) {
+  const localized = localizeStyle(json, o.lang);
+  return o.poiLayer ? localized : hidePoiLayer(localized);
+}
+function useResolvedStyle(places, options, doFetch = globalThis.fetch) {
+  const url = styleUrlFor(places, options.style);
+  const transform = needsTransform(options);
+  const [state, setState] = useState(
+    () => transform ? { status: "loading" } : { status: "ready", mapStyle: url }
+  );
+  useEffect(() => {
+    if (!transform) {
+      setState({ status: "ready", mapStyle: url });
+      return;
+    }
+    let cancelled = false;
+    setState({ status: "loading" });
+    (async () => {
+      try {
+        const res = await doFetch(url);
+        if (!res.ok) throw new Error(`Kh\xF4ng t\u1EA3i \u0111\u01B0\u1EE3c style (HTTP ${res.status})`);
+        const json = await res.json();
+        if (!cancelled) {
+          setState({
+            status: "ready",
+            mapStyle: transformStyle(json, { lang: options.lang, poiLayer: options.poiLayer })
+          });
+        }
+      } catch (cause) {
+        if (!cancelled) {
+          setState({
+            status: "error",
+            error: cause instanceof Error ? cause : new Error("Kh\xF4ng t\u1EA3i \u0111\u01B0\u1EE3c style")
+          });
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [url, transform, options.lang, options.poiLayer, doFetch]);
+  return state;
+}
+
+// src/map.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var DEFAULT_CENTER = [106.7, 10.776];
+var DEFAULT_ZOOM = 12;
+function MapsLibVNMap({
+  apiKey,
+  apiBase,
+  style = "light",
+  center = DEFAULT_CENTER,
+  zoom = DEFAULT_ZOOM,
+  lang = "vi",
+  poiLayer = true,
+  poiSources,
+  compactAttribution = false,
+  bundleId,
+  containerStyle,
+  onLoad,
+  onPoiClick,
+  onError,
+  testID,
+  children
+}) {
+  const poiSourcesKey2 = poiSources?.join(",") ?? "";
+  const places = useMemo(
+    () => createClient({
+      apiKey,
+      baseUrl: apiBase,
+      ...bundleId ? { headers: { "X-Bundle-Id": bundleId } } : {},
+      ...poiSourcesKey2 ? { poiSources: poiSourcesKey2.split(",") } : {}
+    }),
+    [apiKey, apiBase, bundleId, poiSourcesKey2]
+  );
+  const native = useRef(null);
+  const camera = useRef(null);
+  const handlers = useRef({ onLoad, onPoiClick, onError });
+  handlers.current = { onLoad, onPoiClick, onError };
+  const handle = useMemo(
+    () => ({
+      native,
+      camera,
+      places,
+      flyTo(c, z) {
+        camera.current?.flyTo(z === void 0 ? { center: c } : { center: c, zoom: z });
+      },
+      fitBounds(bbox, padding = 40) {
+        camera.current?.fitBounds(bbox, {
+          padding: { top: padding, right: padding, bottom: padding, left: padding }
+        });
+      },
+      async getBounds() {
+        const b = await native.current?.getBounds();
+        if (!b) throw new Error("B\u1EA3n \u0111\u1ED3 ch\u01B0a s\u1EB5n s\xE0ng");
+        return b;
+      }
+    }),
+    [places]
+  );
+  const resolved = useResolvedStyle(places, { style, lang, poiLayer });
+  useEffect2(() => {
+    if (resolved.status === "error") handlers.current.onError?.(resolved.error);
+  }, [resolved]);
+  const mapKey = `${apiKey}|${apiBase}|${style}|${lang}|${poiLayer}|${poiSourcesKey2}`;
+  const loadedFor = useRef(null);
+  const onPress = async (e) => {
+    if (!poiLayer || !handlers.current.onPoiClick) return;
+    const features = await native.current?.queryRenderedFeatures(e.nativeEvent.point, {
+      layers: [POI_LAYER_ID]
+    });
+    const poi = toPoiFeature(features?.[0]);
+    if (poi) handlers.current.onPoiClick?.(poi);
+  };
+  return /* @__PURE__ */ jsxs(View, { style: [styles2.container, containerStyle], ...testID ? { testID } : {}, children: [
+    resolved.status === "ready" ? /* @__PURE__ */ jsxs(
+      NativeMap,
+      {
+        ref: native,
+        style: styles2.map,
+        mapStyle: resolved.mapStyle,
+        attribution: true,
+        attributionPosition: { bottom: 8, right: 8 },
+        logo: false,
+        onPress,
+        onDidFinishLoadingStyle: () => {
+          if (loadedFor.current === mapKey) return;
+          loadedFor.current = mapKey;
+          handlers.current.onLoad?.(handle);
+        },
+        onDidFailLoadingMap: () => handlers.current.onError?.(new Error("Kh\xF4ng t\u1EA3i \u0111\u01B0\u1EE3c b\u1EA3n \u0111\u1ED3")),
+        children: [
+          /* @__PURE__ */ jsx2(Camera, { ref: camera, initialViewState: { center, zoom } }),
+          /* @__PURE__ */ jsx2(MapContext.Provider, { value: handle, children })
+        ]
+      },
+      mapKey
+    ) : null,
+    /* @__PURE__ */ jsx2(
+      Attribution,
+      {
+        compact: compactAttribution,
+        onPress: () => {
+          void native.current?.showAttribution();
+        }
+      }
+    )
+  ] });
+}
+function useMap() {
+  const map = useContext(MapContext);
+  if (!map) throw new Error("useMap ph\u1EA3i \u0111\u01B0\u1EE3c g\u1ECDi b\xEAn trong <MapsLibVNMap>");
+  return map;
+}
+var styles2 = StyleSheet2.create({
+  container: { flex: 1, position: "relative" },
+  map: { flex: 1 }
+});
+
+// src/marker.tsx
+import { Marker as NativeMarker } from "@maplibre/maplibre-react-native";
+import { StyleSheet as StyleSheet3, View as View2 } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var DEFAULT_MARKER_COLOR = "#3FB1CE";
+function Marker({
+  lng,
+  lat,
+  color = DEFAULT_MARKER_COLOR,
+  anchor = "center",
+  onPress,
+  children,
+  testID
+}) {
+  useMap();
+  const pin = children ?? /* @__PURE__ */ jsx3(View2, { style: [styles3.pin, { backgroundColor: color }], testID: "mapslibvn-marker-pin" });
+  return /* @__PURE__ */ jsx3(
+    NativeMarker,
+    {
+      lngLat: [lng, lat],
+      anchor,
+      ...onPress ? { onPress: () => onPress() } : {},
+      ...testID ? { testID } : {},
+      children: pin
+    }
+  );
+}
+var styles3 = StyleSheet3.create({
+  pin: {
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    borderWidth: 3,
+    borderColor: "#ffffff"
+  }
+});
+
+// src/use-places.ts
+import { useContext as useContext2, useEffect as useEffect3, useState as useState2 } from "react";
+function usePlaces(query, options = {}) {
+  const mapClient = useContext2(MapContext)?.places ?? null;
+  const client = options.client ?? mapClient;
+  const [items, setItems] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const nearKey = options.near?.join(",") ?? "";
+  useEffect3(() => {
+    const normalizedQuery = query.trim();
+    if (!client || normalizedQuery.length < 2) {
+      setItems([]);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    const timer = setTimeout(async () => {
+      try {
+        const requestOptions = {};
+        if (nearKey) requestOptions.near = nearKey.split(",").map(Number);
+        if (options.limit !== void 0) requestOptions.limit = options.limit;
+        const response = await client.autocomplete(normalizedQuery, requestOptions);
+        if (!cancelled) setItems(response.items);
+      } catch (cause) {
+        if (!cancelled) setError(cause instanceof Error ? cause : new Error("Kh\xF4ng th\u1EC3 t\u1EA3i g\u1EE3i \xFD"));
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }, options.debounceMs ?? 200);
+    return () => {
+      cancelled = true;
+      clearTimeout(timer);
+    };
+  }, [client, query, nearKey, options.limit, options.debounceMs]);
+  return { items, loading, error };
+}
+export {
+  COMPACT_ATTRIBUTION,
+  DEFAULT_CENTER,
+  DEFAULT_MARKER_COLOR,
+  DEFAULT_ZOOM,
+  MapsLibVNMap,
+  Marker,
+  useMap,
+  usePlaces
+};