@ozdao/martyrs 0.2.564 → 0.2.566

package/dist/martyrs/src/modules/rents/views/components/pages/RentsEdit.vue.js

@@ -1,27 +1,45 @@
-import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode, createTextVNode } from "vue";
 import _sfc_main$4 from "../../../../../components/Block/Block.vue.js";
-import Field from "../../../../../components/Field/Field.vue2.js";
+import _sfc_main$5 from "../../../../../components/Button/Button.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
+import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
 import _sfc_main$3 from "../../../../orders/components/blocks/CardOrderItem.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { state as state$2 } from "../../../../auth/views/store/auth.js";
 import { state as state$1, actions, mutations } from "../../store/rents.store.js";
 import { state, actions as actions$1 } from "../../../../products/store/products.js";
+import variantsStore from "../../../../products/store/variants.store.js";
 /* empty css               */
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "mn-b-medium gap-small flex-v-center flex-nowrap flex" };
-const _hoisted_3 = { class: "bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big" };
-const _hoisted_4 = { class: "flex gap-small" };
-const _hoisted_5 = { class: "gap-thin flex-v-center flex-nojustify flex" };
-const _hoisted_6 = { class: "mn-r-auto" };
+const _hoisted_3 = { class: "gap-thin flex flex-column" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "aspect-1x1 h-3r radius-small o-hidden"
+};
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "t-medium" };
+const _hoisted_8 = {
+  key: 0,
+  class: "t-small t-transp"
+};
+const _hoisted_9 = { class: "mn-l-auto" };
+const _hoisted_10 = { class: "flex gap-small" };
+const _hoisted_11 = { class: "gap-thin flex-v-center flex-nojustify flex" };
+const _hoisted_12 = { class: "mn-r-auto" };
 const _sfc_main = {
   __name: "RentsEdit",
   setup(__props) {
     const route = useRoute();
     const router = useRouter();
+    const { formatPrice } = useGlobalMixins();
     const Products = ref(state.all);
     const isOpenProductsPopup = ref(false);
+    const isVariantsPopupOpen = ref(false);
+    const selectedProduct = ref({});
     const totalDays = computed(() => {
       const start = new Date(state$1.current.startDate);
       const end = new Date(state$1.current.endDate);
@@ -35,9 +53,40 @@ const _sfc_main = {
     function closeProductsPopup() {
       isOpenProductsPopup.value = false;
     }
-    function addProduct(product) {
-      state$1.current.product = product;
+    function closeVariantsPopup() {
+      isVariantsPopupOpen.value = false;
+      selectedProduct.value = {};
+    }
+    function selectProduct(product) {
+      selectedProduct.value = product;
       closeProductsPopup();
+      if (product.variants && product.variants.length === 1) {
+        addVariantToRent(product.variants[0]);
+        return;
+      }
+      isVariantsPopupOpen.value = true;
+    }
+    function formatProductName(product, variant) {
+      if (!variant || product.variants?.length === 1 && !variant.attributes?.length)
+        return product.name;
+      const attrs = variant.attributes?.map((a) => a.value).filter(Boolean);
+      if (attrs?.length) {
+        return `${product.name} / ${attrs.join(" / ")}`;
+      }
+      return variant.name || product.name;
+    }
+    function addVariantToRent(variant) {
+      state$1.current.product = {
+        _id: selectedProduct.value._id,
+        variant: variant._id,
+        name: formatProductName(selectedProduct.value, variant),
+        images: variant.images || selectedProduct.value.images || [],
+        price: variant.price || variant.cost || 0,
+        unit: variant.unit || "pcs",
+        quantity: 1,
+        listing: "rent"
+      };
+      closeVariantsPopup();
     }
     onMounted(async () => {
       try {
@@ -46,7 +95,7 @@ const _sfc_main = {
         } else {
           mutations.clean();
         }
-        await actions$1.read({ organization: route.params._id, listing: "rent", limit: 100 });
+        await actions$1.read({ owner: route.params._id, listing: "rent", limit: 100 });
         Products.value = state.all;
       } catch (error) {
         console.error("Ошибка при загрузке данных:", error);
@@ -55,21 +104,30 @@ const _sfc_main = {
     async function onSubmit() {
       try {
         if (route.params.rent) {
-          let newProduct = state$1.current;
-          newProduct.product = state$1.current.product._id;
-          newProduct.startDate = new Date(state$1.current.startDate);
-          newProduct.endDate = new Date(state$1.current.endDate);
-          await actions.update(newProduct);
+          const rentData = {
+            _id: state$1.current._id,
+            product: state$1.current.product._id,
+            variant: state$1.current.product.variant,
+            startDate: new Date(state$1.current.startDate),
+            endDate: new Date(state$1.current.endDate),
+            comment: state$1.current.comment,
+            status: state$1.current.status
+          };
+          await actions.update(rentData);
         } else {
-          state$1.current.creator = { type: "user", target: state$2.user._id };
-          state$1.current.owner = { type: "organization", target: route.params._id };
-          state$1.current.owner = { type: "organization", target: route.params._id };
-          let newProduct = state$1.current;
-          newProduct.product = state$1.current.product._id;
-          newProduct.startDate = new Date(state$1.current.startDate);
-          newProduct.endDate = new Date(state$1.current.endDate);
-          await actions.create(newProduct);
+          const rentData = {
+            product: state$1.current.product._id,
+            variant: state$1.current.product.variant,
+            startDate: new Date(state$1.current.startDate),
+            endDate: new Date(state$1.current.endDate),
+            comment: state$1.current.comment || "",
+            status: state$1.current.status || "active",
+            creator: { type: "user", target: state$2.user._id },
+            owner: { type: "organization", target: route.params._id }
+          };
+          await actions.create(rentData);
         }
+        router.push({ name: "Rents", params: { _id: route.params._id } });
       } catch (error) {
         console.error("Ошибка при отправке данных:", error);
       }
@@ -102,30 +160,104 @@ const _sfc_main = {
           title: "Add Product to Rent",
           onClosePopup: closeProductsPopup,
           isPopupOpen: isOpenProductsPopup.value,
-          class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
+          class: "bg-white w-100 w-max-30r radius-medium pd-medium"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(_sfc_main$2, {
-                search: true,
-                states: { empty: { title: "No Products Found", description: "No products available for rent." } },
-                store: { read: (options) => actions$1.read(options) },
-                options: { organization: unref(route).params._id, listing: "rent" }
-              }, {
-                default: withCtx(({ items }) => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product) => {
-                    return openBlock(), createBlock(_sfc_main$3, {
-                      key: product._id,
-                      editable: false,
-                      product,
-                      onClick: ($event) => addProduct(product),
-                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
-                    }, null, 8, ["product", "onClick"]);
+            createVNode(_sfc_main$2, {
+              search: {
+                class: "bg-light radius-small"
+              },
+              states: {
+                empty: {
+                  title: "No Products Found",
+                  description: "No products available for rent."
+                }
+              },
+              store: {
+                read: (options) => actions$1.read(options),
+                state: null
+              },
+              options: {
+                owner: unref(route).params._id,
+                listing: "rent"
+              },
+              class: "flex-column flex gap-thin h-max-20r o-scroll"
+            }, {
+              default: withCtx(({ items }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product, index) => {
+                  return openBlock(), createBlock(_sfc_main$3, {
+                    key: `${product._id}_${product.variant || "no-variant"}_${index}`,
+                    editable: false,
+                    productId: product._id,
+                    variantId: product.variant,
+                    images: product.images,
+                    name: product.name,
+                    quantity: product.quantity || 1,
+                    unit: product.unit,
+                    dates: product.date,
+                    listing: product.listing,
+                    price: product.price,
+                    onClick: () => selectProduct(product),
+                    class: "bg-light pd-small radius-small w-100"
+                  }, null, 8, ["productId", "variantId", "images", "name", "quantity", "unit", "dates", "listing", "price", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$1, {
+          title: "Select variant",
+          onClosePopup: closeVariantsPopup,
+          isPopupOpen: isVariantsPopupOpen.value,
+          class: "bg-white w-100 w-max-30r radius-medium pd-medium"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$2, {
+              store: unref(variantsStore),
+              options: {
+                product: selectedProduct.value._id
+              },
+              skeleton: {
+                structure: [
+                  { block: "text", size: "small" },
+                  { block: "text", size: "medium" },
+                  { block: "text", size: "small" }
+                ]
+              },
+              states: {
+                empty: {
+                  title: "No variants",
+                  description: "Create your first variant"
+                }
+              }
+            }, {
+              default: withCtx(({ items }) => [
+                createElementVNode("div", _hoisted_3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (variant, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      onClick: ($event) => addVariantToRent(variant),
+                      class: "w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+                    }, [
+                      variant.images && variant.images.length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                        createElementVNode("img", {
+                          src: (_ctx.FILE_SERVER_URL || "") + variant.images[0],
+                          class: "w-100 h-100 object-fit-cover"
+                        }, null, 8, _hoisted_6)
+                      ])) : createCommentVNode("", true),
+                      createElementVNode("div", null, [
+                        createElementVNode("p", _hoisted_7, toDisplayString(variant.name || "Default variant"), 1),
+                        variant.attributes && variant.attributes.length ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(variant.attributes.map((attr) => `${attr.name}: ${attr.value}`).join(", ")), 1)) : createCommentVNode("", true)
+                      ]),
+                      createElementVNode("p", _hoisted_9, toDisplayString(unref(formatPrice)(variant.price || variant.cost)), 1)
+                    ], 8, _hoisted_4);
                   }), 128))
-                ]),
-                _: 1
-              }, 8, ["store", "options"])
-            ])
+                ])
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
           ]),
           _: 1
         }, 8, ["isPopupOpen"]),
@@ -134,7 +266,7 @@ const _sfc_main = {
           class: "mn-b-semi"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_10, [
               createVNode(Field, {
                 field: state$1.current.startDate,
                 "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state$1.current.startDate = $event),
@@ -154,8 +286,8 @@ const _sfc_main = {
           _: 1
         }),
         createVNode(_sfc_main$4, {
-          title: "Rented Products",
-          actions: [{ label: "+", function: openProductsPopup }],
+          title: "Rented Product",
+          actions: state$1.current.product ? [] : [{ label: "+", function: openProductsPopup }],
           placeholder: "No products added yet",
           class: "mn-b-semi"
         }, {
@@ -168,7 +300,10 @@ const _sfc_main = {
               name: state$1.current.product.name,
               quantity: state$1.current.product.quantity || 1,
               unit: state$1.current.product.unit,
-              dates: state$1.current.product.date,
+              dates: {
+                start: state$1.current.startDate,
+                end: state$1.current.endDate
+              },
               listing: state$1.current.product.listing,
               price: state$1.current.product.price,
               editable: false,
@@ -195,21 +330,36 @@ const _sfc_main = {
         }),
         createVNode(_sfc_main$4, null, {
           default: withCtx(() => [
-            createElementVNode("section", _hoisted_5, [
-              createElementVNode("h3", _hoisted_6, "Total Days: " + toDisplayString(totalDays.value), 1),
-              createElementVNode("a", {
-                onClick: onSubmit,
-                class: "bg-main button"
-              }, "Save"),
-              createElementVNode("a", {
-                onClick: onReset,
-                class: "t-white bg-second button"
-              }, "Reset"),
-              unref(route).params._id ? (openBlock(), createElementBlock("a", {
+            createElementVNode("section", _hoisted_11, [
+              createElementVNode("h3", _hoisted_12, "Total Days: " + toDisplayString(totalDays.value), 1),
+              createVNode(_sfc_main$5, {
+                submit: onSubmit,
+                class: "pd-small radius-medium bg-main t-black uppercase t-medium"
+              }, {
+                default: withCtx(() => _cache[4] || (_cache[4] = [
+                  createTextVNode(" Save ")
+                ])),
+                _: 1
+              }),
+              createVNode(_sfc_main$5, {
+                submit: onReset,
+                class: "pd-small radius-medium t-white bg-second uppercase t-medium"
+              }, {
+                default: withCtx(() => _cache[5] || (_cache[5] = [
+                  createTextVNode(" Reset ")
+                ])),
+                _: 1
+              }),
+              unref(route).params._id ? (openBlock(), createBlock(_sfc_main$5, {
                 key: 0,
-                onClick: onDelete,
-                class: "t-white bg-red button"
-              }, "Delete")) : createCommentVNode("", true)
+                submit: onDelete,
+                class: "pd-small radius-medium t-white bg-red uppercase t-medium"
+              }, {
+                default: withCtx(() => _cache[6] || (_cache[6] = [
+                  createTextVNode(" Delete ")
+                ])),
+                _: 1
+              })) : createCommentVNode("", true)
             ])
           ]),
           _: 1

package/dist/martyrs/src/modules/rents/views/components/pages/RentsEdit.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RentsEdit.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/pages/RentsEdit.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2>{{ route.params._id ? 'Edit' : 'Add' }} Rent</h2>\n    </header>\n\n    <Popup \n      title=\"Add Product to Rent\" \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <div class=\"bg-light mn-b-thin h-min-20r h-max-20r o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"true\"\n          :states=\"{ empty: { title: 'No Products Found', description: 'No products available for rent.' } }\"\n          :store=\"{ read: (options) => products.actions.read(options) }\"\n          :options=\"{ organization: route.params._id, listing: 'rent' }\"\n          v-slot=\"{ items }\"\n        >\n          <CardOrderItem\n            v-for=\"product in items\" \n            :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"addProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block title=\"Rent Period\" class=\"mn-b-semi\">\n      <div class=\"flex gap-small\">\n        <Field v-model:field=\"rents.state.current.startDate\" label=\"Start Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n        <Field v-model:field=\"rents.state.current.endDate\" label=\"End Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n      </div>\n    </Block>\n\n    <Block\n      title=\"Rented Products\"\n      :actions=\"[{ label: '+', function: openProductsPopup }]\"\n      placeholder=\"No products added yet\"\n      class=\"mn-b-semi\"\n    >\n      <CardOrderItem\n        v-if=\"rents.state.current.product\"\n        :key=\"rents.state.current.product._id\" \n        :productId=\"rents.state.current.product._id\"\n        :variantId=\"rents.state.current.product.variant\"\n        :images=\"rents.state.current.product.images\"\n        :name=\"rents.state.current.product.name\"\n        :quantity=\"rents.state.current.product.quantity || 1\"\n        :unit=\"rents.state.current.product.unit\"\n        :dates=\"rents.state.current.product.date\"\n        :listing=\"rents.state.current.product.listing\"\n        :price=\"rents.state.current.product.price\"\n        :editable=\"false\" \n        @click=\"() => rents.state.current.product = null\"\n        class=\"mn-b-small radius-medium bg-white pd-small\"\n      />\n    </Block>\n\n    <Block title=\"Comment\" class=\"mn-b-semi\">\n      <Field v-model:field=\"rents.state.current.comment\" label=\"Comment\" type=\"textarea\" class=\"w-100 bg-white radius-small pd-medium\" />  \n    </Block>\n\n    <Block>\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        <h3 class=\"mn-r-auto\">Total Days: {{ totalDays }}</h3>\n        <a @click=\"onSubmit\" class=\"bg-main button\">Save</a> \n        <a @click=\"onReset\" class=\"t-white bg-second button\">Reset</a>\n        <a v-if=\"route.params._id\" @click=\"onDelete\" class=\"t-white bg-red button\">Delete</a>\n      </section>\n    </Block>\n  </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\nimport { computed, onMounted, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst Products = ref(products.state.all);\nconst isOpenProductsPopup = ref(false);\n\nconst totalDays = computed(() => {\n  const start = new Date(rents.state.current.startDate);\n  const end = new Date(rents.state.current.endDate);\n  if (!start || !end) return 0;\n  const diffTime = Math.abs(end - start);\n  return Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n});\n\nfunction openProductsPopup() { isOpenProductsPopup.value = true; }\nfunction closeProductsPopup() { isOpenProductsPopup.value = false; }\n\nfunction addProduct(product) {\n  rents.state.current.product = product\n  closeProductsPopup();\n}\n\nfunction updateItem(index, updatedItem) {\n  rents.state.current.items[index] = { product: updatedItem.product._id || updatedItem.product, quantity: updatedItem.quantity || 1 };\n}\n\nfunction deleteItem(index) {\n  try {\n    rents.state.current.items.splice(index, 1);\n  } catch (error) {\n    console.error('Ошибка при удалении элемента:', error);\n  }\n}\n\nonMounted(async () => {\n  try {\n    if (route.params.rent) {\n      await rents.actions.read({ _id: route.params.rent });\n    } else {\n      rents.mutations.clean();\n    }\n\n    await products.actions.read({ organization: route.params._id, listing: 'rent', limit: 100 });\n    Products.value = products.state.all;\n  } catch (error) {\n    console.error('Ошибка при загрузке данных:', error);\n  }\n});\n\nasync function onSubmit() {\n  try {\n    if (route.params.rent) {\n      let newProduct = rents.state.current\n      newProduct.product = rents.state.current.product._id\n      newProduct.startDate = new Date(rents.state.current.startDate);\n      newProduct.endDate = new Date(rents.state.current.endDate);\n      await rents.actions.update(newProduct);\n    } else {\n      rents.state.current.creator = { type: 'user', target: auth.state.user._id };\n      rents.state.current.owner = { type: 'organization', target: route.params._id };\n      rents.state.current.owner = { type: 'organization', target: route.params._id };\n      let newProduct = rents.state.current\n      newProduct.product = rents.state.current.product._id\n      newProduct.startDate = new Date(rents.state.current.startDate);\n      newProduct.endDate = new Date(rents.state.current.endDate);\n      await rents.actions.create(newProduct);\n    }\n    // router.push({ name: 'Rents', params: { _id: route.params._id } });\n  } catch (error) {\n    console.error('Ошибка при отправке данных:', error);\n  }\n}\n\nasync function onReset() {\n  try {\n    if (route.params._id) {\n      await rents.actions.read({ _id: route.params._id });\n    } else {\n      rents.mutations.clean();\n    }\n  } catch (error) {\n    console.error('Ошибка при сбросе данных:', error);\n  }\n}\n\nasync function onDelete() {\n  try {\n    await rents.actions.delete(route.params._id);\n    router.push({ name: 'Rents', params: { _id: route.params._id } });\n  } catch (error) {\n    console.error('Ошибка при удалении:', error);\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n}\n</style>"],"names":["products.state","rents.state","rents.actions","rents.mutations","products.actions","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4FA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,WAAW,IAAIA,MAAe,GAAG;AACvC,UAAM,sBAAsB,IAAI,KAAK;AAErC,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,QAAQ,IAAI,KAAKC,QAAY,QAAQ,SAAS;AACpD,YAAM,MAAM,IAAI,KAAKA,QAAY,QAAQ,OAAO;AAChD,UAAI,CAAC,SAAS,CAAC,IAAK,QAAO;AAC3B,YAAM,WAAW,KAAK,IAAI,MAAM,KAAK;AACrC,aAAO,KAAK,KAAK,YAAY,MAAO,KAAK,KAAK,GAAG;AAAA,IACnD,CAAC;AAED,aAAS,oBAAoB;AAAE,0BAAoB,QAAQ;AAAA,IAAM;AACjE,aAAS,qBAAqB;AAAE,0BAAoB,QAAQ;AAAA,IAAO;AAEnE,aAAS,WAAW,SAAS;AAC3BA,cAAY,QAAQ,UAAU;AAC9B,yBAAkB;AAAA,IACpB;AAcA,cAAU,YAAY;AACpB,UAAI;AACF,YAAI,MAAM,OAAO,MAAM;AACrB,gBAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,MAAM;AAAA,QACrD,OAAO;AACLC,oBAAgB,MAAK;AAAA,QACvB;AAEA,cAAMC,UAAiB,KAAK,EAAE,cAAc,MAAM,OAAO,KAAK,SAAS,QAAQ,OAAO,IAAG,CAAE;AAC3F,iBAAS,QAAQJ,MAAe;AAAA,MAClC,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,YAAI,MAAM,OAAO,MAAM;AACrB,cAAI,aAAaC,QAAY;AAC7B,qBAAW,UAAUA,QAAY,QAAQ,QAAQ;AACjD,qBAAW,YAAY,IAAI,KAAKA,QAAY,QAAQ,SAAS;AAC7D,qBAAW,UAAU,IAAI,KAAKA,QAAY,QAAQ,OAAO;AACzD,gBAAMC,QAAc,OAAO,UAAU;AAAA,QACvC,OAAO;AACLD,kBAAY,QAAQ,UAAU,EAAE,MAAM,QAAQ,QAAQI,QAAW,KAAK,IAAG;AACzEJ,kBAAY,QAAQ,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,MAAM,OAAO,IAAG;AAC5EA,kBAAY,QAAQ,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,MAAM,OAAO,IAAG;AAC5E,cAAI,aAAaA,QAAY;AAC7B,qBAAW,UAAUA,QAAY,QAAQ,QAAQ;AACjD,qBAAW,YAAY,IAAI,KAAKA,QAAY,QAAQ,SAAS;AAC7D,qBAAW,UAAU,IAAI,KAAKA,QAAY,QAAQ,OAAO;AACzD,gBAAMC,QAAc,OAAO,UAAU;AAAA,QACvC;AAAA,MAEF,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAAA,MACpD;AAAA,IACF;AAEA,mBAAe,UAAU;AACvB,UAAI;AACF,YAAI,MAAM,OAAO,KAAK;AACpB,gBAAMA,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK;AAAA,QACpD,OAAO;AACLC,oBAAgB,MAAK;AAAA,QACvB;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAAA,MAClD;AAAA,IACF;AAEA,mBAAe,WAAW;AACxB,UAAI;AACF,cAAMD,QAAc,OAAO,MAAM,OAAO,GAAG;AAC3C,eAAO,KAAK,EAAE,MAAM,SAAS,QAAQ,EAAE,KAAK,MAAM,OAAO,IAAG,EAAE,CAAE;AAAA,MAClE,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAAA,MAC7C;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RentsEdit.vue.js","sources":["../../../../../../../../src/modules/rents/views/components/pages/RentsEdit.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\">\n    <header class=\"mn-b-medium gap-small flex-v-center flex-nowrap flex\">\n      <h2>{{ route.params._id ? 'Edit' : 'Add' }} Rent</h2>\n    </header>\n\n    <Popup\n      title=\"Add Product to Rent\"\n      @close-popup=\"closeProductsPopup\"\n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :search=\"{\n          class: 'bg-light radius-small'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'No products available for rent.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => products.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id,\n          listing: 'rent'\n        }\"\n        v-slot=\"{ items }\"\n        class=\"flex-column flex gap-thin h-max-20r o-scroll\"\n      >\n        <CardOrderItem\n          v-for=\"(product, index) in items\"\n          :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n          :editable=\"false\"\n          :productId=\"product._id\"\n          :variantId=\"product.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.price\"\n          @click=\"() => selectProduct(product)\"\n          class=\"bg-light pd-small radius-small w-100\"\n        />\n      </Feed>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup\n      title=\"Select variant\"\n      @close-popup=\"closeVariantsPopup\"\n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div\n            v-for=\"(variant, index) in items\"\n            :key=\"index\"\n            @click=\"addVariantToRent(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img\n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\"\n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block title=\"Rent Period\" class=\"mn-b-semi\">\n      <div class=\"flex gap-small\">\n        <Field v-model:field=\"rents.state.current.startDate\" label=\"Start Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n        <Field v-model:field=\"rents.state.current.endDate\" label=\"End Date\" type=\"date\" class=\"w-100 bg-white radius-small pd-medium\" />\n      </div>\n    </Block>\n\n    <Block\n      title=\"Rented Product\"\n      :actions=\"rents.state.current.product ? [] : [{ label: '+', function: openProductsPopup }]\"\n      placeholder=\"No products added yet\"\n      class=\"mn-b-semi\"\n    >\n      <CardOrderItem\n        v-if=\"rents.state.current.product\"\n        :key=\"rents.state.current.product._id\"\n        :productId=\"rents.state.current.product._id\"\n        :variantId=\"rents.state.current.product.variant\"\n        :images=\"rents.state.current.product.images\"\n        :name=\"rents.state.current.product.name\"\n        :quantity=\"rents.state.current.product.quantity || 1\"\n        :unit=\"rents.state.current.product.unit\"\n        :dates=\"{\n          start: rents.state.current.startDate,\n          end: rents.state.current.endDate\n        }\"\n        :listing=\"rents.state.current.product.listing\"\n        :price=\"rents.state.current.product.price\"\n        :editable=\"false\"\n        @click=\"() => rents.state.current.product = null\"\n        class=\"mn-b-small radius-medium bg-white pd-small\"\n      />\n    </Block>\n\n    <Block title=\"Comment\" class=\"mn-b-semi\">\n      <Field v-model:field=\"rents.state.current.comment\" label=\"Comment\" type=\"textarea\" class=\"w-100 bg-white radius-small pd-medium\" />  \n    </Block>\n\n    <Block>\n      <section class=\"gap-thin flex-v-center flex-nojustify flex\">\n        <h3 class=\"mn-r-auto\">Total Days: {{ totalDays }}</h3>\n\n        <Button\n          :submit=\"onSubmit\"\n          class=\"pd-small radius-medium bg-main t-black uppercase t-medium\"\n        >\n          Save\n        </Button>\n\n        <Button\n          :submit=\"onReset\"\n          class=\"pd-small radius-medium t-white bg-second uppercase t-medium\"\n        >\n          Reset\n        </Button>\n\n        <Button\n          v-if=\"route.params._id\"\n          :submit=\"onDelete\"\n          class=\"pd-small radius-medium t-white bg-red uppercase t-medium\"\n        >\n          Delete\n        </Button>\n      </section>\n    </Block>\n  </div>\n</template>\n\n<script setup>\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\nimport { computed, onMounted, ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as rents from '@martyrs/src/modules/rents/views/store/rents.store';\nimport * as products from '@martyrs/src/modules/products/store/products.js';\nimport variants from '@martyrs/src/modules/products/store/variants.store.js';\n\nconst route = useRoute();\nconst router = useRouter();\nconst { formatPrice } = useGlobalMixins();\n\nconst Products = ref(products.state.all);\nconst isOpenProductsPopup = ref(false);\nconst isVariantsPopupOpen = ref(false);\nconst selectedProduct = ref({});\n\nconst totalDays = computed(() => {\n  const start = new Date(rents.state.current.startDate);\n  const end = new Date(rents.state.current.endDate);\n  if (!start || !end) return 0;\n  const diffTime = Math.abs(end - start);\n  return Math.ceil(diffTime / (1000 * 60 * 60 * 24));\n});\n\nfunction openProductsPopup() {\n  isOpenProductsPopup.value = true;\n}\n\nfunction closeProductsPopup() {\n  isOpenProductsPopup.value = false;\n}\n\nfunction closeVariantsPopup() {\n  isVariantsPopupOpen.value = false;\n  selectedProduct.value = {};\n}\n\nfunction selectProduct(product) {\n  selectedProduct.value = product;\n  closeProductsPopup();\n\n  // If product has only one variant, add it directly without showing popup\n  if (product.variants && product.variants.length === 1) {\n    addVariantToRent(product.variants[0]);\n    return;\n  }\n\n  // If product has multiple variants or no variants defined, show popup\n  isVariantsPopupOpen.value = true;\n}\n\nfunction formatProductName(product, variant) {\n  if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n    return product.name;\n\n  const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n  if (attrs?.length) {\n    return `${product.name} / ${attrs.join(' / ')}`;\n  }\n\n  // Если variant.name уже содержит product.name, не дублируем\n  return variant.name || product.name;\n}\n\nfunction addVariantToRent(variant) {\n  // Create product object with variant information\n  rents.state.current.product = {\n    _id: selectedProduct.value._id,\n    variant: variant._id,\n    name: formatProductName(selectedProduct.value, variant),\n    images: variant.images || selectedProduct.value.images || [],\n    price: variant.price || variant.cost || 0,\n    unit: variant.unit || 'pcs',\n    quantity: 1,\n    listing: 'rent'\n  };\n\n  closeVariantsPopup();\n}\n\nfunction updateItem(index, updatedItem) {\n  rents.state.current.items[index] = { product: updatedItem.product._id || updatedItem.product, quantity: updatedItem.quantity || 1 };\n}\n\nfunction deleteItem(index) {\n  try {\n    rents.state.current.items.splice(index, 1);\n  } catch (error) {\n    console.error('Ошибка при удалении элемента:', error);\n  }\n}\n\nonMounted(async () => {\n  try {\n    if (route.params.rent) {\n      await rents.actions.read({ _id: route.params.rent });\n    } else {\n      rents.mutations.clean();\n    }\n\n    await products.actions.read({ owner: route.params._id, listing: 'rent', limit: 100 });\n    Products.value = products.state.all;\n  } catch (error) {\n    console.error('Ошибка при загрузке данных:', error);\n  }\n});\n\nasync function onSubmit() {\n  try {\n    if (route.params.rent) {\n      // Update existing rent\n      const rentData = {\n        _id: rents.state.current._id,\n        product: rents.state.current.product._id,\n        variant: rents.state.current.product.variant,\n        startDate: new Date(rents.state.current.startDate),\n        endDate: new Date(rents.state.current.endDate),\n        comment: rents.state.current.comment,\n        status: rents.state.current.status\n      };\n      await rents.actions.update(rentData);\n    } else {\n      // Create new rent - БЕЗ _id!\n      const rentData = {\n        product: rents.state.current.product._id,\n        variant: rents.state.current.product.variant,\n        startDate: new Date(rents.state.current.startDate),\n        endDate: new Date(rents.state.current.endDate),\n        comment: rents.state.current.comment || '',\n        status: rents.state.current.status || 'active',\n        creator: { type: 'user', target: auth.state.user._id },\n        owner: { type: 'organization', target: route.params._id }\n      };\n      await rents.actions.create(rentData);\n    }\n    router.push({ name: 'Rents', params: { _id: route.params._id } });\n  } catch (error) {\n    console.error('Ошибка при отправке данных:', error);\n  }\n}\n\nasync function onReset() {\n  try {\n    if (route.params._id) {\n      await rents.actions.read({ _id: route.params._id });\n    } else {\n      rents.mutations.clean();\n    }\n  } catch (error) {\n    console.error('Ошибка при сбросе данных:', error);\n  }\n}\n\nasync function onDelete() {\n  try {\n    await rents.actions.delete(route.params._id);\n    router.push({ name: 'Rents', params: { _id: route.params._id } });\n  } catch (error) {\n    console.error('Ошибка при удалении:', error);\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n.round-stat {\n  padding: 1rem;\n  border-radius: 5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid rgba(0,0,0,0.1);\n}\n</style>"],"names":["products.state","rents.state","rents.actions","rents.mutations","products.actions","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/reports/components/sections/FormReport.vue.js

@@ -1,7 +1,7 @@
 import { reactive, ref, createElementBlock, openBlock, renderSlot, createVNode, withCtx, createElementVNode, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
-import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import { actions } from "../../store/reports.js";
 const _sfc_main = {
   __name: "FormReport",

package/dist/martyrs/src/modules/spots/components/blocks/SpotMemberModify.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
-/* empty css                                     */
+/* empty css                                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                      */
 const _hoisted_1 = { class: "br-grey-transp-25 radius-small mn-b-small" };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/spots/components/layouts/Spots.vue.js

@@ -2,7 +2,7 @@ import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock,
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 /* empty css                                         */
-/* empty css                                     */
+/* empty css                                      */
 /* empty css                                                 */
 /* empty css                                            */
 import { useStore } from "../../../core/views/store/core.store.js";

package/dist/martyrs/src/modules/spots/components/pages/Map.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { Loader } from "../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
 import { actions, state as state$1 } from "../../../organizations/store/organizations.js";
 import { useStore } from "../../../core/views/store/core.store.js";
 import { state } from "../../../marketplace/views/store/marketplace.js";
@@ -432,7 +432,7 @@ const _sfc_main = {
               }
             });
             marker.addListener("click", () => {
-              router.push({ name: "Organization", params: { _id: org._id } });
+              router.push("/organizations/" + org._id);
             });
             return marker;
           }
@@ -494,7 +494,7 @@ const _sfc_main = {
               }
             });
             marker.addListener("click", () => {
-              router.push({ name: "Organization", params: { _id: org._id } });
+              router.push("/organizations/" + org._id);
             });
             return marker;
           }
@@ -525,7 +525,7 @@ const _sfc_main = {
     };
   }
 };
-const Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-31c24ebe"]]);
+const Map = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9370e2c"]]);
 export {
   Map as default
 };

package/dist/martyrs/src/modules/spots/components/pages/Map.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Map.vue.js","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 '@martyrs/src/components/Button/Button.vue'\n\nimport { state, actions } from '@martyrs/src/modules/organizations/store/organizations.js'\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nimport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n\nconst store = useStore();\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 || store.core.state.position?.location?.lat);\n  let lng = parseFloat(route.query.lng || store.core.state.position?.location?.lng);\n\n  let zoomLevel;\n\n  // Определите уровень зума в зависимости от доступной информации\n  if (route.params.location || store.core.state.position?.location) {\n    zoomLevel = 15;\n  } else if (route.params.country || store.core.state.position?.country) {\n    zoomLevel = 9;\n  } else if (route.params.state || store.core.state.position?.state) {\n    zoomLevel = 6;\n  } else if (route.params.city || store.core.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":["error","GMLoader","marketplace.state","state","lng","lat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAiBd,QAAI,MAAM,IAAI,IAAI;AAClB,QAAI,UAAU,IAAI,EAAE;AAEpB,QAAI,OAAO,IAAI,CAAC;AAChB,QAAI,QAAQ,IAAI,EAAE;AAElB,QAAI,mBAAmB,IAAI,EAAC,KAAK,GAAG,KAAK,EAAC,CAAC;AAC3C,QAAI,iBAAiB,IAAI,IAAI;AAE7B,mBAAe,aAAa;AAC1B,UAAI;AACF,cAAM,WAAW,MAAM,MAAM,oBAAoB;AACjD,cAAM,SAAS,MAAM,SAAS,KAAI;AAElC,YAAI,CAAC,UAAU,OAAO,CAAC,MAAM,KAAK;AAChC,gBAAM,IAAI,MAAM,6BAA6B;AAAA,QAC/C;AAGA,cAAM,QAAQ,OAAO,MAAM,GAAG;AAC9B,YAAI,MAAM,SAAS,GAAG;AACpB,gBAAM,IAAI,MAAM,yBAAyB;AAAA,QAC3C;AAEA,gBAAQ,IAAI,MAAM,CAAC,CAAC;AAEpB,eAAO,MAAM,CAAC;AAAA,MAChB,SAASA,QAAO;AACd,gBAAQ,MAAMA,MAAK;AACnB,cAAMA;AAAA,MACR;AAAA,IACF;AAGA,cAAU,YAAY;AACpB,UAAI,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,UAAU,UAAU,GAAG;AAChF,UAAI,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,KAAK,MAAM,UAAU,UAAU,GAAG;AAEhF,UAAI;AAGJ,UAAI,MAAM,OAAO,YAAY,MAAM,KAAK,MAAM,UAAU,UAAU;AAChE,oBAAY;AAAA,MACd,WAAW,MAAM,OAAO,WAAW,MAAM,KAAK,MAAM,UAAU,SAAS;AACrE,oBAAY;AAAA,MACd,WAAW,MAAM,OAAO,SAAS,MAAM,KAAK,MAAM,UAAU,OAAO;AACjE,oBAAY;AAAA,MACd,WAAW,MAAM,OAAO,QAAQ,MAAM,KAAK,MAAM,UAAU,MAAM;AAC/D,oBAAY;AAAA,MACd,OAAO;AACL,oBAAY;AAAA,MACd;AAEA,YAAM,SAAS,IAAIC,OAAS;AAAA,QAC1B,QAAQ,MAAM;AAAA,QACd,SAAS;AAAA,QACT,WAAW,CAAC,QAAQ;AAAA,QACpB,UAAU;AAAA,MACd,CAAG;AAED,aAAO,OAAO,KAAK,YAAY;AAG7B,YAAI,CAAC,OAAO,CAAC,KAAK;AAChB,cAAI;AAEJ,gBAAM,WAAW,IAAI,OAAO,KAAK,SAAQ;AAEzC,cAAI;AACF,sBAAU,MAAM,WAAU;AAAA,UAC5B,QAAQ;AACN,sBAAU;AACV,oBAAQ,IAAI,KAAK;AAAA,UACnB;AAEA,cAAI;AACF,kBAAM,UAAU,MAAM,SAAS,QAAQ,EAAE,WAAW,QAAO,CAAE;AAE7D,oBAAQ,IAAI,OAAO;AAEnB,gBAAI,SAAS;AACX,oBAAM,QAAQ,QAAQ,CAAC,EAAE,SAAS,SAAS,IAAG;AAC9C,oBAAM,QAAQ,QAAQ,CAAC,EAAE,SAAS,SAAS,IAAG;AAC9C,0BAAY;AAAA,YACd,OAAO;AACL,sBAAQ,MAAM,wCAAwC;AAAA,YACxD;AAAA,UACF,SAASD,QAAO;AACd,oBAAQ,MAAM,gDAAgDA,MAAK;AAAA,UACrE;AAAA,QACF;AAGA,YAAI,CAAC,OAAO,CAAC,QAAQ,MAAM,OAAO,WAAW,MAAM,OAAO,SAAS,MAAM,OAAO,OAAO;AACrF,gBAAM,WAAW,IAAI,OAAO,KAAK,SAAQ;AAEzC,gBAAM,UAAU;AAAA,YACd,MAAM,OAAO;AAAA,YACb,MAAM,OAAO;AAAA,YACb,MAAM,OAAO;AAAA,UACrB,EAAQ,OAAO,OAAO,EAAE,KAAK,IAAI;AAE3B,cAAI;AACF,kBAAM,UAAU,MAAM,SAAS,QAAQ,EAAE,QAAO,CAAE;AAElD,gBAAI,QAAQ,CAAC,GAAG;AACd,oBAAM,QAAQ,CAAC,EAAE,SAAS,SAAS,IAAG;AACtC,oBAAM,QAAQ,CAAC,EAAE,SAAS,SAAS,IAAG;AAAA,YACxC;AAAA,UAEF,SAASA,QAAO;AACd,oBAAQ,MAAM,8BAA8BA,MAAK;AAAA,UACnD;AAAA,QACF;AAGA,aAAK,SAAS,MAAM;AAEpB,cAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOb,SAAS,MAAM,OAAO;AAAA,UACtB,OAAO,MAAM,OAAO;AAAA,UACpB,MAAM,MAAM,OAAO;AAAA,UACnB,YAAY,MAAM,MAAM;AAAA,UACxB,QAAQ,MAAM,MAAM;AAAA,UACpB,UAAU,MAAM,MAAM;AAAA,UACtB,WAAW,MAAM,MAAM,aAAaE,MAAkB,KAAK;AAAA,UAC3D,WAAW,MAAM,MAAM,aAAaA,MAAkB,KAAK;AAAA,UAC3D,UAAU,EAAC,aAAa,CAAC,KAAI,GAAG,EAAC;AAAA,UACjC,gBAAgB;AAAA,UAChB,OAAO;AAAA,QACb;AAEI,gBAAQ,IAAI,MAAM;AAElB,cAAM,OAAO,MAAM,QAAQ,KAAK,MAAM;AAEtCC,gBAAM,MAAM,CAAC,GAAGA,QAAM,KAAK,GAAG,IAAI;AAElC,YAAI,QAAQ,IAAI,OAAO,KAAK,IAAI,SAAS,eAAe,KAAK,GAAG;AAAA,UAC9D,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,QAAQ;AAAA,YACN;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,gBACY;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA;AAAA;AAAA;AAAA,cAIrB;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW,CACrB;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW,CACrB;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,cAAc;AAAA,gBAC5B;AAAA,cACA;AAAA,YACA;AAAA,YACQ;AAAA,cACE,eAAe;AAAA,cACf,eAAe;AAAA,cACf,WAAW;AAAA,gBACT;AAAA,kBACE,SAAS;AAAA,gBACvB;AAAA,cACA;AAAA,YACA;AAAA,UACA;AAAA,UACM,QAAQ,EAAE,KAAK,IAAG;AAAA,UAClB,MAAM,SAAS,MAAM,MAAM,QAAQ,aAAa,IAAI;AAAA,QAC1D,CAAK;AAIC,iBAAS,UAAU,QAAQ,OAAO;AAChC,iBAAO,OAAO,IAAI;AAAA,QACpB;AAEA,gBAAQ,QAAQ,CAAA;AAGhB,gBAAQ,QAAQ,KAAK,IAAI,SAAO;AAE9B,cAAI,WAAW,IAAI,MAAM,CAAC,GAAG;AAE7B,cAAI,YAAY,SAAS,SAAS,SAAS;AACzC,gBAAI,CAACC,MAAKC,IAAG,IAAI,SAAS;AAE1B,gBAAI,aAAa;AAEjB,gBAAI,IAAI,YAAY,IAAI,SAAS,WAAW,GAAG;AAC7C,2BAAa;AAAA,YACf;AAEA,kBAAM,SAAS,IAAI,OAAO,KAAK,OAAO;AAAA,cACpC,UAAU,EAAE,KAAAD,MAAK,KAAAC,KAAG;AAAA,cACpB,KAAK,IAAI;AAAA,cACT,MAAM;AAAA,gBACJ,KAAK;AAAA;AAAA,gBACL,YAAY,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE;AAAA;AAAA,gBACvC,QAAQ,IAAI,OAAO,KAAK,MAAM,GAAE,CAAC;AAAA;AAAA,gBACjC,QAAQ,IAAI,OAAO,KAAK,MAAM,IAAI,EAAE;AAAA;AAAA,cAClD;AAAA,YACA,CAAW;AAGD,mBAAO,YAAY,SAAS,MAAM;AAChC,qBAAO,KAAK,EAAC,MAAM,gBAAgB,QAAQ,EAAC,KAAK,IAAI,IAAG,EAAC,CAAC;AAAA,YAC5D,CAAC;AAED,mBAAO;AAAA,UACX;AACA,iBAAO;AAAA,QACT,CAAC,EAAE,OAAO,YAAU,WAAW,IAAI;AAEnC,eAAO,KAAK,MAAM,YAAY,IAAI,OAAO,kBAAkB,MAAM;AAC/D,cAAI,SAAS,IAAI,MAAM,UAAS;AAChC,2BAAiB,QAAQ;AAAA,YACvB,KAAK,OAAO,IAAG;AAAA,YACf,KAAK,OAAO,IAAG;AAAA,UACvB;AAAA,QACI,CAAC;AAED,eAAO,KAAK,MAAM,YAAY,IAAI,OAAO,gBAAgB,MAAM;AAC7D,yBAAe,QAAQ,IAAI,MAAM,QAAO;AAAA,QAC1C,CAAC;AAAA,MAEH,CAAC;AAAA,IAEH,CAAC;AAED,UAAM,0BAA0B,YAAY;AAE1C,YAAM,SAAS;AAAA,QACb,SAAS,MAAM,OAAO;AAAA,QACtB,OAAO,MAAM,OAAO;AAAA,QACpB,MAAM,MAAM,OAAO;AAAA,QACnB,YAAY,MAAM,MAAM;AAAA,QACxB,QAAQ,MAAM,MAAM;AAAA,QACpB,UAAU,MAAM,MAAM;AAAA,QACtB,WAAW,MAAM,MAAM,aAAaH,MAAkB,KAAK;AAAA,QAC3D,WAAW,MAAM,MAAM,aAAaA,MAAkB,KAAK;AAAA,QAC3D,gBAAgB,MAAK,eAAe;AAAA,QACpC,OAAO;AAAA,QACP,UAAU;AAAA,UACR,MAAM;AAAA,UACN,aAAa,CAAC,iBAAiB,MAAM,KAAK,iBAAiB,MAAM,GAAG;AAAA,QAC1E;AAAA,MACA;AAEE,cAAQ,IAAI,CAAC,iBAAiB,MAAM,KAAK,iBAAiB,MAAM,GAAG,CAAC;AAEpE,UAAI;AACF,cAAM,OAAO,MAAM,QAAQ,KAAK,MAAM;AAEtC,iBAAS,UAAU,QAAQ,OAAO;AAChC,iBAAO,OAAO,IAAI;AAAA,QACpB;AACA,gBAAQ,QAAQ,CAAA;AAGhB,gBAAQ,QAAQ,KAAK,IAAI,SAAO;AAC9B,cAAI,WAAW,IAAI,MAAM,CAAC,GAAG;AAC7B,cAAI,YAAY,SAAS,SAAS,SAAS;AACzC,gBAAI,CAAC,KAAK,GAAG,IAAI,SAAS;AAC1B,gBAAI,aAAa,IAAI,YAAY,IAAI,SAAS,SAAS,IAAI,kBAAkB;AAE7E,kBAAM,SAAS,IAAI,OAAO,KAAK,OAAO;AAAA,cACpC,UAAU,EAAE,KAAK,IAAG;AAAA,cACpB,KAAK,IAAI;AAAA,cACT,MAAM;AAAA,gBACJ,KAAK;AAAA;AAAA,gBACL,YAAY,IAAI,OAAO,KAAK,KAAK,IAAI,EAAE;AAAA;AAAA,gBACvC,QAAQ,IAAI,OAAO,KAAK,MAAM,GAAE,CAAC;AAAA;AAAA,gBACjC,QAAQ,IAAI,OAAO,KAAK,MAAM,IAAI,EAAE;AAAA;AAAA,cAChD;AAAA,YACA,CAAS;AAGD,mBAAO,YAAY,SAAS,MAAM;AAChC,qBAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,IAAI,IAAG,GAAI;AAAA,YAChE,CAAC;AAED,mBAAO;AAAA,UACT;AACA,iBAAO;AAAA,QACT,CAAC,EAAE,OAAO,YAAU,WAAW,IAAI;AAAA,MACrC,SAASF,QAAO;AACd,gBAAQ,MAAM,iCAAiCA,MAAK;AAAA,MACtD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Map.vue.js","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 '@martyrs/src/components/Button/Button.vue'\n\nimport { state, actions } from '@martyrs/src/modules/organizations/store/organizations.js'\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\nimport * as marketplace from '@martyrs/src/modules/marketplace/views/store/marketplace.js';\n\nconst store = useStore();\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 || store.core.state.position?.location?.lat);\n  let lng = parseFloat(route.query.lng || store.core.state.position?.location?.lng);\n\n  let zoomLevel;\n\n  // Определите уровень зума в зависимости от доступной информации\n  if (route.params.location || store.core.state.position?.location) {\n    zoomLevel = 15;\n  } else if (route.params.country || store.core.state.position?.country) {\n    zoomLevel = 9;\n  } else if (route.params.state || store.core.state.position?.state) {\n    zoomLevel = 6;\n  } else if (route.params.city || store.core.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('/organizations/' + 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('/organizations/' + 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":["error","GMLoader","marketplace.state","state","lng","lat"],"mappings":"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"}