@ozdao/martyrs 0.2.470 → 0.2.472

package/dist/martyrs/src/modules/globals/views/classes/globals.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.store.js","sources":["../../../../../../../src/modules/globals/views/classes/globals.store.js"],"sourcesContent":["import { reactive } from 'vue';\n\n// Globals \nimport { setError }   from '@martyrs/src/modules/globals/views/store/globals'\n\nclass Store {\n  constructor(apiUrl) {\n    this.state = reactive({\n      items: [],\n      current: {}\n    });\n    this.apiUrl = apiUrl;\n  }\n\n  // Simplified request method to avoid repetition and enhance maintainability\n  async request(endpoint, options = {}) {\n    const url = endpoint.startsWith('http') ? endpoint : `${this.apiUrl}${endpoint}`;\n\n    const defaultOptions = {\n      credentials: 'include', // Assumes credentials needed for each request\n      headers: {}\n    };\n    const finalOptions = {\n      ...defaultOptions,\n      ...options\n    };\n\n    // Set default headers if content type is not explicitly set\n    if (!finalOptions.headers['Content-Type'] && options.body) {\n      finalOptions.headers['Content-Type'] = 'application/json';\n      finalOptions.body = JSON.stringify(options.body);\n    }\n\n    try {\n      const response = await fetch(url, finalOptions);\n\n      if (!response.ok) {\n        const errorData = await response.json();\n        const error = new Error(errorData.message || 'Unknown error');\n        error.errorCode = errorData.errorCode || 'UNKNOWN_ERROR';\n        throw error;\n      }\n\n      return await response.json();\n\n    } catch (error) {\n      console.error(error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  async create(item) {\n    return await this.request('/create', {\n      method: 'POST',\n      body: item\n    });\n  }\n\n  async read(options = {}) {\n    const queryParams = new URLSearchParams(options).toString();\n    \n    return await this.request(`/read?${queryParams}`);\n  }\n\n  async update(item) {\n    return await this.request('/update', {\n      method: 'PUT',\n      body: item\n    });\n  }\n\n  async delete(item) {\n    return await this.request(`/delete`, {\n      method: 'DELETE',\n      body: item\n    });\n  }\n\n  // Enhanced Mutations utilizing Vue reactivity system efficiently \n  setItems(items, state) {\n    const targetState = state || this.state.items;\n\n    state.splice(0, state.length, ...items);\n  }\n\n  addItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    const existingItemIndex = targetState.findIndex(i => i[property] === item[property]);\n    \n    if (existingItemIndex === -1) {\n      targetState.splice(0, 0, item);\n    } else {\n      Object.assign(targetState[existingItemIndex], item);\n    }\n  }\n\n  updateItem(item, state, property = '_id') {\n      const targetState = state || this.state.items;\n      const index = targetState.findIndex(i => i[property] === item[property]);\n      if (index !== -1) {\n        targetState.splice(index, 1, item);\n      }\n    }\n\n  removeItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    // Поиск и удаление элемента по указанному ключу\n    const index = targetState.findIndex(i => i[property] === item[property]);\n    if (index !== -1) {\n      targetState.splice(index, 1);\n    }\n  }\n}\n\nexport default Store;"],"names":[],"mappings":"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"}
+{"version":3,"file":"globals.store.js","sources":["../../../../../../../src/modules/globals/views/classes/globals.store.js"],"sourcesContent":["import { reactive } from 'vue';\n// Globals \nimport { setError } from '@martyrs/src/modules/globals/views/store/globals';\n\nclass Store {\n  constructor(apiUrl) {\n    this.state = reactive({\n      items: [],\n      current: {}\n    });\n    this.apiUrl = apiUrl;\n    console.log(`Store initialized with API URL: ${apiUrl}`);\n  }\n\n  // Simplified request method with enhanced debugging\n  async request(endpoint, options = {}) {\n    const url = endpoint.startsWith('http') ? endpoint : `${this.apiUrl}${endpoint}`;\n    console.log(`Making request to: ${url}`, { method: options.method || 'GET' });\n    \n    const defaultOptions = {\n      credentials: 'include', // Assumes credentials needed for each request\n      headers: {}\n    };\n    const finalOptions = {\n      ...defaultOptions,\n      ...options\n    };\n\n    // Set default headers if content type is not explicitly set\n    if (!finalOptions.headers['Content-Type'] && options.body) {\n      finalOptions.headers['Content-Type'] = 'application/json';\n      finalOptions.body = JSON.stringify(options.body);\n    }\n\n    try {\n      console.log('Request options:', JSON.stringify({\n        method: finalOptions.method,\n        headers: finalOptions.headers,\n        bodyLength: finalOptions.body ? JSON.stringify(finalOptions.body).length : 0\n      }));\n      \n      const response = await fetch(url, finalOptions);\n      console.log(`Response status: ${response.status}`);\n      \n      // Log response headers for debugging\n      const responseHeaders = {};\n      response.headers.forEach((value, key) => {\n        responseHeaders[key] = value;\n      });\n      console.log('Response headers:', responseHeaders);\n\n      if (!response.ok) {\n        let errorData;\n        try {\n          errorData = await response.json();\n        } catch (jsonError) {\n          console.error('Failed to parse error response as JSON:', jsonError);\n          errorData = { message: 'Failed to parse server response' };\n        }\n        \n        console.error('Server returned error:', errorData);\n        const error = new Error(errorData.message || `Server returned ${response.status}`);\n        error.status = response.status;\n        error.errorCode = errorData.errorCode || 'UNKNOWN_ERROR';\n        error.responseText = await response.text().catch(() => 'Unable to get response text');\n        throw error;\n      }\n\n      const data = await response.json();\n      console.log('Response data received successfully');\n      return data;\n    } catch (error) {\n      console.error('Request failed:', error);\n      if (error.name === 'TypeError' && error.message.includes('Failed to fetch')) {\n        console.error('Network error detected. This might indicate a CORS issue, network connectivity problem, or the server is down.');\n        const enhancedError = new Error('Network error: Unable to connect to the server');\n        enhancedError.originalError = error;\n        setError(enhancedError);\n        throw enhancedError;\n      }\n      \n      setError(error);\n      throw error;\n    }\n  }\n\n  async create(item) {\n    console.log('Creating item:', item);\n    try {\n      const result = await this.request('/create', {\n        method: 'POST',\n        body: item\n      });\n      console.log('Create operation succeeded:', result);\n      return result;\n    } catch (error) {\n      console.error('Create operation failed:', error);\n      // Log specific error details\n      if (error.status) {\n        console.error(`HTTP Status: ${error.status}`);\n      }\n      if (error.errorCode) {\n        console.error(`Error Code: ${error.errorCode}`);\n      }\n      setError(error);\n      throw error;\n    }\n  }\n\n  async read(options = {}) {\n    console.log('Reading items with options:', options);\n    try {\n      const queryParams = new URLSearchParams(options).toString();\n      const result = await this.request(`/read?${queryParams}`);\n      console.log(`Read operation returned ${result.length || 0} items`);\n      return result;\n    } catch (error) {\n      console.error('Read operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  async update(item) {\n    console.log('Updating item:', item);\n    try {\n      const result = await this.request('/update', {\n        method: 'PUT',\n        body: item\n      });\n      console.log('Update operation succeeded:', result);\n      return result;\n    } catch (error) {\n      console.error('Update operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  async delete(item) {\n    console.log('Deleting item:', item);\n    try {\n      const result = await this.request(`/delete`, {\n        method: 'DELETE',\n        body: item\n      });\n      console.log('Delete operation succeeded');\n      return result;\n    } catch (error) {\n      console.error('Delete operation failed:', error);\n      setError(error);\n      throw error;\n    }\n  }\n\n  // Enhanced Mutations utilizing Vue reactivity system efficiently \n  setItems(items, state) {\n    console.log(`Setting ${items.length} items in state`);\n    const targetState = state || this.state.items;\n    if (Array.isArray(targetState)) {\n      targetState.splice(0, targetState.length, ...items);\n    } else {\n      console.error('Target state is not an array in setItems');\n    }\n  }\n\n  addItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    const existingItemIndex = targetState.findIndex(i => i[property] === item[property]);\n    \n    if (existingItemIndex === -1) {\n      console.log('Adding new item to state');\n      targetState.splice(0, 0, item);\n    } else {\n      console.log('Updating existing item in state');\n      Object.assign(targetState[existingItemIndex], item);\n    }\n  }\n\n  updateItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    const index = targetState.findIndex(i => i[property] === item[property]);\n    if (index !== -1) {\n      console.log('Replacing item in state');\n      targetState.splice(index, 1, item);\n    } else {\n      console.log('Item not found for update in state');\n    }\n  }\n\n  removeItem(item, state, property = '_id') {\n    const targetState = state || this.state.items;\n    // Поиск и удаление элемента по указанному ключу\n    const index = targetState.findIndex(i => i[property] === item[property]);\n    if (index !== -1) {\n      console.log('Removing item from state');\n      targetState.splice(index, 1);\n    } else {\n      console.log('Item not found for removal from state');\n    }\n  }\n}\n\nexport default Store;"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.cjs

@@ -51,6 +51,7 @@ const _sfc_main = {
   ],
   setup(__props, { emit: __emit }) {
     const router = vueRouter.useRouter();
+    const route = vueRouter.useRoute();
     const props = __props;
     const emits = __emit;
     const expandedSections = vue.ref([]);
@@ -74,16 +75,11 @@ const _sfc_main = {
     const isSectionExpanded = (title) => {
       return expandedSections.value.includes(title);
     };
-    vue.watch(() => props.stateSidebar, (newValue) => {
-      if (!newValue) {
-        expandedSections.value = [];
+    const processRoute = (route2) => {
+      if (typeof route2 === "function") {
+        return route2(globals.state, auth.state);
       }
-    });
-    const processRoute = (route) => {
-      if (typeof route === "function") {
-        return route(globals.state, auth.state);
-      }
-      return route;
+      return route2;
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("nav", {
@@ -121,10 +117,10 @@ const _sfc_main = {
                   vue.createElementVNode("button", {
                     class: vue.normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center", [
                       __props.horizontal ? "pd-thin" : "",
-                      item.route && _ctx.$route.path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                      item.route && vue.unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
                       __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
                     ]]),
-                    onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, _ctx.$route.path !== processRoute(item.route) ? vue.unref(router).push(processRoute(item.route)) : null) : null
+                    onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, vue.unref(route).path !== processRoute(item.route) ? vue.unref(router).push(processRoute(item.route)) : null) : null
                   }, [
                     !__props.horizontal ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
                       item.iconComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.iconComponent), {
@@ -163,10 +159,10 @@ const _sfc_main = {
                             key: subItem.title
                           }, [
                             vue.createElementVNode("a", {
-                              onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, _ctx.$route.path !== processRoute(subItem.route) ? vue.unref(router).push(processRoute(subItem.route)) : null) : null,
+                              onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, vue.unref(route).path !== processRoute(subItem.route) ? vue.unref(router).push(processRoute(subItem.route)) : null) : null,
                               href: "#",
                               class: vue.normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
-                                subItem.route && _ctx.$route.path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                                subItem.route && vue.unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
                                 __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
                               ]])
                             }, [
@@ -196,6 +192,6 @@ const _sfc_main = {
     };
   }
 };
-const Navigation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3ff9e945"]]);
+const Navigation = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-f45211ee"]]);
 exports.default = Navigation;
 //# sourceMappingURL=Navigation.vue.cjs.map

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Navigation.vue"],"sourcesContent":["<script setup>\nimport { ref, watch, computed } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\nconst router = useRouter()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array, // Fixed property name typo\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\n// Use navigationItems from props instead of nagigationItems\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\nwatch(() => props.stateSidebar, (newValue) => {\n  if (!newValue) {\n    expandedSections.value = []\n  }\n})\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && $route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"i-medium sidebar-item-icon t-lh-1 flex-child-default\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && $route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["useRouter","ref","watch","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAASA,UAAS,UAAA;AAKxB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmBC,IAAG,IAAC,CAAE,CAAA;AAI/B,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAM,cAAc;AACvB,YAAI,UAAU,MAAM,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,SAAS,KAAK,QAAQ,GAAG;AACzG,gBAAM,cAAc;AACpB,qBAAW,MAAM;AACf,6BAAiB,MAAM,KAAK,KAAK;AAAA,UACzC,GAAS,EAAE;AAAA,QACX;AACI;AAAA,MACJ;AAEE,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACrC,OAAS;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MAC1C;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,iBAAiB,MAAM,SAAS,KAAK;AAAA,IAC9C;AAEAC,QAAK,MAAC,MAAM,MAAM,cAAc,CAAC,aAAa;AAC5C,UAAI,CAAC,UAAU;AACb,yBAAiB,QAAQ,CAAA;AAAA,MAC7B;AAAA,IACA,CAAC;AAGD,UAAM,eAAe,CAAC,UAAU;AAC9B,UAAI,OAAO,UAAU,YAAY;AAC/B,eAAO,MAAMC,QAAAA,OAAeC,KAAU,KAAA;AAAA,MAC1C;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Navigation.vue.cjs","sources":["../../../../../../../../src/modules/globals/views/components/partials/Navigation.vue"],"sourcesContent":["<script setup>\nimport { ref, watch, computed } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array, // Fixed property name typo\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\n// Use navigationItems from props instead of nagigationItems\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// watch(() => props.stateSidebar, (newValue) => {\n//   if (!newValue) {\n//     expandedSections.value = []\n//   }\n// })\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"i-medium sidebar-item-icon t-lh-1 flex-child-default\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["useRouter","useRoute","ref","route","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAASA,UAAS,UAAA;AACxB,UAAM,QAAQC,UAAQ,SAAA;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmBC,IAAG,IAAC,CAAE,CAAA;AAI/B,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAM,cAAc;AACvB,YAAI,UAAU,MAAM,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,SAAS,KAAK,QAAQ,GAAG;AACzG,gBAAM,cAAc;AACpB,qBAAW,MAAM;AACf,6BAAiB,MAAM,KAAK,KAAK;AAAA,UACzC,GAAS,EAAE;AAAA,QACX;AACI;AAAA,MACJ;AAEE,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACrC,OAAS;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MAC1C;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,iBAAiB,MAAM,SAAS,KAAK;AAAA,IAC9C;AASA,UAAM,eAAe,CAACC,WAAU;AAC9B,UAAI,OAAOA,WAAU,YAAY;AAC/B,eAAOA,OAAMC,QAAAA,OAAeC,KAAU,KAAA;AAAA,MAC1C;AACE,aAAOF;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.js

@@ -1,5 +1,5 @@
-import { ref, watch, createElementBlock, openBlock, normalizeClass, Fragment, renderList, withDirectives, createElementVNode, toDisplayString, createVNode, unref, createCommentVNode, createBlock, resolveDynamicComponent, withModifiers, Transition, withCtx, vShow } from "vue";
-import { useRouter } from "vue-router";
+import { ref, createElementBlock, openBlock, normalizeClass, Fragment, renderList, withDirectives, createElementVNode, toDisplayString, createVNode, unref, createCommentVNode, createBlock, resolveDynamicComponent, withModifiers, Transition, withCtx, vShow } from "vue";
+import { useRouter, useRoute } from "vue-router";
 import IconChevronBottom from "../../../../icons/navigation/IconChevronBottom.vue.js";
 import { state } from "../../store/globals.js";
 import { state as state$1 } from "../../../../auth/views/store/auth.js";
@@ -49,6 +49,7 @@ const _sfc_main = {
   ],
   setup(__props, { emit: __emit }) {
     const router = useRouter();
+    const route = useRoute();
     const props = __props;
     const emits = __emit;
     const expandedSections = ref([]);
@@ -72,16 +73,11 @@ const _sfc_main = {
     const isSectionExpanded = (title) => {
       return expandedSections.value.includes(title);
     };
-    watch(() => props.stateSidebar, (newValue) => {
-      if (!newValue) {
-        expandedSections.value = [];
+    const processRoute = (route2) => {
+      if (typeof route2 === "function") {
+        return route2(state, state$1);
       }
-    });
-    const processRoute = (route) => {
-      if (typeof route === "function") {
-        return route(state, state$1);
-      }
-      return route;
+      return route2;
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("nav", {
@@ -119,10 +115,10 @@ const _sfc_main = {
                   createElementVNode("button", {
                     class: normalizeClass(["transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center", [
                       __props.horizontal ? "pd-thin" : "",
-                      item.route && _ctx.$route.path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                      item.route && unref(route).path === processRoute(item.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
                       __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
                     ]]),
-                    onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, _ctx.$route.path !== processRoute(item.route) ? unref(router).push(processRoute(item.route)) : null) : null
+                    onClick: ($event) => item.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, unref(route).path !== processRoute(item.route) ? unref(router).push(processRoute(item.route)) : null) : null
                   }, [
                     !__props.horizontal ? (openBlock(), createElementBlock("div", _hoisted_2, [
                       item.iconComponent ? (openBlock(), createBlock(resolveDynamicComponent(item.iconComponent), {
@@ -161,10 +157,10 @@ const _sfc_main = {
                             key: subItem.title
                           }, [
                             createElementVNode("a", {
-                              onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, _ctx.$route.path !== processRoute(subItem.route) ? unref(router).push(processRoute(subItem.route)) : null) : null,
+                              onClick: ($event) => subItem.route ? (_ctx.isPhone ? __props.stateSidebar = false : null, unref(route).path !== processRoute(subItem.route) ? unref(router).push(processRoute(subItem.route)) : null) : null,
                               href: "#",
                               class: normalizeClass(["transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small", [
-                                subItem.route && _ctx.$route.path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
+                                subItem.route && unref(route).path === processRoute(subItem.route) ? __props.theme === "light" ? "bg-light" : "bg-dark" : "",
                                 __props.theme === "light" ? "hover-bg-light" : "hover-bg-dark"
                               ]])
                             }, [
@@ -194,7 +190,7 @@ const _sfc_main = {
     };
   }
 };
-const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ff9e945"]]);
+const Navigation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f45211ee"]]);
 export {
   Navigation as default
 };

package/dist/martyrs/src/modules/globals/views/components/partials/Navigation.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Navigation.vue"],"sourcesContent":["<script setup>\nimport { ref, watch, computed } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\nconst router = useRouter()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array, // Fixed property name typo\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\n// Use navigationItems from props instead of nagigationItems\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\nwatch(() => props.stateSidebar, (newValue) => {\n  if (!newValue) {\n    expandedSections.value = []\n  }\n})\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && $route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"i-medium sidebar-item-icon t-lh-1 flex-child-default\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, $route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && $route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAAS,UAAS;AAKxB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,CAAE,CAAA;AAI/B,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAM,cAAc;AACvB,YAAI,UAAU,MAAM,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,SAAS,KAAK,QAAQ,GAAG;AACzG,gBAAM,cAAc;AACpB,qBAAW,MAAM;AACf,6BAAiB,MAAM,KAAK,KAAK;AAAA,UACzC,GAAS,EAAE;AAAA,QACX;AACI;AAAA,MACJ;AAEE,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACrC,OAAS;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MAC1C;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,iBAAiB,MAAM,SAAS,KAAK;AAAA,IAC9C;AAEA,UAAM,MAAM,MAAM,cAAc,CAAC,aAAa;AAC5C,UAAI,CAAC,UAAU;AACb,yBAAiB,QAAQ,CAAA;AAAA,MAC7B;AAAA,IACA,CAAC;AAGD,UAAM,eAAe,CAAC,UAAU;AAC9B,UAAI,OAAO,UAAU,YAAY;AAC/B,eAAO,MAAMA,OAAeC,OAAU;AAAA,MAC1C;AACE,aAAO;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Navigation.vue.js","sources":["../../../../../../../../src/modules/globals/views/components/partials/Navigation.vue"],"sourcesContent":["<script setup>\nimport { ref, watch, computed } from 'vue'\nimport { useRouter, useRoute } from 'vue-router'\n\nimport IconChevronBottom from '@martyrs/src/modules/icons/navigation/IconChevronBottom.vue'\n\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n\nconst router = useRouter()\nconst route = useRoute()\n\nimport Dropdown from '@martyrs/src/components/Dropdown/Dropdown.vue'\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue'\n\nconst props = defineProps({\n  navigationItems: Array, // Fixed property name typo\n  theme: {\n    type: String,\n    default: \"light\"\n  },\n  stateSidebar: {\n    type: Boolean,\n    default: false\n  },\n  horizontal: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emits = defineEmits([\n  'closeSidebar'\n])\n\nconst expandedSections = ref([])\n\n// Use navigationItems from props instead of nagigationItems\n\nconst toggleSection = (title) => {\n  if (!props.stateSidebar) {\n    if (menuItems.value.flatMap(section => section.items).find(item => item.title === title && item.subItems)) {\n      emits('closeSidebar')\n      setTimeout(() => {\n        expandedSections.value.push(title)\n      }, 50)\n    }\n    return\n  }\n  \n  const index = expandedSections.value.indexOf(title)\n\n  if (index === -1) {\n    expandedSections.value.push(title)\n  } else {\n    expandedSections.value.splice(index, 1)\n  }\n}\n\nconst isSectionExpanded = (title) => {\n  return expandedSections.value.includes(title)\n}\n\n// watch(() => props.stateSidebar, (newValue) => {\n//   if (!newValue) {\n//     expandedSections.value = []\n//   }\n// })\n\n// Process route functions with globals and auth data\nconst processRoute = (route) => {\n  if (typeof route === 'function') {\n    return route(globals.state, auth.state)\n  }\n  return route\n}\n</script>\n\n<template>\n  <nav\n    class=\"transition-quint-out o-x-hidden h-100\"\n    :class=\"[\n      stateSidebar ? 'pd-small' : 'pd-micro',\n      horizontal ? 'w-100 desktop-only flex flex-center flex-nowrap o-y-hidden' : 'o-y-scroll rows-1',\n    ]\"\n  >\n    <div \n      v-for=\"section in props.navigationItems\" \n      v-show=\"!section.visible || (typeof section.visible === 'function' ? section.visible(auth.state) : true)\"\n      :key=\"section.category\" \n      class=\"transition-quint-out\"\n      :class=\"[\n        horizontal ? 'w-max flex-child-default flex flex-nowrap' : '',\n        stateSidebar && !horizontal ? 'mn-t-medium' : '',\n      ]\"\n    >\n      <div \n        class=\"uppercase t-medium t-transp p-small\"\n        :class=\"{ \n          'hidden': !stateSidebar || horizontal, \n          'visible': stateSidebar && !horizontal,\n          't-black': theme === 'light',\n          't-white':  theme === 'dark'\n        }\"\n      >\n        {{ section.category }}\n      </div>\n\n      <ul \n        :class=\"[\n          horizontal ? 'w-100 gap-micro flex flex-nowrap' : 'flex flex-column gap-thin',\n        ]\"\n      >\n        <li \n          v-for=\"item in section.items\" \n          v-show=\"!item.visible || (typeof item.visible === 'function' ? item.visible(auth.state) : true)\"\n          class=\"w-100 pos-relative\"\n          :key=\"item.title\"\n           \n        >\n        <button\n          class=\"transition-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center\"\n          @click=\"item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null\"\n          :class=\"[\n              horizontal ? 'pd-thin' : '',\n              item.route && route.path === processRoute(item.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n              theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n            ]\"\n        >\n          <div v-if=\"!horizontal\" class=\"w-100 flex-child-default w-max-big flex flex-center aspect-1x1\">\n            <component \n              v-if=\"item.iconComponent\" \n              :is=\"item.iconComponent\" \n              class=\"i-medium flex-child-default\" \n              :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n            />\n            <span \n              v-if=\"!item.iconComponent \" \n              class=\"i-medium sidebar-item-icon t-lh-1 flex-child-default\"\n            >\n              {{ item.icon }}\n            </span>\n          </div>\n          \n          <span\n            class=\"transition-quint-out w-100 t-left t-medium\"\n            :class=\"{ 'hidden': !stateSidebar && !horizontal, 'visible': stateSidebar || horizontal }\"\n          >\n            {{ item.title }}\n          </span>\n          \n          <span\n            v-if=\"item.subItems && stateSidebar && !horizontal\"\n            class=\"mn-l-auto mn-r-small sidebar-dropdown-icon\"\n            :class=\"{ 'rotate-180': isSectionExpanded(item.title) }\"\n            @click.stop=\"toggleSection(item.title)\" \n          >\n             <IconChevronBottom :class=\"{ 'rotate-180 mn-t-micro-negative': isOpen }\" :fill=\" theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'\" class=\"i-small\"/>\n          </span>\n        </button>\n        <transition\n          enter-active-class=\"dropdown-enter\"\n          leave-active-class=\"dropdown-leave\"\n          enter-from-class=\"dropdown-enter-from\"\n          enter-to-class=\"dropdown-enter-to\"\n          leave-from-class=\"dropdown-leave-from\"\n          leave-to-class=\"dropdown-leave-to\"\n        >\n          <ul\n            v-if=\"item.subItems && isSectionExpanded(item.title) && stateSidebar && !horizontal\"\n            class=\"mn-l-small mn-t-thin\"\n          >\n            <li v-for=\"subItem in item.subItems\" :key=\"subItem.title\">\n              \n              <a \n               @click=\"subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null\"\n                href=\"#\" \n                class=\"transition-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small\"\n                :class=\"[\n                  subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',\n                    theme === 'light' ? 'hover-bg-light' : 'hover-bg-dark'\n                    ]\"\n              >\n                <component \n                  v-if=\"subItem.iconComponent\" \n                  :is=\"subItem.iconComponent\" \n                  class=\"i-medium\" \n                 :fill=\"globals.state.theme.darkmode || theme === 'dark' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.25)'\"\n                />\n                <span v-else class=\"\">{{ subItem.icon }}</span>\n                <span class=\"w-100\">{{ subItem.title }}</span>\n              </a>\n            </li>\n          </ul>\n        </transition> \n        </li>\n      </ul>\n    </div>\n  </nav>\n</template>\n\n<style scoped>\n\n.rotate-180 {\n  transform: rotate(180deg);\n}\n\n.hidden {\n/*  opacity: 0;*/\n  width: 0;\n  display: none;\n}\n\n.visible {\n/*  opacity: 1;*/\n  display: block;\n}\n\n/* Dropdown animations */\n.dropdown-enter, .dropdown-leave {\n  transition: all 0.3s ease-in-out;\n}\n\n.dropdown-enter-from, .dropdown-leave-to {\n  opacity: 0;\n  transform: translateY(-0.5rem);\n}\n\n.dropdown-enter-to, .dropdown-leave-from {\n  opacity: 1;\n  transform: translateY(0);\n}\n</style>"],"names":["route","globals.state","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAM,SAAS,UAAS;AACxB,UAAM,QAAQ,SAAQ;AAKtB,UAAM,QAAQ;AAgBd,UAAM,QAAQ;AAId,UAAM,mBAAmB,IAAI,CAAE,CAAA;AAI/B,UAAM,gBAAgB,CAAC,UAAU;AAC/B,UAAI,CAAC,MAAM,cAAc;AACvB,YAAI,UAAU,MAAM,QAAQ,aAAW,QAAQ,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,SAAS,KAAK,QAAQ,GAAG;AACzG,gBAAM,cAAc;AACpB,qBAAW,MAAM;AACf,6BAAiB,MAAM,KAAK,KAAK;AAAA,UACzC,GAAS,EAAE;AAAA,QACX;AACI;AAAA,MACJ;AAEE,YAAM,QAAQ,iBAAiB,MAAM,QAAQ,KAAK;AAElD,UAAI,UAAU,IAAI;AAChB,yBAAiB,MAAM,KAAK,KAAK;AAAA,MACrC,OAAS;AACL,yBAAiB,MAAM,OAAO,OAAO,CAAC;AAAA,MAC1C;AAAA,IACA;AAEA,UAAM,oBAAoB,CAAC,UAAU;AACnC,aAAO,iBAAiB,MAAM,SAAS,KAAK;AAAA,IAC9C;AASA,UAAM,eAAe,CAACA,WAAU;AAC9B,UAAI,OAAOA,WAAU,YAAY;AAC/B,eAAOA,OAAMC,OAAeC,OAAU;AAAA,MAC1C;AACE,aAAOF;AAAA,IACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../../components/Tab/Tab.vue.cjs");
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue.js

@@ -1,5 +1,5 @@
 import { resolveComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
 const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
 const _hoisted_2 = { class: "h2 mn-r-auto" };
 const _hoisted_3 = ["onClick"];

package/dist/martyrs/src/modules/globals/views/utils/vue-app-renderer.cjs

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const serverRenderer_esmBundler = require("../../../../../../node_modules/.pnpm/@vue_server-renderer@3.5.13_vue@3.5.13_typescript@5.8.3_/node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.cjs");
+const serverRenderer_esmBundler = require("../../../../../node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.cjs");
 const index = require("../../../../../../node_modules/.pnpm/@unhead_ssr@1.11.20/node_modules/@unhead/ssr/dist/index.cjs");
 const axiosInstance = require("./axios-instance.cjs");
 function renderAndMountApp({ createApp }) {
   const start = async () => {
+    var _a, _b;
     const { app, router, store } = createApp();
     let initialState;
     try {
@@ -18,9 +19,11 @@ function renderAndMountApp({ createApp }) {
     if (initialState) {
       store.setInitialState(initialState);
     }
-    if (initialState && initialState.auth && initialState.auth.user) {
-      axiosInstance.setAuthToken(initialState.auth.user.accessToken);
+    console.log("auth", initialState.auth);
+    if ((_b = (_a = initialState == null ? void 0 : initialState.auth) == null ? void 0 : _a.access) == null ? void 0 : _b.token) {
+      axiosInstance.setAuthToken(initialState.auth.access.token);
     } else {
+      store.auth.actions.resetState();
       await store.auth.actions.logout();
     }
     await router.isReady();
@@ -44,16 +47,7 @@ async function render({ url, cookies, createApp }) {
   if (user) {
     await store.auth.actions.initialize(user);
   } else {
-    store.auth.state.user = {
-      _id: void 0,
-      username: "",
-      email: "",
-      phone: "",
-      password: "1",
-      passwordRepeat: ""
-    };
-    store.auth.state.access = { roles: null, token: null, status: false };
-    store.auth.state.accesses = [];
+    store.auth.actions.resetState();
   }
   const html = await serverRenderer_esmBundler.renderToString(app, sharedContext);
   const payload = await index.renderSSRHead(meta, {});

package/dist/martyrs/src/modules/globals/views/utils/vue-app-renderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"vue-app-renderer.cjs","sources":["../../../../../../../src/modules/globals/views/utils/vue-app-renderer.js"],"sourcesContent":["import { renderToString } from \"@vue/server-renderer\";\nimport { renderSSRHead } from '@unhead/ssr'\nimport { setAuthToken } from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nimport getBrowserLocale from \"@martyrs/src/modules/globals/views/localization/get-browser-locale.js\"\n\nexport function renderAndMountApp({ createApp }) {\n  const start = async () => {\n    const { app, router, store } = createApp();\n\n    let initialState;\n\n    try {\n      const initialStateElement = document.querySelector(\"[data-state]\");\n\n      if (initialStateElement && initialStateElement.innerHTML.trim() !== \"\") {\n        initialState = JSON.parse(initialStateElement.innerHTML.trim());\n      }\n    } catch (error) {\n      console.error(\"Failed to parse user state\", error);\n    }\n    \n    if (initialState) {\n      // Применяем начальное состояние ко всем модулям\n      store.setInitialState(initialState);\n    }\n\n    if (initialState && initialState.auth && initialState.auth.user) {\n      setAuthToken(initialState.auth.user.accessToken);\n    } else {\n      await store.auth.actions.logout()\n    }\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n    // If user browser locae supported then change locale\n    // if (i18n.global.availableLocales.includes(browserLocale)) {\n    //   app.config.globalProperties.$i18n.locale = browserLocale;\n    // }\n\n    await router.isReady();\n    app.mount(\"#app\");\n  };\n  start();\n}\n\nexport async function render({ url, cookies, createApp }) {\n  const { app, router, store, meta } = createApp();\n\n  await router.push(url);\n  await router.isReady();\n\n    \n  // If user's language is supported, change the locale\n  // if (language === 'en' || language === 'ru') {\n  //   app.config.globalProperties.$i18n.locale = language\n  // }\n\n  // console.log(router.currentRoute.value.params.locale)\n  // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n  \n  const sharedContext = {};\n\n  if (router.currentRoute.value.name?.toLowerCase() === 'notfound') {\n    sharedContext.notFound = true;\n  }\n  \n  let user = null;\n\n  if (cookies.user) {  \n    user = JSON.parse(cookies.user)\n  }\n  \n  let auth = null\n\n  if (user) {\n    await store.auth.actions.initialize(user)\n  } else {\n    // сделать вызов initial state и reset state\n    store.auth.state.user = {\n      _id: undefined,\n      username: '',\n      email: '',\n      phone: '',\n      password: '1',\n      passwordRepeat: ''\n    }\n\n    store.auth.state.access = { roles: null, token: null, status: false }\n    store.auth.state.accesses = []\n  }\n\n  const html = await renderToString(app, sharedContext);\n  const payload = await renderSSRHead(meta, {})\n  const initialState = await store.getInitialState();\n\n  return { \n    html, \n    meta: payload, \n    state: initialState, \n    statusCode: router.currentRoute?.value?.name?.toLowerCase() === 'notfound' ? 404 : 200 \n  };\n}"],"names":["setAuthToken","renderToString","renderSSRHead"],"mappings":";;;;;AAMO,SAAS,kBAAkB,EAAE,aAAa;AAC/C,QAAM,QAAQ,YAAY;AACxB,UAAM,EAAE,KAAK,QAAQ,MAAK,IAAK,UAAW;AAE1C,QAAI;AAEJ,QAAI;AACF,YAAM,sBAAsB,SAAS,cAAc,cAAc;AAEjE,UAAI,uBAAuB,oBAAoB,UAAU,KAAI,MAAO,IAAI;AACtE,uBAAe,KAAK,MAAM,oBAAoB,UAAU,KAAI,CAAE;AAAA,MACtE;AAAA,IACK,SAAQ,OAAO;AACd,cAAQ,MAAM,8BAA8B,KAAK;AAAA,IACvD;AAEI,QAAI,cAAc;AAEhB,YAAM,gBAAgB,YAAY;AAAA,IACxC;AAEI,QAAI,gBAAgB,aAAa,QAAQ,aAAa,KAAK,MAAM;AAC/DA,oBAAAA,aAAa,aAAa,KAAK,KAAK,WAAW;AAAA,IACrD,OAAW;AACL,YAAM,MAAM,KAAK,QAAQ,OAAM;AAAA,IACrC;AAQI,UAAM,OAAO,QAAS;AACtB,QAAI,MAAM,MAAM;AAAA,EACjB;AACD,QAAO;AACT;AAEO,eAAe,OAAO,EAAE,KAAK,SAAS,UAAS,GAAI;;AACxD,QAAM,EAAE,KAAK,QAAQ,OAAO,KAAI,IAAK,UAAW;AAEhD,QAAM,OAAO,KAAK,GAAG;AACrB,QAAM,OAAO,QAAS;AAWtB,QAAM,gBAAgB,CAAE;AAExB,QAAI,YAAO,aAAa,MAAM,SAA1B,mBAAgC,mBAAkB,YAAY;AAChE,kBAAc,WAAW;AAAA,EAC7B;AAEE,MAAI,OAAO;AAEX,MAAI,QAAQ,MAAM;AAChB,WAAO,KAAK,MAAM,QAAQ,IAAI;AAAA,EAClC;AAIE,MAAI,MAAM;AACR,UAAM,MAAM,KAAK,QAAQ,WAAW,IAAI;AAAA,EAC5C,OAAS;AAEL,UAAM,KAAK,MAAM,OAAO;AAAA,MACtB,KAAK;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,gBAAgB;AAAA,IACtB;AAEI,UAAM,KAAK,MAAM,SAAS,EAAE,OAAO,MAAM,OAAO,MAAM,QAAQ,MAAK;AACnE,UAAM,KAAK,MAAM,WAAW,CAAA;AAAA,EAChC;AAEE,QAAM,OAAO,MAAMC,yCAAe,KAAK,aAAa;AACpD,QAAM,UAAU,MAAMC,oBAAc,MAAM,CAAE,CAAA;AAC5C,QAAM,eAAe,MAAM,MAAM,gBAAiB;AAElD,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAY,wBAAO,iBAAP,mBAAqB,UAArB,mBAA4B,SAA5B,mBAAkC,mBAAkB,aAAa,MAAM;AAAA,EACpF;AACH;;;"}
+{"version":3,"file":"vue-app-renderer.cjs","sources":["../../../../../../../src/modules/globals/views/utils/vue-app-renderer.js"],"sourcesContent":["import { renderToString } from \"@vue/server-renderer\";\nimport { renderSSRHead } from '@unhead/ssr'\nimport { setAuthToken } from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nimport getBrowserLocale from \"@martyrs/src/modules/globals/views/localization/get-browser-locale.js\"\n\nexport function renderAndMountApp({ createApp }) {\n  const start = async () => {\n    const { app, router, store } = createApp();\n\n    let initialState;\n\n    try {\n      const initialStateElement = document.querySelector(\"[data-state]\");\n\n      if (initialStateElement && initialStateElement.innerHTML.trim() !== \"\") {\n        initialState = JSON.parse(initialStateElement.innerHTML.trim());\n      }\n    } catch (error) {\n      console.error(\"Failed to parse user state\", error);\n    }\n    \n    if (initialState) {\n      // Применяем начальное состояние ко всем модулям\n      store.setInitialState(initialState);\n    }\n\n    console.log('auth', initialState.auth)\n    if (initialState?.auth?.access?.token) {\n      setAuthToken(initialState.auth.access.token);\n    } else {\n      store.auth.actions.resetState();\n      // await store.auth.removeCookie('user');\n      await store.auth.actions.logout()\n    }\n\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n    // If user browser locae supported then change locale\n    // if (i18n.global.availableLocales.includes(browserLocale)) {\n    //   app.config.globalProperties.$i18n.locale = browserLocale;\n    // }\n\n    await router.isReady();\n    app.mount(\"#app\");\n  };\n  start();\n}\n\nexport async function render({ url, cookies, createApp }) {\n  const { app, router, store, meta } = createApp();\n\n  await router.push(url);\n  await router.isReady();\n\n    \n  // If user's language is supported, change the locale\n  // if (language === 'en' || language === 'ru') {\n  //   app.config.globalProperties.$i18n.locale = language\n  // }\n\n  // console.log(router.currentRoute.value.params.locale)\n  // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n  \n  const sharedContext = {};\n\n  if (router.currentRoute.value.name?.toLowerCase() === 'notfound') {\n    sharedContext.notFound = true;\n  }\n  \n  let user = null;\n\n  if (cookies.user) {  \n    user = JSON.parse(cookies.user)\n  }\n\n  if (user) {\n    await store.auth.actions.initialize(user)\n  } else {\n    store.auth.actions.resetState();\n  }\n\n  const html = await renderToString(app, sharedContext);\n  const payload = await renderSSRHead(meta, {})\n  const initialState = await store.getInitialState();\n\n  return { \n    html, \n    meta: payload, \n    state: initialState, \n    statusCode: router.currentRoute?.value?.name?.toLowerCase() === 'notfound' ? 404 : 200 \n  };\n}"],"names":["setAuthToken","renderToString","renderSSRHead"],"mappings":";;;;;AAMO,SAAS,kBAAkB,EAAE,aAAa;AAC/C,QAAM,QAAQ,YAAY;;AACxB,UAAM,EAAE,KAAK,QAAQ,MAAK,IAAK,UAAW;AAE1C,QAAI;AAEJ,QAAI;AACF,YAAM,sBAAsB,SAAS,cAAc,cAAc;AAEjE,UAAI,uBAAuB,oBAAoB,UAAU,KAAI,MAAO,IAAI;AACtE,uBAAe,KAAK,MAAM,oBAAoB,UAAU,KAAI,CAAE;AAAA,MACtE;AAAA,IACK,SAAQ,OAAO;AACd,cAAQ,MAAM,8BAA8B,KAAK;AAAA,IACvD;AAEI,QAAI,cAAc;AAEhB,YAAM,gBAAgB,YAAY;AAAA,IACxC;AAEI,YAAQ,IAAI,QAAQ,aAAa,IAAI;AACrC,SAAI,wDAAc,SAAd,mBAAoB,WAApB,mBAA4B,OAAO;AACrCA,oBAAAA,aAAa,aAAa,KAAK,OAAO,KAAK;AAAA,IACjD,OAAW;AACL,YAAM,KAAK,QAAQ,WAAY;AAE/B,YAAM,MAAM,KAAK,QAAQ,OAAM;AAAA,IACrC;AASI,UAAM,OAAO,QAAS;AACtB,QAAI,MAAM,MAAM;AAAA,EACjB;AACD,QAAO;AACT;AAEO,eAAe,OAAO,EAAE,KAAK,SAAS,UAAS,GAAI;;AACxD,QAAM,EAAE,KAAK,QAAQ,OAAO,KAAI,IAAK,UAAW;AAEhD,QAAM,OAAO,KAAK,GAAG;AACrB,QAAM,OAAO,QAAS;AAWtB,QAAM,gBAAgB,CAAE;AAExB,QAAI,YAAO,aAAa,MAAM,SAA1B,mBAAgC,mBAAkB,YAAY;AAChE,kBAAc,WAAW;AAAA,EAC7B;AAEE,MAAI,OAAO;AAEX,MAAI,QAAQ,MAAM;AAChB,WAAO,KAAK,MAAM,QAAQ,IAAI;AAAA,EAClC;AAEE,MAAI,MAAM;AACR,UAAM,MAAM,KAAK,QAAQ,WAAW,IAAI;AAAA,EAC5C,OAAS;AACL,UAAM,KAAK,QAAQ,WAAY;AAAA,EACnC;AAEE,QAAM,OAAO,MAAMC,yCAAe,KAAK,aAAa;AACpD,QAAM,UAAU,MAAMC,oBAAc,MAAM,CAAE,CAAA;AAC5C,QAAM,eAAe,MAAM,MAAM,gBAAiB;AAElD,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAY,wBAAO,iBAAP,mBAAqB,UAArB,mBAA4B,SAA5B,mBAAkC,mBAAkB,aAAa,MAAM;AAAA,EACpF;AACH;;;"}

package/dist/martyrs/src/modules/globals/views/utils/vue-app-renderer.js

@@ -1,8 +1,9 @@
-import { renderToString } from "../../../../../../node_modules/.pnpm/@vue_server-renderer@3.5.13_vue@3.5.13_typescript@5.8.3_/node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.js";
+import { renderToString } from "../../../../../node_modules/@vue/server-renderer/dist/server-renderer.esm-bundler.js";
 import { renderSSRHead } from "../../../../../../node_modules/.pnpm/@unhead_ssr@1.11.20/node_modules/@unhead/ssr/dist/index.js";
 import { setAuthToken } from "./axios-instance.js";
 function renderAndMountApp({ createApp }) {
   const start = async () => {
+    var _a, _b;
     const { app, router, store } = createApp();
     let initialState;
     try {
@@ -16,9 +17,11 @@ function renderAndMountApp({ createApp }) {
     if (initialState) {
       store.setInitialState(initialState);
     }
-    if (initialState && initialState.auth && initialState.auth.user) {
-      setAuthToken(initialState.auth.user.accessToken);
+    console.log("auth", initialState.auth);
+    if ((_b = (_a = initialState == null ? void 0 : initialState.auth) == null ? void 0 : _a.access) == null ? void 0 : _b.token) {
+      setAuthToken(initialState.auth.access.token);
     } else {
+      store.auth.actions.resetState();
       await store.auth.actions.logout();
     }
     await router.isReady();
@@ -42,16 +45,7 @@ async function render({ url, cookies, createApp }) {
   if (user) {
     await store.auth.actions.initialize(user);
   } else {
-    store.auth.state.user = {
-      _id: void 0,
-      username: "",
-      email: "",
-      phone: "",
-      password: "1",
-      passwordRepeat: ""
-    };
-    store.auth.state.access = { roles: null, token: null, status: false };
-    store.auth.state.accesses = [];
+    store.auth.actions.resetState();
   }
   const html = await renderToString(app, sharedContext);
   const payload = await renderSSRHead(meta, {});

package/dist/martyrs/src/modules/globals/views/utils/vue-app-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-app-renderer.js","sources":["../../../../../../../src/modules/globals/views/utils/vue-app-renderer.js"],"sourcesContent":["import { renderToString } from \"@vue/server-renderer\";\nimport { renderSSRHead } from '@unhead/ssr'\nimport { setAuthToken } from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nimport getBrowserLocale from \"@martyrs/src/modules/globals/views/localization/get-browser-locale.js\"\n\nexport function renderAndMountApp({ createApp }) {\n  const start = async () => {\n    const { app, router, store } = createApp();\n\n    let initialState;\n\n    try {\n      const initialStateElement = document.querySelector(\"[data-state]\");\n\n      if (initialStateElement && initialStateElement.innerHTML.trim() !== \"\") {\n        initialState = JSON.parse(initialStateElement.innerHTML.trim());\n      }\n    } catch (error) {\n      console.error(\"Failed to parse user state\", error);\n    }\n    \n    if (initialState) {\n      // Применяем начальное состояние ко всем модулям\n      store.setInitialState(initialState);\n    }\n\n    if (initialState && initialState.auth && initialState.auth.user) {\n      setAuthToken(initialState.auth.user.accessToken);\n    } else {\n      await store.auth.actions.logout()\n    }\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n    // If user browser locae supported then change locale\n    // if (i18n.global.availableLocales.includes(browserLocale)) {\n    //   app.config.globalProperties.$i18n.locale = browserLocale;\n    // }\n\n    await router.isReady();\n    app.mount(\"#app\");\n  };\n  start();\n}\n\nexport async function render({ url, cookies, createApp }) {\n  const { app, router, store, meta } = createApp();\n\n  await router.push(url);\n  await router.isReady();\n\n    \n  // If user's language is supported, change the locale\n  // if (language === 'en' || language === 'ru') {\n  //   app.config.globalProperties.$i18n.locale = language\n  // }\n\n  // console.log(router.currentRoute.value.params.locale)\n  // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n  \n  const sharedContext = {};\n\n  if (router.currentRoute.value.name?.toLowerCase() === 'notfound') {\n    sharedContext.notFound = true;\n  }\n  \n  let user = null;\n\n  if (cookies.user) {  \n    user = JSON.parse(cookies.user)\n  }\n  \n  let auth = null\n\n  if (user) {\n    await store.auth.actions.initialize(user)\n  } else {\n    // сделать вызов initial state и reset state\n    store.auth.state.user = {\n      _id: undefined,\n      username: '',\n      email: '',\n      phone: '',\n      password: '1',\n      passwordRepeat: ''\n    }\n\n    store.auth.state.access = { roles: null, token: null, status: false }\n    store.auth.state.accesses = []\n  }\n\n  const html = await renderToString(app, sharedContext);\n  const payload = await renderSSRHead(meta, {})\n  const initialState = await store.getInitialState();\n\n  return { \n    html, \n    meta: payload, \n    state: initialState, \n    statusCode: router.currentRoute?.value?.name?.toLowerCase() === 'notfound' ? 404 : 200 \n  };\n}"],"names":[],"mappings":";;;AAMO,SAAS,kBAAkB,EAAE,aAAa;AAC/C,QAAM,QAAQ,YAAY;AACxB,UAAM,EAAE,KAAK,QAAQ,MAAK,IAAK,UAAW;AAE1C,QAAI;AAEJ,QAAI;AACF,YAAM,sBAAsB,SAAS,cAAc,cAAc;AAEjE,UAAI,uBAAuB,oBAAoB,UAAU,KAAI,MAAO,IAAI;AACtE,uBAAe,KAAK,MAAM,oBAAoB,UAAU,KAAI,CAAE;AAAA,MACtE;AAAA,IACK,SAAQ,OAAO;AACd,cAAQ,MAAM,8BAA8B,KAAK;AAAA,IACvD;AAEI,QAAI,cAAc;AAEhB,YAAM,gBAAgB,YAAY;AAAA,IACxC;AAEI,QAAI,gBAAgB,aAAa,QAAQ,aAAa,KAAK,MAAM;AAC/D,mBAAa,aAAa,KAAK,KAAK,WAAW;AAAA,IACrD,OAAW;AACL,YAAM,MAAM,KAAK,QAAQ,OAAM;AAAA,IACrC;AAQI,UAAM,OAAO,QAAS;AACtB,QAAI,MAAM,MAAM;AAAA,EACjB;AACD,QAAO;AACT;AAEO,eAAe,OAAO,EAAE,KAAK,SAAS,UAAS,GAAI;;AACxD,QAAM,EAAE,KAAK,QAAQ,OAAO,KAAI,IAAK,UAAW;AAEhD,QAAM,OAAO,KAAK,GAAG;AACrB,QAAM,OAAO,QAAS;AAWtB,QAAM,gBAAgB,CAAE;AAExB,QAAI,YAAO,aAAa,MAAM,SAA1B,mBAAgC,mBAAkB,YAAY;AAChE,kBAAc,WAAW;AAAA,EAC7B;AAEE,MAAI,OAAO;AAEX,MAAI,QAAQ,MAAM;AAChB,WAAO,KAAK,MAAM,QAAQ,IAAI;AAAA,EAClC;AAIE,MAAI,MAAM;AACR,UAAM,MAAM,KAAK,QAAQ,WAAW,IAAI;AAAA,EAC5C,OAAS;AAEL,UAAM,KAAK,MAAM,OAAO;AAAA,MACtB,KAAK;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,gBAAgB;AAAA,IACtB;AAEI,UAAM,KAAK,MAAM,SAAS,EAAE,OAAO,MAAM,OAAO,MAAM,QAAQ,MAAK;AACnE,UAAM,KAAK,MAAM,WAAW,CAAA;AAAA,EAChC;AAEE,QAAM,OAAO,MAAM,eAAe,KAAK,aAAa;AACpD,QAAM,UAAU,MAAM,cAAc,MAAM,CAAE,CAAA;AAC5C,QAAM,eAAe,MAAM,MAAM,gBAAiB;AAElD,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAY,wBAAO,iBAAP,mBAAqB,UAArB,mBAA4B,SAA5B,mBAAkC,mBAAkB,aAAa,MAAM;AAAA,EACpF;AACH;"}
+{"version":3,"file":"vue-app-renderer.js","sources":["../../../../../../../src/modules/globals/views/utils/vue-app-renderer.js"],"sourcesContent":["import { renderToString } from \"@vue/server-renderer\";\nimport { renderSSRHead } from '@unhead/ssr'\nimport { setAuthToken } from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\n\nimport getBrowserLocale from \"@martyrs/src/modules/globals/views/localization/get-browser-locale.js\"\n\nexport function renderAndMountApp({ createApp }) {\n  const start = async () => {\n    const { app, router, store } = createApp();\n\n    let initialState;\n\n    try {\n      const initialStateElement = document.querySelector(\"[data-state]\");\n\n      if (initialStateElement && initialStateElement.innerHTML.trim() !== \"\") {\n        initialState = JSON.parse(initialStateElement.innerHTML.trim());\n      }\n    } catch (error) {\n      console.error(\"Failed to parse user state\", error);\n    }\n    \n    if (initialState) {\n      // Применяем начальное состояние ко всем модулям\n      store.setInitialState(initialState);\n    }\n\n    console.log('auth', initialState.auth)\n    if (initialState?.auth?.access?.token) {\n      setAuthToken(initialState.auth.access.token);\n    } else {\n      store.auth.actions.resetState();\n      // await store.auth.removeCookie('user');\n      await store.auth.actions.logout()\n    }\n\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n   // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n    // If user browser locae supported then change locale\n    // if (i18n.global.availableLocales.includes(browserLocale)) {\n    //   app.config.globalProperties.$i18n.locale = browserLocale;\n    // }\n\n    await router.isReady();\n    app.mount(\"#app\");\n  };\n  start();\n}\n\nexport async function render({ url, cookies, createApp }) {\n  const { app, router, store, meta } = createApp();\n\n  await router.push(url);\n  await router.isReady();\n\n    \n  // If user's language is supported, change the locale\n  // if (language === 'en' || language === 'ru') {\n  //   app.config.globalProperties.$i18n.locale = language\n  // }\n\n  // console.log(router.currentRoute.value.params.locale)\n  // app.config.globalProperties.$i18n.locale = router.currentRoute.value.params.locale\n  \n  const sharedContext = {};\n\n  if (router.currentRoute.value.name?.toLowerCase() === 'notfound') {\n    sharedContext.notFound = true;\n  }\n  \n  let user = null;\n\n  if (cookies.user) {  \n    user = JSON.parse(cookies.user)\n  }\n\n  if (user) {\n    await store.auth.actions.initialize(user)\n  } else {\n    store.auth.actions.resetState();\n  }\n\n  const html = await renderToString(app, sharedContext);\n  const payload = await renderSSRHead(meta, {})\n  const initialState = await store.getInitialState();\n\n  return { \n    html, \n    meta: payload, \n    state: initialState, \n    statusCode: router.currentRoute?.value?.name?.toLowerCase() === 'notfound' ? 404 : 200 \n  };\n}"],"names":[],"mappings":";;;AAMO,SAAS,kBAAkB,EAAE,aAAa;AAC/C,QAAM,QAAQ,YAAY;;AACxB,UAAM,EAAE,KAAK,QAAQ,MAAK,IAAK,UAAW;AAE1C,QAAI;AAEJ,QAAI;AACF,YAAM,sBAAsB,SAAS,cAAc,cAAc;AAEjE,UAAI,uBAAuB,oBAAoB,UAAU,KAAI,MAAO,IAAI;AACtE,uBAAe,KAAK,MAAM,oBAAoB,UAAU,KAAI,CAAE;AAAA,MACtE;AAAA,IACK,SAAQ,OAAO;AACd,cAAQ,MAAM,8BAA8B,KAAK;AAAA,IACvD;AAEI,QAAI,cAAc;AAEhB,YAAM,gBAAgB,YAAY;AAAA,IACxC;AAEI,YAAQ,IAAI,QAAQ,aAAa,IAAI;AACrC,SAAI,wDAAc,SAAd,mBAAoB,WAApB,mBAA4B,OAAO;AACrC,mBAAa,aAAa,KAAK,OAAO,KAAK;AAAA,IACjD,OAAW;AACL,YAAM,KAAK,QAAQ,WAAY;AAE/B,YAAM,MAAM,KAAK,QAAQ,OAAM;AAAA,IACrC;AASI,UAAM,OAAO,QAAS;AACtB,QAAI,MAAM,MAAM;AAAA,EACjB;AACD,QAAO;AACT;AAEO,eAAe,OAAO,EAAE,KAAK,SAAS,UAAS,GAAI;;AACxD,QAAM,EAAE,KAAK,QAAQ,OAAO,KAAI,IAAK,UAAW;AAEhD,QAAM,OAAO,KAAK,GAAG;AACrB,QAAM,OAAO,QAAS;AAWtB,QAAM,gBAAgB,CAAE;AAExB,QAAI,YAAO,aAAa,MAAM,SAA1B,mBAAgC,mBAAkB,YAAY;AAChE,kBAAc,WAAW;AAAA,EAC7B;AAEE,MAAI,OAAO;AAEX,MAAI,QAAQ,MAAM;AAChB,WAAO,KAAK,MAAM,QAAQ,IAAI;AAAA,EAClC;AAEE,MAAI,MAAM;AACR,UAAM,MAAM,KAAK,QAAQ,WAAW,IAAI;AAAA,EAC5C,OAAS;AACL,UAAM,KAAK,QAAQ,WAAY;AAAA,EACnC;AAEE,QAAM,OAAO,MAAM,eAAe,KAAK,aAAa;AACpD,QAAM,UAAU,MAAM,cAAc,MAAM,CAAE,CAAA;AAC5C,QAAM,eAAe,MAAM,MAAM,gBAAiB;AAElD,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAY,wBAAO,iBAAP,mBAAqB,UAArB,mBAA4B,SAA5B,mBAAkC,mBAAkB,aAAa,MAAM;AAAA,EACpF;AACH;"}

package/dist/martyrs/src/modules/orders/components/pages/OrderCreate.vue.cjs

@@ -213,13 +213,12 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e;
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
         auth.state.access.status === false ? (vue.openBlock(), vue.createBlock(AskToLogin.default, {
           key: 0,
           class: "mn-b-thin"
         })) : vue.createCommentVNode("", true),
-        vue.createTextVNode(" " + vue.toDisplayString(shopcart.state.organization) + " " + vue.toDisplayString((_a = orderOrganization.value.value) == null ? void 0 : _a._id) + " ", 1),
         vue.createElementVNode("div", _hoisted_2, [
           shopcart.state.positions < 1 ? (vue.openBlock(), vue.createBlock(EmptyState.default, { key: 0 })) : vue.createCommentVNode("", true),
           order.value.status === true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createBlock(Succes.default, {
@@ -262,11 +261,11 @@ const _sfc_main = {
                 totalPrice: vue.unref(cartTotalPrice),
                 deliveryRate: deliveryCost.value,
                 currency: vue.unref(returnCurrency)(),
-                showFees: (_b = globals.state.options) == null ? void 0 : _b.orders.showFees,
-                feesRate: ((_c = globals.state.options) == null ? void 0 : _c.orders.feesRate) || 0,
-                showVat: (_d = globals.state.options) == null ? void 0 : _d.orders.showVat,
-                vatRate: ((_e = globals.state.options) == null ? void 0 : _e.orders.vatRate) || 0,
-                showDeliveryFee: (_f = globals.state.options) == null ? void 0 : _f.orders.showDeliveryFee
+                showFees: (_a = globals.state.options) == null ? void 0 : _a.orders.showFees,
+                feesRate: ((_b = globals.state.options) == null ? void 0 : _b.orders.feesRate) || 0,
+                showVat: (_c = globals.state.options) == null ? void 0 : _c.orders.showVat,
+                vatRate: ((_d = globals.state.options) == null ? void 0 : _d.orders.vatRate) || 0,
+                showDeliveryFee: (_e = globals.state.options) == null ? void 0 : _e.orders.showDeliveryFee
               }, null, 8, ["totalPrice", "deliveryRate", "currency", "showFees", "feesRate", "showVat", "vatRate", "showDeliveryFee"])
             ]),
             orders.state.current.status !== true && shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createBlock(Button.default, {

package/dist/martyrs/src/modules/orders/components/pages/OrderCreate.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrderCreate.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\t{{shopcart.state.organization}}\n\t{{orderOrganization.value?._id}}\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-solid br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t\t\t\t\t@updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t   <Button\n       v-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n        :submit=\"() => handleCreate()\"\n        class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n        :disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t    \"\n      >\n        <span>Place an Order</span>\n      </Button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport Button from '@martyrs/src/components/Button/Button.vue'\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\n// Store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\nimport * as orders from '@martyrs/src/modules/orders/store/orders';\nimport * as users from '@martyrs/src/modules/auth/views/store/users';\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\nconst { returnCurrency } = useGlobalMixins()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\n\n\nif (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) { \n\trouter.push({name: 'Sign In'})\t\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\temits('page-loading');\n\n\tisLocationLoading.value = true\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n \tisLocationLoading.value = false\n  emits('page-loaded');\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'begin_checkout', {\n      currency: returnCurrency(), // Замените на вашу валюту\n      value: cartTotalPrice || 0,\n      items: shopcart.state.positions.map(item => ({\n        item_id: item.product?._id,\n        item_name: item.product?.name,\n        price: item.price || 0,\n        quantity: item.quantity || 1,\n        item_category: item.product?.category || '',\n        item_brand: orderOrganization.value.profile?.name || ''\n      })),\n      organization: orderOrganization.value.profile?.name || '',\n      location: globals.state.position?.location || 'unknown'\n    });\n  }\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n\n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n   if (order) {\n\t  if (typeof gtag === 'function') {\n\t    gtag('event', 'purchase', {\n\t      transaction_id: order._id,\n\t      value: cartTotalPrice || 0,\n\t      currency: returnCurrency(), // Замените на вашу валюту\n\t      tax: 0, // Если есть данные о налоге\n\t      shipping: deliveryCost.value, // Если есть данные о доставке\n\t      items: shopcart.state.positions.map(item => ({\n\t        item_id: item.product?._id,\n\t        item_name: item.product?.name ,\n\t        price: item.price || 0,\n\t        quantity: item.quantity || 1,\n\t        item_category: item.product?.category || ''\n\t      })),\n\t      organization: orderOrganization.value?.profile?.name,\n\t      location: globals.state.position?.location || 'unknown',\n\t      referral_code: referralCode || null,\n\t      user_id: auth.state.user._id || 'anonymous'\n\t    });\n\t  }\n\t}\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["ref","useRoute","useRouter","useGlobalMixins","computed","orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","onMounted","users.actions","organizations.actions","shopcart.state","_a","_b","_c","watch","order","orders.actions","shopcart.actions"],"mappings":"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"}
+{"version":3,"file":"OrderCreate.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"bg-white pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"rows-1 gap-thin\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\" \n\t\t\t\t:organization=\"orderOrganization[0]\" \n\t\t\t/>\n\t\t\t\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-white br-solid br-light br-1px pd-medium radius-medium\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t\t\t\t\t@updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n\t        class=\"w-100 bg-white \"\n\t      />\n\t\t\t</ul>\n\n\t\t\t\t<div \n\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :deliveryRate=\"deliveryCost\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate || 0\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate || 0\"\n          :showDeliveryFee=\"globals.state.options?.orders.showDeliveryFee\"\n        />\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t   <Button\n       v-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n        :submit=\"() => handleCreate()\"\n        class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n        :disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t      || isLocationLoading\n\t\t    \"\n      >\n        <span>Place an Order</span>\n      </Button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport Button from '@martyrs/src/components/Button/Button.vue'\n// Block\nimport CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@martyrs/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@martyrs/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@martyrs/src/modules/orders/components/sections/EmptyState.vue'\n\nimport PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\nimport FormCustomerDetails from '@martyrs/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\nimport { useGlobalMixins } from \"@martyrs/src/modules/globals/views/mixins/mixins.js\"\n\n// Store\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth';\nimport * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations';\nimport * as orders from '@martyrs/src/modules/orders/store/orders';\nimport * as users from '@martyrs/src/modules/auth/views/store/users';\n\nconst emits = defineEmits(['page-loading', 'page-loaded']);\n\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n//////////////////////////////////////////////////////////////////////////////////////////////////\nconst isLocationLoading = ref(false)\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\nconst { returnCurrency } = useGlobalMixins()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\n\nconst cartTotalPrice = shopcart.getters.cartTotalPrice\n\nconst deliveryCost = computed(() => {\n  const type = orders.state.current.delivery.type\n  const distance = orderOrganization.value[0]?.distance || 0\n  const config = globals.state.options?.orders?.delivery_formula || {}\n\n  return orders.getters.getDeliveryPrice(type, distance, config)\n})\n\n// Organization\nconst orderOrganization = ref({})\n\n\nif (!globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id) { \n\trouter.push({name: 'Sign In'})\t\n}\n\n\norders.mutations.resetOrder()\n\nonMounted(async()=> {\n\temits('page-loading');\n\n\tisLocationLoading.value = true\n\n\tif (auth.state.user._id) {\n\t\tlet data = await users.actions.read({ _id:auth.state.user._id, user: auth.state.user._id });\n\n\t\torders.state.current.customer.profile.name = users.state.current.profile.name\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t\torders.state.current.customer.phone = users.state.current.phone\n\t}\n\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t  lookup: ['spots']\n\t})\n\t\n \tisLocationLoading.value = false\n  emits('page-loaded');\n\n  if (typeof gtag === 'function') {\n    gtag('event', 'begin_checkout', {\n      currency: returnCurrency(), // Замените на вашу валюту\n      value: cartTotalPrice || 0,\n      items: shopcart.state.positions.map(item => ({\n        item_id: item.product?._id,\n        item_name: item.product?.name,\n        price: item.price || 0,\n        quantity: item.quantity || 1,\n        item_category: item.product?.category || '',\n        item_brand: orderOrganization.value.profile?.name || ''\n      })),\n      organization: orderOrganization.value.profile?.name || '',\n      location: globals.state.position?.location || 'unknown'\n    });\n  }\n})\n\n\nwatch(\n  () => orders.state.current.delivery,\n  async (newVal) => {\n    if (newVal?.location) {\n    \tisLocationLoading.value = true\n\n      orderOrganization.value = await organizations.actions.read({\n        _id: shopcart.state.organization,\n        location: newVal.location,\n        lookup: ['spots']\n      })\n\n      isLocationLoading.value = false\n    }\n  },\n  { deep: true }\n)\n\n\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n  const type = orders.state.current.delivery.type;\n  if (type === \"pickup\") {\n    return !orders.state.current.delivery.spot;\n  } else if (type === \"courier\" || type === \"mail\") {\n    const address = orders.state.current.delivery.address;\n    return !address || typeof address !== 'string' || address.length < 2;\n  }\n  return false;\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: orderOrganization.value[0]._id,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.customer = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'user'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n   if (order) {\n\t  if (typeof gtag === 'function') {\n\t    gtag('event', 'purchase', {\n\t      transaction_id: order._id,\n\t      value: cartTotalPrice || 0,\n\t      currency: returnCurrency(), // Замените на вашу валюту\n\t      tax: 0, // Если есть данные о налоге\n\t      shipping: deliveryCost.value, // Если есть данные о доставке\n\t      items: shopcart.state.positions.map(item => ({\n\t        item_id: item.product?._id,\n\t        item_name: item.product?.name ,\n\t        price: item.price || 0,\n\t        quantity: item.quantity || 1,\n\t        item_category: item.product?.category || ''\n\t      })),\n\t      organization: orderOrganization.value?.profile?.name,\n\t      location: globals.state.position?.location || 'unknown',\n\t      referral_code: referralCode || null,\n\t      user_id: auth.state.user._id || 'anonymous'\n\t    });\n\t  }\n\t}\n\n  if (order) {\n  \tawait router.push({\n  \t\tname: 'Order',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  \t\t\n  \tshopcart.actions.resetShopcart()\n\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["ref","useRoute","useRouter","useGlobalMixins","computed","orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","onMounted","users.actions","organizations.actions","shopcart.state","_a","_b","_c","watch","order","orders.actions","shopcart.actions"],"mappings":"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"}