strapi-plugin-map-box 0.0.1

package/dist/admin/index.mjs

@@ -0,0 +1,417 @@
+import { useRef, useEffect, useState } from "react";
+import { PinMap } from "@strapi/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, JSONInput } from "@strapi/design-system";
+import Map, { FullscreenControl, NavigationControl, GeolocateControl, Marker } from "react-map-gl/mapbox";
+import "mapbox-gl/dist/mapbox-gl.css";
+import { useFetchClient } from "@strapi/strapi/admin";
+import styled from "styled-components";
+const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
+      reject.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
+};
+const PLUGIN_ID = "map-box";
+const Initializer = ({ setPlugin }) => {
+  const ref = useRef(setPlugin);
+  useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const ControlsContainer = styled.div`
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
+  z-index: 1;
+  width: 300px;
+`;
+const ControlsWrapper = styled.div`
+  display: flex;
+  gap: 0.5rem;
+`;
+const SearchInput = styled.input`
+  flex: 1;
+  padding: 0.5rem;
+  border: 1px solid #dcdce4;
+  border-radius: 4px;
+  font-size: 14px;
+`;
+const SearchButton = styled.button`
+  padding: 0.5rem 1rem;
+  background-color: #4945ff;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 14px;
+
+  &:hover {
+    background-color: #3832e0;
+  }
+`;
+const MapSearch = ({
+  onSearch,
+  searchQuery,
+  setSearchQuery,
+  handleKeyDown
+}) => {
+  return /* @__PURE__ */ jsx(ControlsContainer, { children: /* @__PURE__ */ jsxs(ControlsWrapper, { children: [
+    /* @__PURE__ */ jsx(
+      SearchInput,
+      {
+        type: "text",
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value),
+        onKeyDown: handleKeyDown,
+        placeholder: "Search for a location..."
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SearchButton,
+      {
+        type: "button",
+        onClick: onSearch,
+        children: "Search"
+      }
+    )
+  ] }) });
+};
+const DEFAULT_VIEW_STATE = {
+  longitude: -122.4194,
+  latitude: 37.7749,
+  zoom: 13,
+  pitch: 0,
+  bearing: 0,
+  padding: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  }
+};
+const useMapBoxSettings = () => {
+  const { get } = useFetchClient();
+  const [config, setConfig] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const fetchSettings = async () => {
+      try {
+        setIsLoading(true);
+        const { data } = await get("/strapi-plugin-map-box/get-settings");
+        console.log("data from getSettings", data);
+        setConfig(data);
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to fetch MapBox settings");
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    fetchSettings();
+  }, []);
+  return { config, isLoading, error };
+};
+const useMapLocationHook = (initialValue) => {
+  const [viewState, setViewState] = useState(DEFAULT_VIEW_STATE);
+  const [markerPosition, setMarkerPosition] = useState({
+    longitude: DEFAULT_VIEW_STATE.longitude,
+    latitude: DEFAULT_VIEW_STATE.latitude
+  });
+  useEffect(() => {
+    if (initialValue) {
+      console.log("Initializing from previous value:", initialValue);
+      const previousValue = initialValue;
+      setViewState((prev) => ({
+        ...prev,
+        longitude: previousValue.longitude,
+        latitude: previousValue.latitude,
+        zoom: previousValue.zoom,
+        pitch: previousValue.pitch,
+        bearing: previousValue.bearing
+      }));
+      setMarkerPosition({
+        longitude: previousValue.longitude,
+        latitude: previousValue.latitude
+      });
+    }
+  }, []);
+  return { viewState, setViewState, markerPosition, setMarkerPosition };
+};
+function DebugInfo({
+  searchResults,
+  searchError,
+  viewState,
+  markerPosition,
+  searchQuery,
+  value
+}) {
+  return /* @__PURE__ */ jsxs(DebugContainer, { children: [
+    /* @__PURE__ */ jsx("h4", { children: "Debug Information:" }),
+    /* @__PURE__ */ jsxs(DebugSection, { children: [
+      /* @__PURE__ */ jsx("strong", { children: "Search Results:" }),
+      /* @__PURE__ */ jsx(DebugPre, { children: searchResults ? JSON.stringify(searchResults, null, 2) : "No search results yet" })
+    ] }),
+    searchError && /* @__PURE__ */ jsxs(ErrorMessage, { children: [
+      /* @__PURE__ */ jsx("strong", { children: "Error:" }),
+      " ",
+      searchError
+    ] }),
+    /* @__PURE__ */ jsxs(DebugSection, { children: [
+      /* @__PURE__ */ jsx("strong", { children: "Current View State:" }),
+      /* @__PURE__ */ jsx(DebugPre, { children: JSON.stringify(viewState, null, 2) })
+    ] }),
+    /* @__PURE__ */ jsxs(DebugSection, { children: [
+      /* @__PURE__ */ jsx("strong", { children: "Marker Position:" }),
+      /* @__PURE__ */ jsx(DebugPre, { children: JSON.stringify(markerPosition, null, 2) })
+    ] }),
+    /* @__PURE__ */ jsxs(DebugSection, { children: [
+      /* @__PURE__ */ jsx("strong", { children: "Search Query:" }),
+      /* @__PURE__ */ jsx(DebugPre, { children: searchQuery || "No search query" })
+    ] }),
+    /* @__PURE__ */ jsxs(DebugSection, { children: [
+      /* @__PURE__ */ jsx("strong", { children: "Current Value:" }),
+      /* @__PURE__ */ jsx(DebugPre, { children: value ? JSON.stringify(value, null, 2) : "No value set" })
+    ] })
+  ] });
+}
+const DebugContainer = styled.div`
+  margin-top: 20px;
+  padding: 1rem;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+`;
+const DebugSection = styled.div`
+  margin-bottom: 10px;
+`;
+const DebugPre = styled.pre`
+  background: #ffffff;
+  padding: 10px;
+  border-radius: 4px;
+  max-height: 200px;
+  overflow: auto;
+  margin: 5px 0;
+  border: 1px solid #dcdce4;
+`;
+const ErrorMessage = styled.div`
+  color: #d02b20;
+  margin-bottom: 10px;
+  padding: 10px;
+  background-color: #fff5f5;
+  border: 1px solid #ffd7d5;
+  border-radius: 4px;
+`;
+function MapBoxField({ name, onChange, value, intlLabel, required }) {
+  const { get } = useFetchClient();
+  const { config, isLoading, error } = useMapBoxSettings();
+  const { viewState, markerPosition, setViewState, setMarkerPosition } = useMapLocationHook(value);
+  const { accessToken, debugMode } = config || {};
+  const [searchQuery, setSearchQuery] = useState("");
+  const [searchResults, setSearchResults] = useState(null);
+  const [searchError, setSearchError] = useState(null);
+  const updateMarkerPosition = (lng, lat, address) => {
+    setMarkerPosition({ longitude: lng, latitude: lat });
+    const newValue = {
+      longitude: lng,
+      latitude: lat,
+      address: address || "Selected location",
+      zoom: viewState.zoom,
+      pitch: viewState.pitch,
+      bearing: viewState.bearing
+    };
+    onChange({ target: { name, value: newValue, type: "json" } });
+  };
+  const handleSearch = async () => {
+    if (!searchQuery.trim()) return;
+    try {
+      setSearchError(null);
+      const encodedQuery = encodeURIComponent(searchQuery.trim());
+      const url = `/strapi-plugin-map-box/location-search/${encodedQuery}`;
+      const { data } = await get(url);
+      setSearchResults(data);
+      if (data.features && data.features[0]) {
+        const [longitude, latitude] = data.features[0].center;
+        setViewState((prev) => ({
+          ...prev,
+          longitude,
+          latitude,
+          zoom: 14,
+          transitionDuration: 1e3
+        }));
+        updateMarkerPosition(longitude, latitude, data.features[0].place_name);
+      } else if (data.error) {
+        setSearchError(data.error);
+      } else {
+        setSearchError("No results found");
+      }
+    } catch (error2) {
+      console.error("Error searching location:", error2);
+      setSearchError(error2 instanceof Error ? error2.message : "An error occurred");
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleSearch();
+    }
+  };
+  const handleMapClick = (event) => {
+    const { lngLat } = event;
+    updateMarkerPosition(lngLat.lng, lngLat.lat);
+  };
+  const handleMapMove = (evt) => {
+    setViewState(evt.viewState);
+  };
+  const handleMarkerDragEnd = (event) => {
+    const { lngLat } = event;
+    updateMarkerPosition(lngLat.lng, lngLat.lat);
+  };
+  const handlePositionChange = (input) => {
+    try {
+      const value2 = JSON.parse(input);
+      setViewState((prev) => ({
+        ...prev,
+        longitude: value2.longitude,
+        latitude: value2.latitude,
+        zoom: value2.zoom || prev.zoom,
+        pitch: value2.pitch || prev.pitch,
+        bearing: value2.bearing || prev.bearing
+      }));
+      setMarkerPosition({
+        longitude: value2.longitude,
+        latitude: value2.latitude
+      });
+      onChange({ target: { name, value: value2, type: "json" } });
+    } catch {
+    }
+  };
+  const finalValue = {
+    longitude: markerPosition.longitude,
+    latitude: markerPosition.latitude,
+    zoom: viewState.zoom,
+    pitch: viewState.pitch,
+    bearing: viewState.bearing,
+    address: value?.address || "Selected location"
+  };
+  const strValue = JSON.stringify(value || finalValue, null, 2);
+  if (!accessToken || isLoading) {
+    return /* @__PURE__ */ jsx("div", { children: "Loading..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      "Error: ",
+      error
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { style: { position: "relative", height: "500px", width: "100%" }, children: [
+      /* @__PURE__ */ jsx(
+        MapSearch,
+        {
+          onSearch: handleSearch,
+          searchQuery,
+          setSearchQuery,
+          handleKeyDown
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Map,
+        {
+          ...viewState,
+          onMove: handleMapMove,
+          onClick: handleMapClick,
+          mapStyle: "mapbox://styles/mapbox/streets-v12",
+          mapboxAccessToken: accessToken,
+          attributionControl: false,
+          style: { height: "100%", width: "100%" },
+          children: [
+            /* @__PURE__ */ jsx(FullscreenControl, {}),
+            /* @__PURE__ */ jsx(NavigationControl, {}),
+            /* @__PURE__ */ jsx(GeolocateControl, {}),
+            /* @__PURE__ */ jsx(
+              Marker,
+              {
+                longitude: markerPosition.longitude,
+                latitude: markerPosition.latitude,
+                color: "#4945ff",
+                draggable: true,
+                onDragEnd: handleMarkerDragEnd
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    debugMode && /* @__PURE__ */ jsxs(Field.Root, { name, required, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: intlLabel?.defaultMessage ?? "Location" }),
+      /* @__PURE__ */ jsx(JSONInput, { value: strValue, onChange: handlePositionChange }),
+      /* @__PURE__ */ jsx(Field.Error, {}),
+      /* @__PURE__ */ jsx(Field.Hint, {})
+    ] }),
+    debugMode && /* @__PURE__ */ jsx(
+      DebugInfo,
+      {
+        viewState,
+        searchResults,
+        searchError,
+        markerPosition,
+        searchQuery,
+        value
+      }
+    )
+  ] });
+}
+const index = {
+  register(app) {
+    app.customFields.register({
+      name: "map-box",
+      type: "json",
+      icon: PinMap,
+      intlLabel: {
+        id: "custom.fields.map-box.label",
+        defaultMessage: "Map Box"
+      },
+      intlDescription: {
+        id: "custom.fields.map-box.description",
+        defaultMessage: "Enter geographic coordinates"
+      },
+      components: {
+        Input: () => ({ default: MapBoxField })
+      }
+    });
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: false,
+      name: PLUGIN_ID
+    });
+  },
+  async registerTrads({ locales }) {
+    return Promise.all(
+      locales.map(async (locale) => {
+        try {
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("../_chunks/en-Byx4XI2L.mjs") }), `./translations/${locale}.json`, 3);
+          return { data, locale };
+        } catch {
+          return { data: {}, locale };
+        }
+      })
+    );
+  }
+};
+export {
+  index as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/admin/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../admin/src/pluginId.ts","../../admin/src/components/Initializer.tsx","../../admin/src/components/custom-field/MapBoxField/MapSearch.tsx","../../admin/src/components/custom-field/MapBoxField/types.ts","../../admin/src/components/custom-field/MapBoxField/hooks.ts","../../admin/src/components/custom-field/MapBoxField/DebugInfo.tsx","../../admin/src/components/custom-field/MapBoxField/index.tsx","../../admin/src/index.ts"],"sourcesContent":["export const PLUGIN_ID = 'map-box';\n","import { useEffect, useRef } from 'react';\n\nimport { PLUGIN_ID } from '../pluginId';\n\ntype InitializerProps = {\n  setPlugin: (id: string) => void;\n};\n\nconst Initializer = ({ setPlugin }: InitializerProps) => {\n  const ref = useRef(setPlugin);\n\n  useEffect(() => {\n    ref.current(PLUGIN_ID);\n  }, []);\n\n  return null;\n};\n\nexport { Initializer };\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst ControlsContainer = styled.div`\n  position: absolute;\n  top: 1rem;\n  left: 1rem;\n  z-index: 1;\n  width: 300px;\n`;\n\nconst ControlsWrapper = styled.div`\n  display: flex;\n  gap: 0.5rem;\n`;\n\nconst SearchInput = styled.input`\n  flex: 1;\n  padding: 0.5rem;\n  border: 1px solid #dcdce4;\n  border-radius: 4px;\n  font-size: 14px;\n`;\n\nconst SearchButton = styled.button`\n  padding: 0.5rem 1rem;\n  background-color: #4945ff;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n\n  &:hover {\n    background-color: #3832e0;\n  }\n`;\n\ninterface MapSearchProps {\n  onSearch: () => void;\n  searchQuery: string;\n  setSearchQuery: (query: string) => void;\n  handleKeyDown: (e: React.KeyboardEvent) => void;\n}\n\nexport const MapSearch: React.FC<MapSearchProps> = ({\n  onSearch,\n  searchQuery,\n  setSearchQuery,\n  handleKeyDown\n}) => {\n  return (\n    <ControlsContainer>\n      <ControlsWrapper>\n        <SearchInput\n          type=\"text\"\n          value={searchQuery}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchQuery(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder=\"Search for a location...\"\n        />\n        <SearchButton\n          type=\"button\"\n          onClick={onSearch}\n        >\n          Search\n        </SearchButton>\n      </ControlsWrapper>\n    </ControlsContainer>\n  );\n};","export type MapBoxValue = {\n  longitude: number;\n  latitude: number;\n  zoom: number;\n  pitch: number;\n  bearing: number;\n  address: string;\n}\n\n\nexport interface ViewState {\n  longitude: number;\n  latitude: number;\n  zoom: number;\n  pitch: number;\n  bearing: number;\n  padding?: {\n    top: number;\n    bottom: number;\n    left: number;\n    right: number;\n  };\n}\n\nexport const DEFAULT_VIEW_STATE: ViewState = {\n  longitude: -122.4194,\n  latitude: 37.7749,\n  zoom: 13,\n  pitch: 0,\n  bearing: 0,\n  padding: {\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0\n  }\n};","import { type MapBoxValue, type ViewState, DEFAULT_VIEW_STATE } from './types';\n\nimport { useEffect, useState } from 'react';\nimport { useFetchClient } from '@strapi/strapi/admin';\n\ntype config = {\n  accessToken: string;\n  debugMode: boolean;\n};\n\nexport const useMapBoxSettings = () => {\n  const { get } = useFetchClient();\n  const [config, setConfig] = useState<config | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const fetchSettings = async () => {\n      try {\n        setIsLoading(true);\n        const { data } = await get('/strapi-plugin-map-box/get-settings');\n        console.log('data from getSettings', data);\n        setConfig(data);\n        setError(null);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to fetch MapBox settings');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n    fetchSettings();\n  }, []);\n\n  return { config, isLoading, error };\n};\n\nexport const useMapLocationHook = (initialValue?: MapBoxValue) => {\n  const [viewState, setViewState] = useState<ViewState>(DEFAULT_VIEW_STATE);\n  const [markerPosition, setMarkerPosition] = useState({\n    longitude: DEFAULT_VIEW_STATE.longitude,\n    latitude: DEFAULT_VIEW_STATE.latitude,\n  });\n\n  useEffect(() => {\n    if (initialValue) {\n      console.log('Initializing from previous value:', initialValue);\n      const previousValue = initialValue as MapBoxValue;\n\n      setViewState((prev) => ({\n        ...prev,\n        longitude: previousValue.longitude,\n        latitude: previousValue.latitude,\n        zoom: previousValue.zoom,\n        pitch: previousValue.pitch,\n        bearing: previousValue.bearing,\n      }));\n\n      setMarkerPosition({\n        longitude: previousValue.longitude,\n        latitude: previousValue.latitude,\n      });\n    }\n  }, []);\n\n  return { viewState, setViewState, markerPosition, setMarkerPosition };\n};\n\nexport const useLocationService = () => {\n  const { get } = useFetchClient();\n  const [searchError, setSearchError] = useState<string | null>(null);\n  const [searchResults, setSearchResults] = useState<any>(null);\n\n  const searchLocation = async (query: string) => {\n    try {\n      setSearchError(null);\n      const encodedQuery = encodeURIComponent(query.trim());\n      const { data } = await get(`/strapi-plugin-map-box/location-search/${encodedQuery}`);\n      setSearchResults(data);\n      return data;\n    } catch (error) {\n      setSearchError(error instanceof Error ? error.message : 'An error occurred');\n      return null;\n    }\n  };\n\n  return { searchLocation, searchError, searchResults };\n};\n","import styled from 'styled-components';\nimport { ViewState } from './types';\n\n\ninterface DebugInfoProps {\n  searchResults: any;\n  searchError: string | null;\n  viewState: ViewState;\n  markerPosition: { longitude: number; latitude: number };\n  searchQuery: string;\n  value?: any;\n}\n\nexport function DebugInfo({ \n  searchResults, \n  searchError, \n  viewState,\n  markerPosition,\n  searchQuery,\n  value \n}: DebugInfoProps) {\n  return (\n    <DebugContainer>\n      <h4>Debug Information:</h4>\n      \n      <DebugSection>\n        <strong>Search Results:</strong>\n        <DebugPre>\n          {searchResults ? JSON.stringify(searchResults, null, 2) : 'No search results yet'}\n        </DebugPre>\n      </DebugSection>\n\n      {searchError && (\n        <ErrorMessage>\n          <strong>Error:</strong> {searchError}\n        </ErrorMessage>\n      )}\n\n      <DebugSection>\n        <strong>Current View State:</strong>\n        <DebugPre>\n          {JSON.stringify(viewState, null, 2)}\n        </DebugPre>\n      </DebugSection>\n\n      <DebugSection>\n        <strong>Marker Position:</strong>\n        <DebugPre>\n          {JSON.stringify(markerPosition, null, 2)}\n        </DebugPre>\n      </DebugSection>\n\n      <DebugSection>\n        <strong>Search Query:</strong>\n        <DebugPre>\n          {searchQuery || 'No search query'}\n        </DebugPre>\n      </DebugSection>\n\n      <DebugSection>\n        <strong>Current Value:</strong>\n        <DebugPre>\n          {value ? JSON.stringify(value, null, 2) : 'No value set'}\n        </DebugPre>\n      </DebugSection>\n    </DebugContainer>\n  );\n}\n\nconst DebugContainer = styled.div`\n  margin-top: 20px;\n  padding: 1rem;\n  background-color: #f5f5f5;\n  border-radius: 4px;\n`;\n\nconst DebugSection = styled.div`\n  margin-bottom: 10px;\n`;\n\nconst DebugPre = styled.pre`\n  background: #ffffff;\n  padding: 10px;\n  border-radius: 4px;\n  max-height: 200px;\n  overflow: auto;\n  margin: 5px 0;\n  border: 1px solid #dcdce4;\n`;\n\nconst ErrorMessage = styled.div`\n  color: #d02b20;\n  margin-bottom: 10px;\n  padding: 10px;\n  background-color: #fff5f5;\n  border: 1px solid #ffd7d5;\n  border-radius: 4px;\n`;","import { MapBoxValue } from './types';\nimport { Field, JSONInput } from '@strapi/design-system';\n\nimport Map, {\n  FullscreenControl,\n  GeolocateControl,\n  Marker,\n  NavigationControl,\n} from 'react-map-gl/mapbox';\n\nimport 'mapbox-gl/dist/mapbox-gl.css';\nimport { useState } from 'react';\nimport { useFetchClient } from '@strapi/strapi/admin';\nimport { MapSearch } from './MapSearch';\n\nimport { useMapBoxSettings, useMapLocationHook } from './hooks';\nimport { DebugInfo } from './DebugInfo';\n\ninterface MapBoxFieldProps {\n  name: string;\n  onChange: (event: { target: { name: string; value: object; type: string } }) => void;\n  value?: MapBoxValue;\n  intlLabel?: {\n    defaultMessage: string;\n  };\n  required?: boolean;\n}\n\n// #endregion\n\nexport function MapBoxField({ name, onChange, value, intlLabel, required }: MapBoxFieldProps) {\n  const { get } = useFetchClient();\n  const { config, isLoading, error } = useMapBoxSettings();\n  const { viewState, markerPosition, setViewState, setMarkerPosition } = useMapLocationHook(value);\n\n  const { accessToken, debugMode } = config || {};\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [searchResults, setSearchResults] = useState<any>(null);\n  const [searchError, setSearchError] = useState<string | null>(null);\n\n  const updateMarkerPosition = (lng: number, lat: number, address?: string) => {\n    setMarkerPosition({ longitude: lng, latitude: lat });\n\n    // Update the JSON value with all necessary data\n    const newValue = {\n      longitude: lng,\n      latitude: lat,\n      address: address || 'Selected location',\n      zoom: viewState.zoom,\n      pitch: viewState.pitch,\n      bearing: viewState.bearing,\n    };\n\n    onChange({ target: { name, value: newValue, type: 'json' } });\n  };\n\n  const handleSearch = async () => {\n    if (!searchQuery.trim()) return;\n\n    try {\n      setSearchError(null);\n      const encodedQuery = encodeURIComponent(searchQuery.trim());\n      const url = `/strapi-plugin-map-box/location-search/${encodedQuery}`;\n      const { data } = await get(url);\n\n      setSearchResults(data);\n\n      if (data.features && data.features[0]) {\n        const [longitude, latitude] = data.features[0].center;\n        // Update both the view and marker position\n        setViewState((prev) => ({\n          ...prev,\n          longitude,\n          latitude,\n          zoom: 14,\n          transitionDuration: 1000,\n        }));\n        updateMarkerPosition(longitude, latitude, data.features[0].place_name);\n      } else if (data.error) {\n        setSearchError(data.error);\n      } else {\n        setSearchError('No results found');\n      }\n    } catch (error) {\n      console.error('Error searching location:', error);\n      setSearchError(error instanceof Error ? error.message : 'An error occurred');\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      handleSearch();\n    }\n  };\n\n  const handleMapClick = (event: any) => {\n    const { lngLat } = event;\n    updateMarkerPosition(lngLat.lng, lngLat.lat);\n  };\n\n  const handleMapMove = (evt: any) => {\n    setViewState(evt.viewState);\n  };\n\n  const handleMarkerDragEnd = (event: any) => {\n    const { lngLat } = event;\n    updateMarkerPosition(lngLat.lng, lngLat.lat);\n  };\n\n  const handlePositionChange = (input: string) => {\n    try {\n      const value = JSON.parse(input);\n      setViewState((prev) => ({\n        ...prev,\n        longitude: value.longitude,\n        latitude: value.latitude,\n        zoom: value.zoom || prev.zoom,\n        pitch: value.pitch || prev.pitch,\n        bearing: value.bearing || prev.bearing,\n      }));\n      setMarkerPosition({\n        longitude: value.longitude,\n        latitude: value.latitude,\n      });\n      onChange({ target: { name, value, type: 'json' } });\n    } catch {\n      // Handle invalid JSON\n    }\n  };\n\n  // Construct the final JSON value to be saved\n  const finalValue: MapBoxValue = {\n    longitude: markerPosition.longitude,\n    latitude: markerPosition.latitude,\n    zoom: viewState.zoom,\n    pitch: viewState.pitch,\n    bearing: viewState.bearing,\n    address: (value as MapBoxValue)?.address || 'Selected location',\n  };\n\n  const strValue = JSON.stringify(value || finalValue, null, 2);\n\n  if (!accessToken || isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (error) {\n    return <div>Error: {error}</div>;\n  }\n\n  return (\n    <div>\n      <div style={{ position: 'relative', height: '500px', width: '100%' }}>\n        <MapSearch\n          onSearch={handleSearch}\n          searchQuery={searchQuery}\n          setSearchQuery={setSearchQuery}\n          handleKeyDown={handleKeyDown}\n        />\n        <Map\n          {...viewState}\n          onMove={handleMapMove}\n          onClick={handleMapClick}\n          mapStyle=\"mapbox://styles/mapbox/streets-v12\"\n          // mapStyle=\"mapbox://styles/mapbox/light-v11\"\n          mapboxAccessToken={accessToken}\n          attributionControl={false}\n          style={{ height: '100%', width: '100%' }}\n        >\n          <FullscreenControl />\n          <NavigationControl />\n          <GeolocateControl />\n          <Marker\n            longitude={markerPosition.longitude}\n            latitude={markerPosition.latitude}\n            color=\"#4945ff\"\n            draggable\n            onDragEnd={handleMarkerDragEnd}\n          />\n        </Map>\n      </div>\n      {debugMode && (\n        <Field.Root name={name} required={required}>\n          <Field.Label>{intlLabel?.defaultMessage ?? 'Location'}</Field.Label>\n          <JSONInput value={strValue} onChange={handlePositionChange}></JSONInput>\n          <Field.Error />\n          <Field.Hint />\n        </Field.Root>\n      )}\n\n      {debugMode && (\n        <DebugInfo\n          viewState={viewState}\n          searchResults={searchResults}\n          searchError={searchError}\n          markerPosition={markerPosition}\n          searchQuery={searchQuery}\n          value={value}\n        />\n      )}\n    </div>\n  );\n}\n","import { getTranslation } from './utils/getTranslation';\nimport { PLUGIN_ID } from './pluginId';\nimport { Initializer } from './components/Initializer';\nimport { PinMap } from '@strapi/icons';\nimport { MapBoxField } from './components/custom-field/MapBoxField/index';\n\nexport default {\n  register(app: any) {\n    \n    app.customFields.register({\n      name: 'map-box',\n      type: 'json',\n      icon: PinMap,\n      intlLabel: {\n        id: 'custom.fields.map-box.label',\n        defaultMessage: 'Map Box',\n      },\n      intlDescription: {\n        id: 'custom.fields.map-box.description',\n        defaultMessage: 'Enter geographic coordinates',\n      },\n      components: {\n        Input: () => ({ default: MapBoxField as React.ComponentType }) as any,\n      },\n    });\n\n    app.registerPlugin({\n      id: PLUGIN_ID,\n      initializer: Initializer,\n      isReady: false,\n      name: PLUGIN_ID,\n    });\n  },\n\n  async registerTrads({ locales }: { locales: string[] }) {\n    return Promise.all(\n      locales.map(async (locale) => {\n        try {\n          const { default: data } = await import(`./translations/${locale}.json`);\n\n          return { data, locale };\n        } catch {\n          return { data: {}, locale };\n        }\n      })\n    );\n  },\n};\n"],"names":["error","value"],"mappings":"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"}

package/dist/admin/src/components/Initializer.d.ts

@@ -0,0 +1,5 @@
+type InitializerProps = {
+    setPlugin: (id: string) => void;
+};
+declare const Initializer: ({ setPlugin }: InitializerProps) => null;
+export { Initializer };

package/dist/admin/src/components/PluginIcon.d.ts

@@ -0,0 +1,2 @@
+declare const PluginIcon: () => import("react/jsx-runtime").JSX.Element;
+export { PluginIcon };

package/dist/admin/src/components/custom-field/MapBoxField/DebugInfo.d.ts

@@ -0,0 +1,14 @@
+import { ViewState } from './types';
+interface DebugInfoProps {
+    searchResults: any;
+    searchError: string | null;
+    viewState: ViewState;
+    markerPosition: {
+        longitude: number;
+        latitude: number;
+    };
+    searchQuery: string;
+    value?: any;
+}
+export declare function DebugInfo({ searchResults, searchError, viewState, markerPosition, searchQuery, value }: DebugInfoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/components/custom-field/MapBoxField/MapSearch.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface MapSearchProps {
+    onSearch: () => void;
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+}
+export declare const MapSearch: React.FC<MapSearchProps>;
+export {};

package/dist/admin/src/components/custom-field/MapBoxField/hooks.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { type MapBoxValue, type ViewState } from './types';
+type config = {
+    accessToken: string;
+    debugMode: boolean;
+};
+export declare const useMapBoxSettings: () => {
+    config: config | null;
+    isLoading: boolean;
+    error: string | null;
+};
+export declare const useMapLocationHook: (initialValue?: MapBoxValue) => {
+    viewState: ViewState;
+    setViewState: import("react").Dispatch<import("react").SetStateAction<ViewState>>;
+    markerPosition: {
+        longitude: number;
+        latitude: number;
+    };
+    setMarkerPosition: import("react").Dispatch<import("react").SetStateAction<{
+        longitude: number;
+        latitude: number;
+    }>>;
+};
+export declare const useLocationService: () => {
+    searchLocation: (query: string) => Promise<any>;
+    searchError: string | null;
+    searchResults: any;
+};
+export {};

package/dist/admin/src/components/custom-field/MapBoxField/index.d.ts

@@ -0,0 +1,19 @@
+import { MapBoxValue } from './types';
+import 'mapbox-gl/dist/mapbox-gl.css';
+interface MapBoxFieldProps {
+    name: string;
+    onChange: (event: {
+        target: {
+            name: string;
+            value: object;
+            type: string;
+        };
+    }) => void;
+    value?: MapBoxValue;
+    intlLabel?: {
+        defaultMessage: string;
+    };
+    required?: boolean;
+}
+export declare function MapBoxField({ name, onChange, value, intlLabel, required }: MapBoxFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/components/custom-field/MapBoxField/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const MapContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ControlsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ControlsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const SearchButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/admin/src/components/custom-field/MapBoxField/types.d.ts

@@ -0,0 +1,22 @@
+export type MapBoxValue = {
+    longitude: number;
+    latitude: number;
+    zoom: number;
+    pitch: number;
+    bearing: number;
+    address: string;
+};
+export interface ViewState {
+    longitude: number;
+    latitude: number;
+    zoom: number;
+    pitch: number;
+    bearing: number;
+    padding?: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}
+export declare const DEFAULT_VIEW_STATE: ViewState;

package/dist/admin/src/index.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    register(app: any): void;
+    registerTrads({ locales }: {
+        locales: string[];
+    }): Promise<{
+        data: any;
+        locale: string;
+    }[]>;
+};
+export default _default;

package/dist/admin/src/pages/App.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export { App };

package/dist/admin/src/pages/HomePage.d.ts

@@ -0,0 +1,2 @@
+declare const HomePage: () => import("react/jsx-runtime").JSX.Element;
+export { HomePage };

package/dist/admin/src/pluginId.d.ts

@@ -0,0 +1 @@
+export declare const PLUGIN_ID = "map-box";

package/dist/admin/src/utils/getTranslation.d.ts

@@ -0,0 +1,2 @@
+declare const getTranslation: (id: string) => string;
+export { getTranslation };