@ozdao/prometheus-framework 0.2.198 → 0.2.200

package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.cjs

@@ -1 +1,536 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),I=require("vue-router"),V=require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs"),j=require("../../../../components/Button/Button.vue2.cjs"),b=require("../../../organizations/store/organizations.cjs"),p=require("../../../globals/views/store/globals.cjs"),h=require("../../../marketplace/store/marketplace.cjs");;/* empty css           */const K=require("../../../../../../_virtual/_plugin-vue_export-helper.cjs"),F=y=>(o.pushScopeId("data-v-3b081dcc"),y=y(),o.popScopeId(),y),G={class:"h-100 w-100 pos-relative"},Z={class:"w-100 pos-absolute z-index-2 pos-b-10"},H=F(()=>o.createElementVNode("div",{id:"map",class:"h-100 w-100 pos-relative o-hidden"},null,-1)),U={__name:"Map",props:{localPosition:Object,location:{type:Object,default:()=>({lat:15.87,lng:100.9925})},address:{type:String,default:null},apiKey:String,locale:{type:String,default:"en"}},setup(y){const w=I.useRouter(),e=I.useRoute(),E=y;let n=o.ref(null),c=o.ref([]),O=o.ref(0),L=o.ref(50),u=o.ref({lat:0,lng:0}),_=o.ref(null);async function C(){try{const a=await(await fetch("https://ip2c.org/s")).text();if(!a||a[0]!=="1")throw new Error("Unable to fetch the country");const t=a.split(";");if(t.length<4)throw new Error("Invalid response format");return console.log(t[3]),t[3]}catch(s){throw console.error(s),s}}o.onMounted(async()=>{var m,g,v,T,d,k,q,x;let s=parseFloat(e.query.lat||((g=(m=p.state.position)==null?void 0:m.location)==null?void 0:g.lat)),a=parseFloat(e.query.lng||((T=(v=p.state.position)==null?void 0:v.location)==null?void 0:T.lng)),t;e.params.location||(d=p.state.position)!=null&&d.location?t=15:e.params.country||(k=p.state.position)!=null&&k.country?t=9:e.params.state||(q=p.state.position)!=null&&q.state?t=6:e.params.city||(x=p.state.position)!=null&&x.city?t=14:t=2,new V.Loader({apiKey:E.apiKey,version:"weekly",libraries:["places"],language:"en"}).load().then(async()=>{if(!s||!a){let r;const i=new google.maps.Geocoder;try{r=await C()}catch{r="Thailand",console.log(error)}try{const l=await i.geocode({address:r});console.log(l),l?(s=l.results[0].geometry.location.lat(),a=l.results[0].geometry.location.lng(),t=6):console.error("No results found for the country code.")}catch(l){console.error("Error getting coordinates from country code:",l)}}if(!s&&!a&&(e.params.country||e.params.state||e.params.city)){const r=new google.maps.Geocoder,i=[e.params.city,e.params.state,e.params.country].filter(Boolean).join(", ");try{const l=await r.geocode({address:i});l[0]&&(s=l[0].geometry.location.lat(),a=l[0].geometry.location.lng())}catch(l){console.error("Error getting coordinates:",l)}}O.value+=L.value;const z={country:e.params.country,state:e.params.state,city:e.params.city,categories:e.query.categories,prices:e.query.prices,delivery:e.query.delivery,sortParam:e.query.sortParam||h.state.sort.param,sortOrder:e.query.sortOrder||h.state.sort.order,location:{coordinates:[a,s]},locationRadius:1e3,limit:500};console.log(z);const P=await b.actions.read(z);b.state.all=[...b.state.all,...P],n.value=new google.maps.Map(document.getElementById("map"),{mapTypeControl:!1,fullscreenControl:!1,styles:[{elementType:"geometry",stylers:[{color:"#212121"}]},{elementType:"labels.icon",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{elementType:"labels.text.stroke",stylers:[{color:"#212121"}]},{featureType:"administrative",elementType:"geometry",stylers:[{color:"#757575"},{visibility:"off"}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#9e9e9e"}]},{featureType:"administrative.land_parcel",stylers:[{visibility:"off"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#bdbdbd"}]},{featureType:"administrative.neighborhood",stylers:[]},{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"poi.park",elementType:"geometry",stylers:[{color:"#181818"}]},{featureType:"poi.park",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"poi.park",elementType:"labels.text.stroke",stylers:[{color:"#1b1b1b"}]},{featureType:"road",elementType:"geometry.fill",stylers:[{color:"#2c2c2c"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.text.fill",stylers:[{color:"#8a8a8a"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#373737"}]},{featureType:"road.arterial",elementType:"labels",stylers:[]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#3c3c3c"}]},{featureType:"road.highway",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.highway.controlled_access",elementType:"geometry",stylers:[{color:"#4e4e4e"}]},{featureType:"road.local",stylers:[]},{featureType:"road.local",elementType:"labels.text.fill",stylers:[{color:"#616161"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"labels.text.fill",stylers:[{color:"#757575"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#000000"}]},{featureType:"water",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"labels.text.fill",stylers:[{color:"#3d3d3d"}]}],center:{lat:s,lng:a},zoom:parseInt(e.query.zoom||t||"12")});for(let r of c.value)r.setMap(null);c.value=[],c.value=P.map(r=>{var l;let i=(l=r.spots[0])==null?void 0:l.location;if(i&&i.type==="Point"){let[N,R]=i.coordinates,S="/marker_2.png";r.products&&r.products.length===0&&(S="/marker.png");const M=new google.maps.Marker({position:{lng:N,lat:R},map:n.value,icon:{url:S,scaledSize:new google.maps.Size(32,48),origin:new google.maps.Point(0,0),anchor:new google.maps.Point(16,48)}});return M.addListener("click",()=>{w.push({name:"Organization",params:{_id:r._id}})}),M}return null}).filter(r=>r!==null),google.maps.event.addListener(n.value,"center_changed",()=>{let r=n.value.getCenter();u.value={lat:r.lat(),lng:r.lng()}}),google.maps.event.addListener(n.value,"zoom_changed",()=>{_.value=n.value.getZoom()})})});const B=async()=>{const s={country:e.params.country,state:e.params.state,city:e.params.city,categories:e.query.categories,prices:e.query.prices,delivery:e.query.delivery,sortParam:e.query.sortParam||h.state.sort.param,sortOrder:e.query.sortOrder||h.state.sort.order,locationRadius:8e3/_.value,limit:100,location:{type:"Point",coordinates:[u.value.lng,u.value.lat]}};console.log([u.value.lng,u.value.lat]);try{const a=await b.actions.read(s);for(let t of c.value)t.setMap(null);c.value=[],c.value=a.map(t=>{var m;let f=(m=t.spots[0])==null?void 0:m.location;if(f&&f.type==="Point"){let[g,v]=f.coordinates,T=t.products&&t.products.length>0?"/marker_2.png":"/marker.png";const d=new google.maps.Marker({position:{lng:g,lat:v},map:n.value,icon:{url:T,scaledSize:new google.maps.Size(32,48),origin:new google.maps.Point(0,0),anchor:new google.maps.Point(16,48)}});return d.addListener("click",()=>{w.push({name:"Organization",params:{_id:t._id}})}),d}return null}).filter(t=>t!==null)}catch(a){console.error("Error fetching organizations:",a)}};return(s,a)=>(o.openBlock(),o.createElementBlock("div",G,[o.createElementVNode("div",Z,[o.createVNode(j.default,{submit:B,class:"mn-l-auto mn-r-auto bg-black t-white w-min-20 button"},{default:o.withCtx(()=>[o.createTextVNode(" Search in This Location ")]),_:1})]),H]))}},A=K.default(U,[["__scopeId","data-v-3b081dcc"]]);exports.default=A;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const index = require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const organizations = require("../../../organizations/store/organizations.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const marketplace = require("../../../marketplace/store/marketplace.cjs");
+;/* empty css           */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-3b081dcc"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "h-100 w-100 pos-relative" };
+const _hoisted_2 = { class: "w-100 pos-absolute z-index-2 pos-b-10" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", {
+  id: "map",
+  class: "h-100 w-100 pos-relative o-hidden"
+}, null, -1));
+const _sfc_main = {
+  __name: "Map",
+  props: {
+    localPosition: Object,
+    location: {
+      type: Object,
+      default: () => ({ lat: 15.87, lng: 100.9925 })
+    },
+    address: {
+      type: String,
+      default: null
+    },
+    apiKey: String,
+    locale: {
+      type: String,
+      default: "en"
+    }
+  },
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
+    const props = __props;
+    let map = vue.ref(null);
+    let markers = vue.ref([]);
+    let skip = vue.ref(0);
+    let limit = vue.ref(50);
+    let currentMapCenter = vue.ref({ lat: 0, lng: 0 });
+    let currentMapZoom = vue.ref(null);
+    async function getCountry() {
+      try {
+        const response = await fetch("https://ip2c.org/s");
+        const result = await response.text();
+        if (!result || result[0] !== "1") {
+          throw new Error("Unable to fetch the country");
+        }
+        const parts = result.split(";");
+        if (parts.length < 4) {
+          throw new Error("Invalid response format");
+        }
+        console.log(parts[3]);
+        return parts[3];
+      } catch (error2) {
+        console.error(error2);
+        throw error2;
+      }
+    }
+    vue.onMounted(async () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      let lat = parseFloat(route.query.lat || ((_b = (_a = globals.state.position) == null ? void 0 : _a.location) == null ? void 0 : _b.lat));
+      let lng = parseFloat(route.query.lng || ((_d = (_c = globals.state.position) == null ? void 0 : _c.location) == null ? void 0 : _d.lng));
+      let zoomLevel;
+      if (route.params.location || ((_e = globals.state.position) == null ? void 0 : _e.location)) {
+        zoomLevel = 15;
+      } else if (route.params.country || ((_f = globals.state.position) == null ? void 0 : _f.country)) {
+        zoomLevel = 9;
+      } else if (route.params.state || ((_g = globals.state.position) == null ? void 0 : _g.state)) {
+        zoomLevel = 6;
+      } else if (route.params.city || ((_h = globals.state.position) == null ? void 0 : _h.city)) {
+        zoomLevel = 14;
+      } else {
+        zoomLevel = 2;
+      }
+      const loader = new index.Loader({
+        apiKey: props.apiKey,
+        version: "weekly",
+        libraries: ["places"],
+        language: "en"
+      });
+      loader.load().then(async () => {
+        if (!lat || !lng) {
+          let country;
+          const geocoder = new google.maps.Geocoder();
+          try {
+            country = await getCountry();
+          } catch {
+            country = "Thailand";
+            console.log(error);
+          }
+          try {
+            const results = await geocoder.geocode({ "address": country });
+            console.log(results);
+            if (results) {
+              lat = results.results[0].geometry.location.lat();
+              lng = results.results[0].geometry.location.lng();
+              zoomLevel = 6;
+            } else {
+              console.error("No results found for the country code.");
+            }
+          } catch (error2) {
+            console.error("Error getting coordinates from country code:", error2);
+          }
+        }
+        if (!lat && !lng && (route.params.country || route.params.state || route.params.city)) {
+          const geocoder = new google.maps.Geocoder();
+          const address = [
+            route.params.city,
+            route.params.state,
+            route.params.country
+          ].filter(Boolean).join(", ");
+          try {
+            const results = await geocoder.geocode({ address });
+            if (results[0]) {
+              lat = results[0].geometry.location.lat();
+              lng = results[0].geometry.location.lng();
+            }
+          } catch (error2) {
+            console.error("Error getting coordinates:", error2);
+          }
+        }
+        skip.value += limit.value;
+        const params = {
+          // country: route.params.country,
+          // state: route.params.state,
+          // city: route.params.city,
+          // categories: route.query.categories,
+          // prices: route.query.prices,
+          // delivery: route.query.delivery,
+          country: route.params.country,
+          state: route.params.state,
+          city: route.params.city,
+          categories: route.query.categories,
+          prices: route.query.prices,
+          delivery: route.query.delivery,
+          sortParam: route.query.sortParam || marketplace.state.sort.param,
+          sortOrder: route.query.sortOrder || marketplace.state.sort.order,
+          location: { coordinates: [lng, lat] },
+          locationRadius: 1e3,
+          limit: 500
+        };
+        console.log(params);
+        const data = await organizations.actions.read(params);
+        organizations.state.all = [...organizations.state.all, ...data];
+        map.value = new google.maps.Map(document.getElementById("map"), {
+          mapTypeControl: false,
+          fullscreenControl: false,
+          styles: [
+            {
+              "elementType": "geometry",
+              "stylers": [
+                {
+                  "color": "#212121"
+                }
+              ]
+            },
+            {
+              "elementType": "labels.icon",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#757575"
+                }
+              ]
+            },
+            {
+              "elementType": "labels.text.stroke",
+              "stylers": [
+                {
+                  "color": "#212121"
+                }
+              ]
+            },
+            {
+              "featureType": "administrative",
+              "elementType": "geometry",
+              "stylers": [
+                {
+                  "color": "#757575"
+                },
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "administrative.country",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#9e9e9e"
+                }
+              ]
+            },
+            {
+              "featureType": "administrative.land_parcel",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "administrative.locality",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#bdbdbd"
+                }
+              ]
+            },
+            {
+              "featureType": "administrative.neighborhood",
+              "stylers": [
+                // {
+                //   "visibility": "off"
+                // }
+              ]
+            },
+            {
+              "featureType": "poi",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "poi",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#757575"
+                }
+              ]
+            },
+            {
+              "featureType": "poi.park",
+              "elementType": "geometry",
+              "stylers": [
+                {
+                  "color": "#181818"
+                }
+              ]
+            },
+            {
+              "featureType": "poi.park",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#616161"
+                }
+              ]
+            },
+            {
+              "featureType": "poi.park",
+              "elementType": "labels.text.stroke",
+              "stylers": [
+                {
+                  "color": "#1b1b1b"
+                }
+              ]
+            },
+            {
+              "featureType": "road",
+              "elementType": "geometry.fill",
+              "stylers": [
+                {
+                  "color": "#2c2c2c"
+                }
+              ]
+            },
+            {
+              "featureType": "road",
+              "elementType": "labels",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "road",
+              "elementType": "labels.icon",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "road",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#8a8a8a"
+                }
+              ]
+            },
+            {
+              "featureType": "road.arterial",
+              "elementType": "geometry",
+              "stylers": [
+                {
+                  "color": "#373737"
+                }
+              ]
+            },
+            {
+              "featureType": "road.arterial",
+              "elementType": "labels",
+              "stylers": []
+            },
+            {
+              "featureType": "road.highway",
+              "elementType": "geometry",
+              "stylers": [
+                {
+                  "color": "#3c3c3c"
+                }
+              ]
+            },
+            {
+              "featureType": "road.highway",
+              "elementType": "labels",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "road.highway.controlled_access",
+              "elementType": "geometry",
+              "stylers": [
+                {
+                  "color": "#4e4e4e"
+                }
+              ]
+            },
+            {
+              "featureType": "road.local",
+              "stylers": []
+            },
+            {
+              "featureType": "road.local",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#616161"
+                }
+              ]
+            },
+            {
+              "featureType": "transit",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "transit",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#757575"
+                }
+              ]
+            },
+            {
+              "featureType": "water",
+              "elementType": "geometry",
+              "stylers": [
+                {
+                  "color": "#000000"
+                }
+              ]
+            },
+            {
+              "featureType": "water",
+              "elementType": "labels.text",
+              "stylers": [
+                {
+                  "visibility": "off"
+                }
+              ]
+            },
+            {
+              "featureType": "water",
+              "elementType": "labels.text.fill",
+              "stylers": [
+                {
+                  "color": "#3d3d3d"
+                }
+              ]
+            }
+          ],
+          center: { lat, lng },
+          zoom: parseInt(route.query.zoom || zoomLevel || "12")
+        });
+        for (let marker of markers.value) {
+          marker.setMap(null);
+        }
+        markers.value = [];
+        markers.value = data.map((org) => {
+          var _a2;
+          let location = (_a2 = org.spots[0]) == null ? void 0 : _a2.location;
+          if (location && location.type === "Point") {
+            let [lng2, lat2] = location.coordinates;
+            let markerIcon = "/marker_2.png";
+            if (org.products && org.products.length === 0) {
+              markerIcon = "/marker.png";
+            }
+            const marker = new google.maps.Marker({
+              position: { lng: lng2, lat: lat2 },
+              map: map.value,
+              icon: {
+                url: markerIcon,
+                // URL to the icon
+                scaledSize: new google.maps.Size(32, 48),
+                // icon dimensions
+                origin: new google.maps.Point(0, 0),
+                // coordinate origin for this icon
+                anchor: new google.maps.Point(16, 48)
+                // point on the icon that corresponds to the geographic location of the marker
+              }
+            });
+            marker.addListener("click", () => {
+              router.push({ name: "Organization", params: { _id: org._id } });
+            });
+            return marker;
+          }
+          return null;
+        }).filter((marker) => marker !== null);
+        google.maps.event.addListener(map.value, "center_changed", () => {
+          let center = map.value.getCenter();
+          currentMapCenter.value = {
+            lat: center.lat(),
+            lng: center.lng()
+          };
+        });
+        google.maps.event.addListener(map.value, "zoom_changed", () => {
+          currentMapZoom.value = map.value.getZoom();
+        });
+      });
+    });
+    const searchInCurrentLocation = async () => {
+      const params = {
+        country: route.params.country,
+        state: route.params.state,
+        city: route.params.city,
+        categories: route.query.categories,
+        prices: route.query.prices,
+        delivery: route.query.delivery,
+        sortParam: route.query.sortParam || marketplace.state.sort.param,
+        sortOrder: route.query.sortOrder || marketplace.state.sort.order,
+        locationRadius: 8e3 / currentMapZoom.value,
+        limit: 100,
+        location: {
+          type: "Point",
+          coordinates: [currentMapCenter.value.lng, currentMapCenter.value.lat]
+        }
+      };
+      console.log([currentMapCenter.value.lng, currentMapCenter.value.lat]);
+      try {
+        const data = await organizations.actions.read(params);
+        for (let marker of markers.value) {
+          marker.setMap(null);
+        }
+        markers.value = [];
+        markers.value = data.map((org) => {
+          var _a;
+          let location = (_a = org.spots[0]) == null ? void 0 : _a.location;
+          if (location && location.type === "Point") {
+            let [lng, lat] = location.coordinates;
+            let markerIcon = org.products && org.products.length > 0 ? "/marker_2.png" : "/marker.png";
+            const marker = new google.maps.Marker({
+              position: { lng, lat },
+              map: map.value,
+              icon: {
+                url: markerIcon,
+                // URL to the icon
+                scaledSize: new google.maps.Size(32, 48),
+                // icon dimensions
+                origin: new google.maps.Point(0, 0),
+                // coordinate origin for this icon
+                anchor: new google.maps.Point(16, 48)
+                // point on the icon that corresponds to the geographic location of the marker
+              }
+            });
+            marker.addListener("click", () => {
+              router.push({ name: "Organization", params: { _id: org._id } });
+            });
+            return marker;
+          }
+          return null;
+        }).filter((marker) => marker !== null);
+      } catch (error2) {
+        console.error("Error fetching organizations:", error2);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(Button.default, {
+            submit: searchInCurrentLocation,
+            class: "mn-l-auto mn-r-auto bg-black t-white w-min-20 button"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" Search in This Location ")
+            ]),
+            _: 1
+          })
+        ]),
+        _hoisted_3
+      ]);
+    };
+  }
+};
+const Map = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3b081dcc"]]);
+exports.default = Map;
+//# sourceMappingURL=Map.vue.cjs.map

package/dist/prometheus-framework/src/modules/spots/components/pages/Map.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Map.vue.cjs","sources":["../../../../../../../src/modules/spots/components/pages/Map.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 w-100 pos-relative\">\n    <div class=\"w-100 pos-absolute  z-index-2 pos-b-10 \">\n      <Button \n        :submit=\"searchInCurrentLocation\"  \n        class=\"mn-l-auto mn-r-auto  bg-black t-white w-min-20 button\"\n      >\n        Search in This Location\n      </Button>\n    </div>\n\n    <div id=\"map\" class=\"h-100 w-100 pos-relative o-hidden\">\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, watch, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router'\n\nimport { Loader as GMLoader } from \"@googlemaps/js-api-loader\";\n\nimport Button from '@pf/src/components/Button/Button.vue'\n\nimport { state, actions } from '@pf/src/modules/organizations/store/organizations'\n\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport * as marketplace from '@pf/src/modules/marketplace/store/marketplace';\n\nconst router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({\n  localPosition: Object,\n  location: {\n    type: Object,\n    default: () => ({ lat: 15.8700, lng: 100.9925 })\n  },\n  address: {\n    type: String,\n    default: null\n  },\n  apiKey: String,\n  locale: {\n    type: String,\n    default: 'en'\n  }\n})\n\nlet map = ref(null);\nlet markers = ref([]);\n\nlet skip = ref(0);\nlet limit = ref(50);\n\nlet currentMapCenter = ref({lat: 0, lng: 0});\nlet currentMapZoom = ref(null);\n\nasync function getCountry() {\n  try {\n    const response = await fetch('https://ip2c.org/s');\n    const result = await response.text();\n\n    if (!result || result[0] !== '1') {\n      throw new Error('Unable to fetch the country');\n    }\n\n    // Разделение строки и извлечение кода страны\n    const parts = result.split(';');\n    if (parts.length < 4) {\n      throw new Error('Invalid response format');\n    }\n\n    console.log(parts[3])\n\n    return parts[3]; // Возвращает двухбуквенный код страны\n  } catch (error) {\n    console.error(error);\n    throw error;\n  }\n}\n\n\nonMounted(async () => {\n  let lat = parseFloat(route.query.lat || globals.state.position?.location?.lat);\n  let lng = parseFloat(route.query.lng || globals.state.position?.location?.lng);\n\n  let zoomLevel;\n\n  // Определите уровень зума в зависимости от доступной информации\n  if (route.params.location || globals.state.position?.location) {\n    zoomLevel = 15;\n  } else if (route.params.country || globals.state.position?.country) {\n    zoomLevel = 9;\n  } else if (route.params.state || globals.state.position?.state) {\n    zoomLevel = 6;\n  } else if (route.params.city || globals.state.position?.city) {\n    zoomLevel = 14;\n  } else {\n    zoomLevel = 2;\n  }\n\n  const loader = new GMLoader({\n    apiKey: props.apiKey,\n    version: \"weekly\",\n    libraries: [\"places\"],\n    language: 'en'\n  });\n\n  loader.load().then(async () => {\n\n    // Если координаты не заданы, попробуйте их получить\n    if (!lat || !lng) {\n      let country\n\n      const geocoder = new google.maps.Geocoder();\n\n      try {\n        country = await getCountry();\n      } catch {\n        country = 'Thailand' \n        console.log(error)\n      }\n\n      try {\n        const results = await geocoder.geocode({ 'address': country })\n\n        console.log(results);\n\n        if (results) {\n          lat = results.results[0].geometry.location.lat();\n          lng = results.results[0].geometry.location.lng();\n          zoomLevel = 6;\n        } else {\n          console.error('No results found for the country code.');\n        }\n      } catch (error) {\n        console.error('Error getting coordinates from country code:', error);\n      }\n    }\n    \n    // If there's no lat/lng in the query, try to use country/state/city to get the lat/lng\n    if (!lat && !lng && (route.params.country || route.params.state || route.params.city)) {\n      const geocoder = new google.maps.Geocoder();\n\n      const address = [\n        route.params.city,\n        route.params.state,\n        route.params.country\n      ].filter(Boolean).join(', ');\n\n      try {\n        const results = await geocoder.geocode({ address });\n\n        if (results[0]) {\n          lat = results[0].geometry.location.lat();\n          lng = results[0].geometry.location.lng();\n        }\n\n      } catch (error) {\n        console.error('Error getting coordinates:', error);\n      }\n    }\n\n\n    skip.value += limit.value;\n\n    const params = {\n      // country: route.params.country,\n      // state: route.params.state,\n      // city: route.params.city,\n      // categories: route.query.categories,\n      // prices: route.query.prices,\n      // delivery: route.query.delivery,\n      country: route.params.country,\n      state: route.params.state,\n      city: route.params.city,\n      categories: route.query.categories,\n      prices: route.query.prices,\n      delivery: route.query.delivery,\n      sortParam: route.query.sortParam || marketplace.state.sort.param,\n      sortOrder: route.query.sortOrder || marketplace.state.sort.order,\n      location: {coordinates: [lng,lat] },\n      locationRadius: 1000,\n      limit: 500,\n    };\n\n    console.log(params)\n\n    const data = await actions.read(params);\n\n    state.all = [...state.all, ...data];\n\n    map.value = new google.maps.Map(document.getElementById('map'), {\n      mapTypeControl: false,\n      fullscreenControl: false,\n      styles: [\n        {\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#212121\"\n            }\n          ]\n        },\n        {\n          \"elementType\": \"labels.icon\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#757575\"\n            }\n          ]\n        },\n        {\n          \"elementType\": \"labels.text.stroke\",\n          \"stylers\": [\n            {\n              \"color\": \"#212121\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"administrative\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#757575\"\n            },\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"administrative.country\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#9e9e9e\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"administrative.land_parcel\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"administrative.locality\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#bdbdbd\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"administrative.neighborhood\",\n          \"stylers\": [\n            // {\n            //   \"visibility\": \"off\"\n            // }\n          ]\n        },\n        {\n          \"featureType\": \"poi\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"poi\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#757575\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"poi.park\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#181818\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"poi.park\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#616161\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"poi.park\",\n          \"elementType\": \"labels.text.stroke\",\n          \"stylers\": [\n            {\n              \"color\": \"#1b1b1b\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road\",\n          \"elementType\": \"geometry.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#2c2c2c\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road\",\n          \"elementType\": \"labels\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road\",\n          \"elementType\": \"labels.icon\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#8a8a8a\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.arterial\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#373737\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.arterial\",\n          \"elementType\": \"labels\",\n          \"stylers\": [\n          ]\n        },\n        {\n          \"featureType\": \"road.highway\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#3c3c3c\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.highway\",\n          \"elementType\": \"labels\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.highway.controlled_access\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#4e4e4e\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"road.local\",\n          \"stylers\": [\n          ]\n        },\n        {\n          \"featureType\": \"road.local\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#616161\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"transit\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"transit\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#757575\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"water\",\n          \"elementType\": \"geometry\",\n          \"stylers\": [\n            {\n              \"color\": \"#000000\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"water\",\n          \"elementType\": \"labels.text\",\n          \"stylers\": [\n            {\n              \"visibility\": \"off\"\n            }\n          ]\n        },\n        {\n          \"featureType\": \"water\",\n          \"elementType\": \"labels.text.fill\",\n          \"stylers\": [\n            {\n              \"color\": \"#3d3d3d\"\n            }\n          ]\n        }\n      ],\n      center: { lat, lng },\n      zoom: parseInt(route.query.zoom || zoomLevel || '12')\n    });\n\n   \n\n      for (let marker of markers.value) {\n        marker.setMap(null);\n      }\n\n      markers.value = [];\n\n      // Add new markers\n      markers.value = data.map(org => {\n        // Get the first spot's location\n        let location = org.spots[0]?.location;\n\n        if (location && location.type === 'Point') {\n          let [lng, lat] = location.coordinates; // Note that coordinates are in [lng, lat] format\n          \n          let markerIcon = '/marker_2.png'; // Default marker icon\n\n          if (org.products && org.products.length === 0) {\n            markerIcon = '/marker.png'; // If there are no products, set a different icon\n          }\n          \n          const marker = new google.maps.Marker({\n            position: { lng, lat },\n            map: map.value,\n            icon: {\n              url: markerIcon, // URL to the icon\n              scaledSize: new google.maps.Size(32, 48), // icon dimensions\n              origin: new google.maps.Point(0,0), // coordinate origin for this icon\n              anchor: new google.maps.Point(16, 48) // point on the icon that corresponds to the geographic location of the marker\n            }\n          });\n\n          // Add click listener to the marker\n          marker.addListener('click', () => {\n            router.push({name: 'Organization', params: {_id: org._id}});\n          });\n\n          return marker;\n      }\n      return null;\n    }).filter(marker => marker !== null); // Remove null markers\n\n    google.maps.event.addListener(map.value, 'center_changed', () => {\n      let center = map.value.getCenter();\n      currentMapCenter.value = {\n        lat: center.lat(),\n        lng: center.lng()\n      };\n    });\n\n    google.maps.event.addListener(map.value, 'zoom_changed', () => {\n      currentMapZoom.value = map.value.getZoom();\n    });\n\n  })\n\n});\n\nconst searchInCurrentLocation = async () => {\n  // Use currentMapCenter for the location\n  const params = {\n    country: route.params.country,\n    state: route.params.state,\n    city: route.params.city,\n    categories: route.query.categories,\n    prices: route.query.prices,\n    delivery: route.query.delivery,\n    sortParam: route.query.sortParam || marketplace.state.sort.param,\n    sortOrder: route.query.sortOrder || marketplace.state.sort.order,\n    locationRadius: 8000/currentMapZoom.value,\n    limit: 100,\n    location: {\n      type: \"Point\",\n      coordinates: [currentMapCenter.value.lng, currentMapCenter.value.lat]\n    }\n  };\n\n  console.log([currentMapCenter.value.lng, currentMapCenter.value.lat])\n\n  try {\n    const data = await actions.read(params);\n    // Remove old markers\n    for (let marker of markers.value) {\n      marker.setMap(null);\n    }\n    markers.value = [];\n\n    // Add new markers\n    markers.value = data.map(org => {\n      let location = org.spots[0]?.location;\n      if (location && location.type === 'Point') {\n        let [lng, lat] = location.coordinates; // Note that coordinates are in [lng, lat] format\n        let markerIcon = org.products && org.products.length > 0 ? '/marker_2.png' : '/marker.png';\n\n        const marker = new google.maps.Marker({\n          position: { lng, lat },\n          map: map.value,\n          icon: {\n            url: markerIcon, // URL to the icon\n            scaledSize: new google.maps.Size(32, 48), // icon dimensions\n            origin: new google.maps.Point(0,0), // coordinate origin for this icon\n            anchor: new google.maps.Point(16, 48) // point on the icon that corresponds to the geographic location of the marker\n          }\n        });\n\n        // Add click listener to the marker\n        marker.addListener('click', () => {\n          router.push({ name: 'Organization', params: { _id: org._id } });\n        });\n\n        return marker;\n      }\n      return null;\n    }).filter(marker => marker !== null); // Remove null markers\n  } catch (error) {\n    console.error('Error fetching organizations:', error);\n  }\n};\n\n\n\n</script>\n\n<style scoped lang=\"scss\">\n  #map {\n    &:focus {\n      outline: none;\n    }\n  }\n</style>\n"],"names":["useRouter","useRoute","ref","error","onMounted","globals.state","GMLoader","marketplace.state","actions","state","_a","lng","lat"],"mappings":"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"}