@ozdao/martyrs 0.2.506 → 0.2.508

package/dist/martyrs/src/modules/products/store/categories.js

@@ -9,23 +9,25 @@ const state = reactive({
   },
   current: {
     order: 1,
-    photo: null,
+    photo: "",
     name: "",
+    slug: "",
     url: "",
+    level: 0,
     status: "draft",
     creator: null,
     owner: null,
     parent: null,
     children: [],
     filters: [],
-    localization: []
+    translations: []
   }
 });
 const actions = {
   async read(options = {}) {
     try {
       const response = await $axios.get("/api/categories", { params: options });
-      if (options.url) {
+      if (options._id) {
         state.current = { ...response.data[0] };
         return Promise.resolve(response.data[0]);
       } else {
@@ -67,10 +69,21 @@ const actions = {
       return Promise.reject(error);
     }
   },
-  async delete(url) {
+  async delete(id) {
     try {
-      await $axios.post("/api/categories/delete", { url });
-      state.all = state.all.filter((c) => c.url !== url);
+      let removeFromTree = function(items) {
+        return items.filter((item) => {
+          if (item._id === id) {
+            return false;
+          }
+          if (item.children && item.children.length > 0) {
+            item.children = removeFromTree(item.children);
+          }
+          return true;
+        });
+      };
+      await $axios.post("/api/categories/delete", { _id: id });
+      state.all = removeFromTree(state.all);
       return Promise.resolve();
     } catch (error) {
       setError(error);
@@ -80,13 +93,18 @@ const actions = {
   clean() {
     state.current = {
       order: 1,
+      photo: "",
       name: "",
+      slug: "",
       url: "",
+      level: 0,
       status: "draft",
+      creator: null,
+      owner: null,
       parent: null,
       children: [],
       filters: [],
-      localization: []
+      translations: []
     };
   }
 };

package/dist/martyrs/src/modules/products/store/categories.js.map

@@ -1 +1 @@
-{"version":3,"file":"categories.js","sources":["../../../../../../src/modules/products/store/categories.js"],"sourcesContent":["// Dependencies\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { reactive, watch } from 'vue';\n\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  all: [],\n\n  filter: {\n    status: null,\n    search: null,\n  },\n  current: {\n    order: 1,\n    photo: null,\n    name: '',\n    url: '',\n    status: 'draft',\n    creator: null,\n    owner: null,\n    parent: null,\n    children: [],\n    filters: [],\n    localization: [],\n  },\n});\n\n// Methods\nconst actions = {\n  async read(options = {}) {\n    try {\n      const response = await $axios.get('/api/categories', { params: options });\n\n      if (options.url) {\n        state.current = { ...response.data[0] };\n        return Promise.resolve(response.data[0]);\n      } else {\n        return Promise.resolve(response.data);\n      }\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async create(category) {\n    try {\n      const response = await $axios.post('/api/categories/create', category);\n      state.all.push(response.data);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async update(category) {\n    try {\n      const response = await $axios.post('/api/categories/update', category);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  // Method for updating order of multiple categories\n  async updateOrder(categories) {\n    try {\n      const response = await $axios.post('/api/categories/updateOrder', {\n        categories: categories,\n      });\n\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async delete(url) {\n    try {\n      await $axios.post('/api/categories/delete', { url });\n      state.all = state.all.filter(c => c.url !== url);\n      return Promise.resolve();\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  clean() {\n    state.current = {\n      order: 1,\n      name: '',\n      url: '',\n      status: 'draft',\n      parent: null,\n      children: [],\n      filters: [],\n      localization: [],\n    };\n  },\n};\n\nconst history = [];\nhistory.push(state);\n\nwatch(\n  state,\n  newState => {\n    history.push(newState);\n  },\n  { deep: true }\n);\n\nexport { actions, state };\n"],"names":[],"mappings":";;;AAOK,MAAC,QAAQ,SAAS;AAAA,EACrB,KAAK,CAAA;AAAA,EAEL,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACE,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU,CAAA;AAAA,IACV,SAAS,CAAA;AAAA,IACT,cAAc,CAAA;AAAA,EAClB;AACA,CAAC;AAGI,MAAC,UAAU;AAAA,EACd,MAAM,KAAK,UAAU,IAAI;AACvB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,IAAI,mBAAmB,EAAE,QAAQ,SAAS;AAExE,UAAI,QAAQ,KAAK;AACf,cAAM,UAAU,EAAE,GAAG,SAAS,KAAK,CAAC,EAAC;AACrC,eAAO,QAAQ,QAAQ,SAAS,KAAK,CAAC,CAAC;AAAA,MACzC,OAAO;AACL,eAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,MACtC;AAAA,IACF,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,0BAA0B,QAAQ;AACrE,YAAM,IAAI,KAAK,SAAS,IAAI;AAC5B,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,UAAU;AACrB,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,0BAA0B,QAAQ;AACrE,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA;AAAA,EAGA,MAAM,YAAY,YAAY;AAC5B,QAAI;AACF,YAAM,WAAW,MAAM,OAAO,KAAK,+BAA+B;AAAA,QAChE;AAAA,MACR,CAAO;AAED,aAAO,QAAQ,QAAQ,SAAS,IAAI;AAAA,IACtC,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,MAAM,OAAO,KAAK;AAChB,QAAI;AACF,YAAM,OAAO,KAAK,0BAA0B,EAAE,IAAG,CAAE;AACnD,YAAM,MAAM,MAAM,IAAI,OAAO,OAAK,EAAE,QAAQ,GAAG;AAC/C,aAAO,QAAQ,QAAO;AAAA,IACxB,SAAS,OAAO;AACd,eAAS,KAAK;AACd,aAAO,QAAQ,OAAO,KAAK;AAAA,IAC7B;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,UAAM,UAAU;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,UAAU,CAAA;AAAA,MACV,SAAS,CAAA;AAAA,MACT,cAAc,CAAA;AAAA,IACpB;AAAA,EACE;AACF;AAKA;AAAA,EACE;AAAA,EACA,cAAY;AAAA,EAEZ;AAAA,EACA,EAAE,MAAM,KAAI;AACd;"}
+{"version":3,"file":"categories.js","sources":["../../../../../../src/modules/products/store/categories.js"],"sourcesContent":["// Dependencies\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport { reactive, watch } from 'vue';\n\nimport $axios from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\n// State\nconst state = reactive({\n  all: [],\n\n  filter: {\n    status: null,\n    search: null,\n  },\n  current: {\n    order: 1,\n    photo: '',\n    name: '',\n    slug: '',\n    url: '',\n    level: 0,\n    status: 'draft',\n    creator: null,\n    owner: null,\n    parent: null,\n    children: [],\n    filters: [],\n    translations: [],\n  },\n});\n\n// Methods\nconst actions = {\n  async read(options = {}) {\n    try {\n      const response = await $axios.get('/api/categories', { params: options });\n\n      if (options._id) {\n        state.current = { ...response.data[0] };\n        return Promise.resolve(response.data[0]);\n      } else {\n        return Promise.resolve(response.data);\n      }\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async create(category) {\n    try {\n      const response = await $axios.post('/api/categories/create', category);\n      state.all.push(response.data);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async update(category) {\n    try {\n      const response = await $axios.post('/api/categories/update', category);\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  // Method for updating order of multiple categories\n  async updateOrder(categories) {\n    try {\n      const response = await $axios.post('/api/categories/updateOrder', {\n        categories: categories,\n      });\n\n      return Promise.resolve(response.data);\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async delete(id) {\n    try {\n      await $axios.post('/api/categories/delete', { _id: id });\n      // Рекурсивная функция для удаления категории и её детей из дерева\n      function removeFromTree(items) {\n        return items.filter(item => {\n          if (item._id === id) {\n            return false;\n          }\n          if (item.children && item.children.length > 0) {\n            item.children = removeFromTree(item.children);\n          }\n          return true;\n        });\n      }\n      state.all = removeFromTree(state.all);\n      return Promise.resolve();\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  clean() {\n    state.current = {\n      order: 1,\n      photo: '',\n      name: '',\n      slug: '',\n      url: '',\n      level: 0,\n      status: 'draft',\n      creator: null,\n      owner: null,\n      parent: null,\n      children: [],\n      filters: [],\n      translations: [],\n    };\n  },\n};\n\nconst history = [];\nhistory.push(state);\n\nwatch(\n  state,\n  newState => {\n    history.push(newState);\n  },\n  { deep: true }\n);\n\nexport { actions, state };\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/rents/views/components/pages/Gant/GanttToolbar.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const dayjs_min = require("../../../../../../../../_virtual/dayjs.min.cjs");
-const Tab = require("../../../../../../components/Tab/Tab.vue.cjs");
+const Tab = require("../../../../../../components/Tab/Tab.vue2.cjs");
 const Button = require("../../../../../../components/Button/Button.vue.cjs");
 const Dropdown = require("../../../../../../components/Dropdown/Dropdown.vue2.cjs");
 const Calendar = require("../../../../../../components/Calendar/Calendar.vue2.cjs");

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

@@ -1,6 +1,6 @@
 import { computed, ref, watch, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode } from "vue";
 import dayjs from "../../../../../../../../_virtual/dayjs.min.js";
-import _sfc_main$2 from "../../../../../../components/Tab/Tab.vue.js";
+import _sfc_main$2 from "../../../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$3 from "../../../../../../components/Button/Button.vue.js";
 import _sfc_main$4 from "../../../../../../components/Dropdown/Dropdown.vue2.js";
 import Calendar from "../../../../../../components/Calendar/Calendar.vue2.js";

package/dist/martyrs/src/modules/rents/views/components/pages/Rents.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const dayjs_min = require("../../../../../../../_virtual/dayjs.min.cjs");
-;/* empty css                                       */
+;/* empty css                                      */
 const Feed = require("../../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                        */
 const GanttChart = require("./Gant/GanttChart.vue.cjs");

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

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, toDisplayString, withCtx } from "vue";
 import dayjs from "../../../../../../../_virtual/dayjs.min.js";
-/* empty css                                     */
+/* empty css                                    */
 import _sfc_main$1 from "../../../../../components/Feed/Feed.vue.js";
 /* empty css                      */
 import _sfc_main$2 from "./Gant/GanttChart.vue.js";

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const vueI18n = require("vue-i18n");
-;/* empty css                                            */
+;/* empty css                                           */
 ;/* empty css                                        */
 ;/* empty css                                                   */
 ;/* empty css                                             */

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

@@ -1,7 +1,7 @@
 import { ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, toDisplayString, withCtx, Transition, createBlock, resolveDynamicComponent } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-/* empty css                                          */
+/* empty css                                         */
 /* empty css                                      */
 /* empty css                                                 */
 /* empty css                                           */

package/dist/martyrs/src/modules/spots/components/pages/Spot.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Spoiler = require("../../../../components/Spoiler/Spoiler.vue.cjs");
+const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
 const Map = require("../../../../components/Map/Map.vue.cjs");
 const SpotSub = require("../blocks/SpotSub.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");

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

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createCommentVNode, Fragment, renderList, createBlock, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue.js";
+import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue2.js";
 import Map from "../../../../components/Map/Map.vue.js";
 import SpotSub from "../blocks/SpotSub.vue.js";
 import _sfc_main$2 from "../../../auth/views/components/blocks/CardUser.vue.js";

package/dist/martyrs/src/modules/spots/components/pages/SpotEdit.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-;/* empty css                                    */
+;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");

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

@@ -2,7 +2,7 @@ import { ref, onMounted, createElementBlock, openBlock, createVNode, createEleme
 import { useRouter, useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                  */
+/* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";

package/dist/martyrs/src/modules/spots/components/pages/Spots.vue.cjs

@@ -0,0 +1,345 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Filters = require("../../../globals/views/components/sections/Filters.vue2.cjs");
+const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const CardSpot = require("../blocks/CardSpot.vue.cjs");
+const IconPlus = require("../../../icons/navigation/IconPlus.vue.cjs");
+const IconChevronBottom = require("../../../icons/navigation/IconChevronBottom.vue.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const spots = require("../../store/spots.cjs");
+const organizations = require("../../../organizations/store/organizations.cjs");
+const mixins = require("../../../globals/views/mixins/mixins.cjs");
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = {
+  key: 0,
+  class: "pd-medium flex-v-center flex-nowrap flex"
+};
+const _hoisted_3 = { class: "cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative" };
+const _hoisted_4 = { class: "o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative" };
+const _hoisted_5 = { class: "w-100 o-y-scroll h-100" };
+const _hoisted_6 = {
+  key: 0,
+  class: "mn-b-medium"
+};
+const _hoisted_7 = { class: "mn-b-small" };
+const _hoisted_8 = { class: "gap-micro" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
+const _hoisted_11 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
+const _hoisted_12 = { class: "mn-t-small" };
+const _hoisted_13 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
+const _hoisted_14 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
+const _hoisted_15 = { class: "mn-t-small" };
+const _hoisted_16 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
+const _hoisted_17 = { class: "h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra" };
+const _hoisted_18 = { class: "mn-t-small" };
+const _hoisted_19 = { class: "w-100 rows-1 pd-thin pos-relative o-hidden" };
+const _hoisted_20 = { class: "mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-type-x-mandatory scroll-pd-regular" };
+const _hoisted_21 = { class: "gap-thin flex-nowrap flex" };
+const _hoisted_22 = ["onClick"];
+const _sfc_main = {
+  __name: "Spots",
+  props: {
+    organization: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const { hasAccess } = mixins.useGlobalMixins();
+    const currentCategories = vue.ref([]);
+    const searchLocation = vue.ref("");
+    const selectedLocation = vue.ref("All");
+    const locationOptions = vue.ref(["All", "Phuket", "Bangkok", "Chiang Mai", "Pattaya"]);
+    const deliveryOptions = vue.ref([
+      { label: "Pickup", value: "pickup" },
+      { label: "Delivery", value: "delivery" },
+      { label: "Dine-in", value: "dinein" }
+    ]);
+    const selectedDeliveryOptions = vue.ref([]);
+    const paymentOptions = vue.ref([
+      { label: "Cash", value: "cash" },
+      { label: "Card", value: "card" },
+      { label: "Crypto", value: "crypto" },
+      { label: "Bank Transfer", value: "transfer" }
+    ]);
+    const selectedPaymentOptions = vue.ref([]);
+    const availableFilters = vue.ref([
+      {
+        title: "Location",
+        value: "location",
+        type: "radio",
+        options: locationOptions.value.map((loc) => ({ label: loc, value: loc }))
+      },
+      {
+        title: "Type",
+        value: "type",
+        type: "checkbox",
+        options: [
+          { label: "Restaurant", value: "restaurant" },
+          { label: "Cafe", value: "cafe" },
+          { label: "Bar", value: "bar" },
+          { label: "Club", value: "club" }
+        ]
+      }
+    ]);
+    const selectedFilters = vue.ref({
+      location: "All",
+      type: []
+    });
+    const selectCategory = (category) => {
+      console.log("Category selected:", category);
+    };
+    const clearFilters = () => {
+      selectedLocation.value = "All";
+      selectedDeliveryOptions.value = [];
+      selectedPaymentOptions.value = [];
+      searchLocation.value = "";
+      selectedFilters.value = {
+        location: "All",
+        type: []
+      };
+    };
+    globals.state.navigation_bar.actions = [{
+      component: IconPlus.default,
+      props: {
+        fill: "rgb(var(--main))"
+      },
+      condition: () => auth.state.user && auth.state.user._id,
+      action: () => route.params._id ? router.push({ name: "Organization_SpotAdd", params: { _id: route.params._id } }) : router.push({ name: "SpotAdd" })
+    }];
+    vue.onMounted(async () => {
+      if (route.params._id) {
+        await organizations.actions.read({ _id: route.params._id });
+      }
+    });
+    vue.onUnmounted(() => {
+      globals.state.navigation_bar.actions = [];
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.unref(route).name !== "Organization" && !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2, [
+          _cache[10] || (_cache[10] = vue.createElementVNode("h2", { class: "mn-r-medium" }, "Spots", -1)),
+          vue.unref(hasAccess)(vue.unref(route).params._id, "spots", "create", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({
+              name: vue.unref(route).params?._id ? "Organization_SpotAdd" : "SpotAdd"
+            })),
+            class: "radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second"
+          }, " + ")) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("div", _hoisted_5, [
+              currentCategories.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                vue.createElementVNode("h4", _hoisted_7, vue.toDisplayString(vue.unref(route).params.categoryPath ? "Subcategories" : "Categories"), 1),
+                vue.createElementVNode("div", _hoisted_8, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentCategories.value, (category) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: category._id,
+                      onClick: ($event) => selectCategory(category),
+                      class: "pd-small radius-small cursor-pointer hover-bg-light transition-all"
+                    }, vue.toDisplayString(category.name), 9, _hoisted_9);
+                  }), 128))
+                ])
+              ])) : vue.createCommentVNode("", true),
+              vue.createVNode(Spoiler.default, {
+                class: "o-hidden mn-b-medium",
+                status: true
+              }, {
+                header: vue.withCtx(({ isOpen }) => [
+                  vue.createElementVNode("div", _hoisted_10, [
+                    _cache[11] || (_cache[11] = vue.createElementVNode("h4", { class: "w-100" }, "Location", -1)),
+                    vue.createElementVNode("div", _hoisted_11, [
+                      vue.createVNode(IconChevronBottom.default, {
+                        class: vue.normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-regular"]),
+                        fill: "rgb(var(--black))"
+                      }, null, 8, ["class"])
+                    ])
+                  ])
+                ]),
+                content: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_12, [
+                    vue.createVNode(Field.default, {
+                      modelValue: searchLocation.value,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchLocation.value = $event),
+                      placeholder: "Search location...",
+                      type: "text",
+                      class: "w-100 bg-light pd-small radius-small mn-b-small"
+                    }, null, 8, ["modelValue"]),
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(locationOptions.value, (location) => {
+                      return vue.openBlock(), vue.createBlock(Checkbox.default, {
+                        key: location,
+                        radio: selectedLocation.value,
+                        "onUpdate:radio": _cache[2] || (_cache[2] = ($event) => selectedLocation.value = $event),
+                        label: location,
+                        value: location,
+                        mode: "radio",
+                        class: "mn-b-micro"
+                      }, null, 8, ["radio", "label", "value"]);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(Spoiler.default, {
+                class: "o-hidden mn-b-medium",
+                status: true
+              }, {
+                header: vue.withCtx(({ isOpen }) => [
+                  vue.createElementVNode("div", _hoisted_13, [
+                    _cache[12] || (_cache[12] = vue.createElementVNode("h4", { class: "w-100" }, "Delivery Options", -1)),
+                    vue.createElementVNode("div", _hoisted_14, [
+                      vue.createVNode(IconChevronBottom.default, {
+                        class: vue.normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-regular"]),
+                        fill: "rgb(var(--black))"
+                      }, null, 8, ["class"])
+                    ])
+                  ])
+                ]),
+                content: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_15, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(deliveryOptions.value, (option) => {
+                      return vue.openBlock(), vue.createBlock(Checkbox.default, {
+                        key: option.value,
+                        checkbox: selectedDeliveryOptions.value,
+                        "onUpdate:checkbox": _cache[3] || (_cache[3] = ($event) => selectedDeliveryOptions.value = $event),
+                        label: option.label,
+                        value: option.value,
+                        mode: "checkbox",
+                        class: "mn-b-micro"
+                      }, null, 8, ["checkbox", "label", "value"]);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(Spoiler.default, {
+                class: "o-hidden mn-b-medium",
+                status: true
+              }, {
+                header: vue.withCtx(({ isOpen }) => [
+                  vue.createElementVNode("div", _hoisted_16, [
+                    _cache[13] || (_cache[13] = vue.createElementVNode("h4", { class: "w-100" }, "Payment Options", -1)),
+                    vue.createElementVNode("div", _hoisted_17, [
+                      vue.createVNode(IconChevronBottom.default, {
+                        class: vue.normalizeClass([{ "rotate-180 mn-t-micro-negative": isOpen }, "i-regular"]),
+                        fill: "rgb(var(--black))"
+                      }, null, 8, ["class"])
+                    ])
+                  ])
+                ]),
+                content: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_18, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(paymentOptions.value, (option) => {
+                      return vue.openBlock(), vue.createBlock(Checkbox.default, {
+                        key: option.value,
+                        checkbox: selectedPaymentOptions.value,
+                        "onUpdate:checkbox": _cache[4] || (_cache[4] = ($event) => selectedPaymentOptions.value = $event),
+                        label: option.label,
+                        value: option.value,
+                        mode: "checkbox",
+                        class: "mn-b-micro"
+                      }, null, 8, ["checkbox", "label", "value"]);
+                    }), 128))
+                  ])
+                ]),
+                _: 1
+              }),
+              vue.createElementVNode("button", {
+                onClick: clearFilters,
+                class: "bg-main w-100 button mn-t-medium"
+              }, " Clear Filters ")
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_19, [
+            vue.createVNode(Filters.default, {
+              filters: availableFilters.value,
+              "onUpdate:filters": _cache[5] || (_cache[5] = ($event) => availableFilters.value = $event),
+              selected: selectedFilters.value,
+              "onUpdate:selected": _cache[6] || (_cache[6] = ($event) => selectedFilters.value = $event)
+            }, null, 8, ["filters", "selected"]),
+            vue.createElementVNode("div", _hoisted_20, [
+              vue.createElementVNode("div", _hoisted_21, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentCategories.value, (category) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: category._id,
+                    onClick: ($event) => selectCategory(category),
+                    class: "flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all"
+                  }, vue.toDisplayString(category.name), 9, _hoisted_22);
+                }), 128))
+              ])
+            ]),
+            vue.createVNode(Feed.default, {
+              search: true,
+              filter: spots.state.filter,
+              "onUpdate:filter": _cache[7] || (_cache[7] = ($event) => spots.state.filter = $event),
+              sort: spots.state.sort,
+              "onUpdate:sort": _cache[8] || (_cache[8] = ($event) => spots.state.sort = $event),
+              showLoadMore: false,
+              states: {
+                empty: {
+                  title: "No Spots Found",
+                  description: "Currently, there are no spots available."
+                }
+              },
+              store: {
+                read: (options) => spots.actions.read(options),
+                state: spots.state
+              },
+              options: {
+                limit: 12,
+                organization: vue.unref(route).params._id || null,
+                user: auth.state.user._id,
+                location: selectedLocation.value,
+                deliveryOptions: selectedDeliveryOptions.value,
+                paymentOptions: selectedPaymentOptions.value,
+                search: vue.unref(route).query.search
+              },
+              class: "cols-3 pos-relative w-100 rows-1 gap-thin"
+            }, {
+              default: vue.withCtx(({
+                items
+              }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (spot, index) => {
+                  return vue.openBlock(), vue.createBlock(CardSpot.default, {
+                    key: index,
+                    spot,
+                    organization: __props.organization,
+                    editAccess: vue.unref(hasAccess)(vue.unref(route).params._id, "spots", "edit", auth.state.accesses, auth.state.access.roles),
+                    showDeliveryOptions: true,
+                    showPaymentOptions: true,
+                    class: "radius-medium h-min-big bg-light",
+                    onClick: ($event) => _ctx.$router.push({
+                      name: vue.unref(route).params._id ? "Organization_Spot" : "Spot",
+                      params: {
+                        _id: vue.unref(route).params._id,
+                        spot: spot._id
+                      }
+                    })
+                  }, null, 8, ["spot", "organization", "editAccess", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["filter", "sort", "store", "options"]),
+            vue.unref(hasAccess)(vue.unref(route).params._id, "spots", "create", auth.state.accesses, auth.state.access.roles) ? (vue.openBlock(), vue.createElementBlock("button", {
+              key: 0,
+              onClick: _cache[9] || (_cache[9] = ($event) => _ctx.$router.push(`/spots/${vue.unref(route).params._id}/spots/create`)),
+              class: "mn-t-medium bg-main button w-100"
+            }, " Add New Spot ")) : vue.createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Spots.vue.cjs.map

package/dist/martyrs/src/modules/spots/components/pages/Spots.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spots.vue.cjs","sources":["../../../../../../../src/modules/spots/components/pages/Spots.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <header \n      v-if=\"route.name !== 'Organization' && !MOBILE_APP\"\n      class=\"pd-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Spots</h2>\n      <button \n        v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n        @click=\"$router.push({\n          name: route.params?._id ? 'Organization_SpotAdd' : 'SpotAdd'\n        })\" \n        class=\"radius-100 i-big hover-scale-1 cursor-pointer t-white bg-second\">\n          +\n      </button>\n    </header>\n\n    <div class=\"cols-2-1_3 br-1px br-solid br-light z-index-3 pos-relative\">\n\n      <div class=\"o-y-scroll br-r br-solid br-light pd-medium z-index-2 desktop-only h-100 pos-relative\">\n        <div class=\"w-100 o-y-scroll h-100\">\n          <!-- Categories -->\n          <div class=\"mn-b-medium\" v-if=\"currentCategories.length > 0\">\n            <h4 class=\"mn-b-small\">\n              {{ route.params.categoryPath ? 'Subcategories' : 'Categories' }}\n            </h4>\n            <div class=\"gap-micro\">\n              <div\n                v-for=\"category in currentCategories\"\n                :key=\"category._id\"\n                @click=\"selectCategory(category)\"\n                class=\"pd-small radius-small cursor-pointer hover-bg-light transition-all\"\n              >\n                {{ category.name }}\n              </div>\n            </div>\n          </div>\n\n          <!-- Location Filter -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Location</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Field\n                  v-model=\"searchLocation\"\n                  placeholder=\"Search location...\"\n                  type=\"text\"\n                  class=\"w-100 bg-light pd-small radius-small mn-b-small\"\n                />\n                <Checkbox \n                  v-for=\"location in locationOptions\"\n                  :key=\"location\"\n                  v-model:radio=\"selectedLocation\"\n                  :label=\"location\"\n                  :value=\"location\"\n                  mode=\"radio\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Delivery Options -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Delivery Options</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Checkbox \n                  v-for=\"option in deliveryOptions\"\n                  :key=\"option.value\"\n                  v-model:checkbox=\"selectedDeliveryOptions\"\n                  :label=\"option.label\"\n                  :value=\"option.value\"\n                  mode=\"checkbox\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Payment Options -->\n          <Spoiler \n            class=\"o-hidden mn-b-medium\"\n            :status=\"true\"\n          >\n            <template #header=\"{ isOpen }\">\n              <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n                <h4 class=\"w-100\">Payment Options</h4>\n                <div class=\"h-2r w-2r flex-child-auto aspect-1x1 flex-center flex bg-light radius-extra\">\n                  <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" fill=\"rgb(var(--black))\" class=\"i-regular\"/>\n                </div>\n              </div>\n            </template>\n\n            <template #content>\n              <div class=\"mn-t-small\">\n                <Checkbox \n                  v-for=\"option in paymentOptions\"\n                  :key=\"option.value\"\n                  v-model:checkbox=\"selectedPaymentOptions\"\n                  :label=\"option.label\"\n                  :value=\"option.value\"\n                  mode=\"checkbox\"\n                  class=\"mn-b-micro\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n\n          <!-- Clear Filters Button -->\n          <button \n            @click=\"clearFilters\"\n            class=\"bg-main w-100 button mn-t-medium\"\n          >\n            Clear Filters\n          </button>\n        </div>\n      </div>\n\n      <div class=\"w-100 rows-1 pd-thin pos-relative o-hidden\">\n        <Filters\n          v-model:filters=\"availableFilters\"\n          v-model:selected=\"selectedFilters\"\n        />\n        \n        <div class=\"mn-b-thin w-100 o-y-scroll scroll-hide scroll-snap-type-x-mandatory scroll-pd-regular\">\n          <div class=\"gap-thin flex-nowrap flex\">\n            <div\n              v-for=\"category in currentCategories\"\n              :key=\"category._id\"\n              @click=\"selectCategory(category)\"\n              class=\"flex-child-default bg-light flex t-nowrap pd-medium radius-medium cursor-pointer hover-bg-light transition-all\"\n            >\n              {{ category.name }}\n            </div>\n          </div>\n        </div>\n\n        <Feed\n          :search=\"true\"\n          v-model:filter=\"spots.state.filter\"\n          v-model:sort=\"spots.state.sort\"\n          :showLoadMore=\"false\"\n          :states=\"{\n            empty: {\n              title: 'No Spots Found',\n              description: 'Currently, there are no spots available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => spots.actions.read(options),\n            state: spots.state\n          }\"\n          :options=\"{\n            limit: 12,\n            organization: route.params._id || null,\n            user: auth.state.user._id,\n            location: selectedLocation,\n            deliveryOptions: selectedDeliveryOptions,\n            paymentOptions: selectedPaymentOptions,\n            search: route.query.search\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"cols-3 pos-relative w-100 rows-1 gap-thin\"\n        >\n          <CardSpot\n            v-for=\"(spot, index) in items\"\n            :key=\"index\"\n            :spot=\"spot\"\n            :organization=\"organization\"\n            :editAccess=\"hasAccess(route.params._id, 'spots', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            :showDeliveryOptions=\"true\"\n            :showPaymentOptions=\"true\"\n            class=\"radius-medium h-min-big bg-light\"\n            @click=\"$router.push({ \n              name: route.params._id ? 'Organization_Spot' : 'Spot', \n              params: { \n                _id: route.params._id,\n                spot: spot._id \n              } \n            })\"\n          />\n        </Feed>\n\n        <button\n          v-if=\"hasAccess(route.params._id, 'spots', 'create', auth.state.accesses, auth.state.access.roles)\"\n          @click=\"$router.push(`/spots/${route.params._id}/spots/create`)\"\n          class=\"mn-t-medium bg-main button w-100\"\n        >\n          Add New Spot\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n  // Import libs\n  import { ref, computed, watch, onMounted, onUnmounted } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n  // Import components\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Filters from '@martyrs/src/modules/globals/views/components/sections/Filters.vue'\n  import Spoiler from \"@martyrs/src/components/Spoiler/Spoiler.vue\"\n  import Field from \"@martyrs/src/components/Field/Field.vue\"\n  import Checkbox from \"@martyrs/src/components/Checkbox/Checkbox.vue\"\n\n  import CardSpot from '@martyrs/src/modules/spots/components/blocks/CardSpot.vue'\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n  import IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  // Accessing router and store\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as spots from '@martyrs/src/modules/spots/store/spots.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\n  const route = useRoute()\n  const router = useRouter()\n  const { hasAccess } = useGlobalMixins()\n\n  // Props\n  const props = defineProps({\n    organization: {\n      type: Object,\n      default: null\n    }\n  })\n\n  // Categories\n  const currentCategories = ref([]);\n  const searchLocation = ref('');\n  const selectedLocation = ref('All');\n  const locationOptions = ref(['All', 'Phuket', 'Bangkok', 'Chiang Mai', 'Pattaya']);\n\n  // Delivery options\n  const deliveryOptions = ref([\n    { label: 'Pickup', value: 'pickup' },\n    { label: 'Delivery', value: 'delivery' },\n    { label: 'Dine-in', value: 'dinein' }\n  ]);\n  const selectedDeliveryOptions = ref([]);\n\n  // Payment options\n  const paymentOptions = ref([\n    { label: 'Cash', value: 'cash' },\n    { label: 'Card', value: 'card' },\n    { label: 'Crypto', value: 'crypto' },\n    { label: 'Bank Transfer', value: 'transfer' }\n  ]);\n  const selectedPaymentOptions = ref([]);\n\n  const availableFilters = ref([\n    {\n      title: 'Location',\n      value: 'location',\n      type: 'radio',\n      options: locationOptions.value.map(loc => ({ label: loc, value: loc }))\n    },\n    {\n      title: 'Type',\n      value: 'type',\n      type: 'checkbox',\n      options: [\n        { label: 'Restaurant', value: 'restaurant' },\n        { label: 'Cafe', value: 'cafe' },\n        { label: 'Bar', value: 'bar' },\n        { label: 'Club', value: 'club' }\n      ]\n    }\n  ])\n\n  const selectedFilters = ref({\n    location: 'All',\n    type: []\n  })\n\n  const selectCategory = (category) => {\n    // Implementation for category selection\n    console.log('Category selected:', category);\n  };\n\n  const clearFilters = () => {\n    selectedLocation.value = 'All';\n    selectedDeliveryOptions.value = [];\n    selectedPaymentOptions.value = [];\n    searchLocation.value = '';\n    selectedFilters.value = {\n      location: 'All',\n      type: []\n    };\n  };\n\n  globals.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\" \n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => route.params._id ? router.push({ name: 'Organization_SpotAdd', params: { _id: route.params._id} }) : router.push({ name: 'SpotAdd' })\n  }]\n\n  onMounted(async () => {\n    if (route.params._id) {\n      await organizations.actions.read({ _id: route.params._id });\n    }\n  })\n\n  onUnmounted(() => {\n    globals.state.navigation_bar.actions = [];\n  });\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","useGlobalMixins","ref","globals.state","IconPlus","auth.state","onMounted","organizations.actions","onUnmounted"],"mappings":"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"}