@ozdao/martyrs 0.2.470 → 0.2.472

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

@@ -1,4 +1,4 @@
-import { ref, computed, onMounted, watch, createElementBlock, openBlock, createBlock, createCommentVNode, createTextVNode, createElementVNode, toDisplayString, createVNode, Fragment, renderList, unref, withCtx } from "vue";
+import { ref, computed, onMounted, watch, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, createVNode, Fragment, renderList, unref, withCtx, createTextVNode } from "vue";
 import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$7 from "../blocks/CardOrderItem.vue.js";
 import _sfc_main$1 from "../sections/AskToLogin.vue.js";
@@ -211,13 +211,12 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e;
       return openBlock(), createElementBlock("section", _hoisted_1, [
         state$3.access.status === false ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           class: "mn-b-thin"
         })) : createCommentVNode("", true),
-        createTextVNode(" " + toDisplayString(state$4.organization) + " " + toDisplayString((_a = orderOrganization.value.value) == null ? void 0 : _a._id) + " ", 1),
         createElementVNode("div", _hoisted_2, [
           state$4.positions < 1 ? (openBlock(), createBlock(_sfc_main$2, { key: 0 })) : createCommentVNode("", true),
           order.value.status === true && state$4.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
@@ -260,11 +259,11 @@ const _sfc_main = {
                 totalPrice: unref(cartTotalPrice),
                 deliveryRate: deliveryCost.value,
                 currency: unref(returnCurrency)(),
-                showFees: (_b = state$2.options) == null ? void 0 : _b.orders.showFees,
-                feesRate: ((_c = state$2.options) == null ? void 0 : _c.orders.feesRate) || 0,
-                showVat: (_d = state$2.options) == null ? void 0 : _d.orders.showVat,
-                vatRate: ((_e = state$2.options) == null ? void 0 : _e.orders.vatRate) || 0,
-                showDeliveryFee: (_f = state$2.options) == null ? void 0 : _f.orders.showDeliveryFee
+                showFees: (_a = state$2.options) == null ? void 0 : _a.orders.showFees,
+                feesRate: ((_b = state$2.options) == null ? void 0 : _b.orders.feesRate) || 0,
+                showVat: (_c = state$2.options) == null ? void 0 : _c.orders.showVat,
+                vatRate: ((_d = state$2.options) == null ? void 0 : _d.orders.vatRate) || 0,
+                showDeliveryFee: (_e = state$2.options) == null ? void 0 : _e.orders.showDeliveryFee
               }, null, 8, ["totalPrice", "deliveryRate", "currency", "showFees", "feesRate", "showVat", "vatRate", "showDeliveryFee"])
             ]),
             state.current.status !== true && state$4.positions.length > 0 ? (openBlock(), createBlock(_sfc_main$9, {

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreate.vue.js","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":["orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","users.actions","organizations.actions","shopcart.state","_a","_b","_c","order","orders.actions","shopcart.actions"],"mappings":"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"}
+{"version":3,"file":"OrderCreate.vue.js","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":["orders.state","users.state","shopcart.getters","globals.state","orders.getters","auth.state","orders.mutations","users.actions","organizations.actions","shopcart.state","_a","_b","_c","order","orders.actions","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4IA,UAAM,QAAQ;AAKd,UAAM,oBAAoB,IAAI,KAAK;AAErB,aAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,eAAgB,IAAG,gBAAe;AAE1C,UAAM,QAAQ,SAAS,MAAMA,MAAa,OAAO;AACpC,aAAS,MAAMC,QAAY,OAAO;AAE/C,UAAM,iBAAiBC,QAAiB;AAExC,UAAM,eAAe,SAAS,MAAM;;AAClC,YAAM,OAAOF,MAAa,QAAQ,SAAS;AAC3C,YAAM,aAAW,uBAAkB,MAAM,CAAC,MAAzB,mBAA4B,aAAY;AACzD,YAAM,WAASG,mBAAc,YAAdA,mBAAuB,WAAvBA,mBAA+B,qBAAoB,CAAA;AAElE,aAAOC,UAAe,iBAAiB,MAAM,UAAU,MAAM;AAAA,IAC/D,CAAC;AAGD,UAAM,oBAAoB,IAAI,CAAE,CAAA;AAGhC,QAAI,CAACD,QAAc,QAAQ,OAAO,8BAA8B,CAACE,QAAW,KAAK,KAAK;AACrF,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC9B;AAGAC,cAAiB,WAAU;AAE3B,cAAU,YAAU;;AACnB,YAAM,cAAc;AAEpB,wBAAkB,QAAQ;AAE1B,UAAID,QAAW,KAAK,KAAK;AACb,cAAME,QAAc,KAAK,EAAE,KAAIF,QAAW,KAAK,KAAK,MAAMA,QAAW,KAAK,IAAK,CAAA;AAE1FL,cAAa,QAAQ,SAAS,QAAQ,OAAOC,QAAY,QAAQ,QAAQ;AACzED,cAAa,QAAQ,SAAS,QAAQC,QAAY,QAAQ;AAC1DD,cAAa,QAAQ,SAAS,QAAQC,QAAY,QAAQ;AAAA,MAC5D;AAEC,wBAAkB,QAAQ,MAAMO,UAAsB,KAAK;AAAA,QACzD,KAAKC,QAAe;AAAA,QACpB,WAAUN,aAAc,aAAdA,mBAAwB;AAAA,QAClC,QAAQ,CAAC,OAAO;AAAA,MACjB,CAAA;AAEA,wBAAkB,QAAQ;AAC1B,YAAM,aAAa;AAEnB,UAAI,OAAO,SAAS,YAAY;AAC9B,aAAK,SAAS,kBAAkB;AAAA,UAC9B,UAAU,eAAgB;AAAA;AAAA,UAC1B,OAAO,kBAAkB;AAAA,UACzB,OAAOM,QAAe,UAAU,IAAI,UAAS;;AAAA;AAAA,cAC3C,UAASC,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,cACvB,YAAWC,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,cACzB,OAAO,KAAK,SAAS;AAAA,cACrB,UAAU,KAAK,YAAY;AAAA,cAC3B,iBAAeC,MAAA,KAAK,YAAL,gBAAAA,IAAc,aAAY;AAAA,cACzC,cAAY,uBAAkB,MAAM,YAAxB,mBAAiC,SAAQ;AAAA,YAC7D;AAAA,WAAQ;AAAA,UACF,gBAAc,uBAAkB,MAAM,YAAxB,mBAAiC,SAAQ;AAAA,UACvD,YAAUT,aAAc,aAAdA,mBAAwB,aAAY;AAAA,QACpD,CAAK;AAAA,MACL;AAAA,IACA,CAAC;AAGD;AAAA,MACE,MAAMH,MAAa,QAAQ;AAAA,MAC3B,OAAO,WAAW;AAChB,YAAI,iCAAQ,UAAU;AACrB,4BAAkB,QAAQ;AAEzB,4BAAkB,QAAQ,MAAMQ,UAAsB,KAAK;AAAA,YACzD,KAAKC,QAAe;AAAA,YACpB,UAAU,OAAO;AAAA,YACjB,QAAQ,CAAC,OAAO;AAAA,UACjB,CAAA;AAED,4BAAkB,QAAQ;AAAA,QAChC;AAAA,MACG;AAAA,MACD,EAAE,MAAM,KAAI;AAAA,IACd;AAMA,UAAM,YAAY,SAAS,MAAM;;AAC/B,YAAIT,WAAa,QAAQ,SAAS,SAA9BA,mBAAoC,UAAS,GAAG;AAAE,eAAO;AAAA,aAAY;AAAE,eAAO;AAAA,MAAK;AAAA,IACzF,CAAC;AAED,UAAM,wBAAwB,SAAS,MAAM;;AAC3C,YAAM,oBAAmBA,WAAa,QAAQ,SAAS,cAA9BA,mBAAyC;AAClE,YAAM,sBAAoBA,iBAAa,QAAQ,SAAS,cAA9BA,mBAAyC,UAAzCA,mBAAgD,UAAU;AACpF,YAAM,aAAWA,WAAa,QAAQ,SAAS,WAA9BA,mBAAsC,UAAS;AAEhE,aAAO,CAAC,YAAY,EAAE,oBAAoB;AAAA,IAC5C,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,YAAM,OAAOA,MAAa,QAAQ,SAAS;AAC3C,UAAI,SAAS,UAAU;AACrB,eAAO,CAACA,MAAa,QAAQ,SAAS;AAAA,MACvC,WAAU,SAAS,aAAa,SAAS,QAAQ;AAChD,cAAM,UAAUA,MAAa,QAAQ,SAAS;AAC9C,eAAO,CAAC,WAAW,OAAO,YAAY,YAAY,QAAQ,SAAS;AAAA,MACvE;AACE,aAAO;AAAA,IACT,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAIA,MAAa,QAAQ,SAAS,MAAM;AAAC,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAIA,MAAa,QAAQ,QAAQ,MAAM;AAAE,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAID,mBAAe,eAAe;;AAE7BA,YAAa,QAAQ,SAAS;AAE9BA,YAAa,QAAQ,QAAQ;AAAA,QAC5B,QAAQ,kBAAkB,MAAM,CAAC,EAAE;AAAA,QACnC,MAAM;AAAA,MACR;AAEC,UAAIK,QAAW,KAAK,KAAK;AACxBL,cAAa,QAAQ,UAAU;AAAA,UAC9B,QAAQK,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACA;AAEC,UAAIA,QAAW,KAAK,KAAK;AACxBL,cAAa,QAAQ,WAAW;AAAA,UAC/B,QAAQK,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACA;AAECL,YAAa,QAAQ,YAAYS,QAAe;AAE/C,YAAM,eAAe,aAAa,QAAQ,aAAa;AAEvD,UAAI,cAAc;AAChBT,cAAa,QAAQ,eAAe;AAAA,MACxC;AAEE,UAAIa,SAAQ,MAAMC,UAAe,OAAOd,MAAa,OAAO;AAE3D,UAAIa,QAAO;AACX,YAAI,OAAO,SAAS,YAAY;AAC9B,eAAK,SAAS,YAAY;AAAA,YACxB,gBAAgBA,OAAM;AAAA,YACtB,OAAO,kBAAkB;AAAA,YACzB,UAAU,eAAgB;AAAA;AAAA,YAC1B,KAAK;AAAA;AAAA,YACL,UAAU,aAAa;AAAA;AAAA,YACvB,OAAOJ,QAAe,UAAU,IAAI,UAAS;;AAAA;AAAA,gBAC3C,UAASC,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,gBACvB,YAAWC,MAAA,KAAK,YAAL,gBAAAA,IAAc;AAAA,gBACzB,OAAO,KAAK,SAAS;AAAA,gBACrB,UAAU,KAAK,YAAY;AAAA,gBAC3B,iBAAeC,MAAA,KAAK,YAAL,gBAAAA,IAAc,aAAY;AAAA,cAClD;AAAA,aAAS;AAAA,YACF,eAAc,6BAAkB,UAAlB,mBAAyB,YAAzB,mBAAkC;AAAA,YAChD,YAAUT,aAAc,aAAdA,mBAAwB,aAAY;AAAA,YAC9C,eAAe,gBAAgB;AAAA,YAC/B,SAASE,QAAW,KAAK,OAAO;AAAA,UACvC,CAAM;AAAA,QACN;AAAA,MACA;AAEE,UAAIQ,QAAO;AACV,cAAM,OAAO,KAAK;AAAA,UACjB,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,OAAOA,OAAM;AAAA,UAClB;AAAA,QACI,CAAA;AAEDE,kBAAiB,cAAa;AAAA,MAEjC,OAAS;AACN,cAAM,iBAAiB;AAAA,MAC1B;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Button = require("../../../../components/Button/Button.vue.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js

@@ -1,7 +1,7 @@
 import { computed, ref, onMounted, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, createTextVNode, unref, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";

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

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                   */
+;/* empty css                                    */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const orders = require("../../store/orders.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");

package/dist/martyrs/src/modules/orders/components/pages/Orders.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, withCtx, createElementVNode, toDisplayString, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-/* empty css                                 */
+/* empty css                                  */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import { state, actions, getters } from "../../store/orders.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs

@@ -6,7 +6,7 @@ require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-co
 require("vue-i18n");
 ;/* empty css                                                   */
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 require("../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/DepartmentEdit.vue.js

@@ -4,7 +4,7 @@ import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-coo
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs

@@ -3,12 +3,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 ;/* empty css                                           */
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const CardDepartment = require("../blocks/CardDepartment.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js

@@ -1,12 +1,12 @@
 import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, unref, Fragment, renderList, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 /* empty css                                         */
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import CardDepartment from "../blocks/CardDepartment.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.cjs

@@ -4,11 +4,11 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");
 const Feed$1 = require("../../../events/components/sections/Feed.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js

@@ -2,11 +2,11 @@ import { ref, onMounted, watch, resolveComponent, createElementBlock, createComm
 import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
-import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$2 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$7 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../community/components/blocks/CardBlogpost.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";
 import _sfc_main$5 from "../../../events/components/sections/Feed.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                    */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js

@@ -1,5 +1,5 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
+import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                                  */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 require("vue-i18n");
 ;/* empty css                                                   */
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/OrganizationEdit.vue.js

@@ -3,7 +3,7 @@ import { useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
-/* empty css                                 */
+/* empty css                                  */
 import Field from "../../../../components/Field/Field.vue.js";
 import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Organizations.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, Transition, withCtx, unref, Fragment, renderList, isMemoSame, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../store/organizations.js";

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.cjs");
-;/* empty css                                   */
+;/* empty css                                    */
 ;/* empty css                                         */
 ;/* empty css                                          */
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js

@@ -1,7 +1,7 @@
 import { ref, withAsyncContext, watch, createElementBlock, openBlock, createElementVNode, createBlock, Fragment, renderList, normalizeClass } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-/* empty css                                 */
+/* empty css                                  */
 /* empty css                                       */
 /* empty css                                        */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.cjs

@@ -6,8 +6,9 @@ const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
 ;/* empty css                    */
 const _hoisted_1 = { class: "flex-v-center bg-light pd-small radius-small flex-column flex" };
-const _hoisted_2 = { class: "w-100 flex-nowrap gap-thin flex" };
-const _hoisted_3 = { class: "my-handle mn-r-auto" };
+const _hoisted_2 = { class: "w-100 flex-v-center flex-nowrap gap-thin flex" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "my-handle word-break t-truncate w-100 w-max-100 mn-r-auto" };
 const _sfc_main = {
   __name: "CardCategory",
   props: {
@@ -25,7 +26,12 @@ const _sfc_main = {
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("h4", _hoisted_3, vue.toDisplayString(__props.category.name), 1),
+          __props.category.photo ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            class: "i-big radius-small object-fit-contain bg-white",
+            src: (_ctx.FILE_SERVER_URL || "") + __props.category.photo
+          }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("h4", _hoisted_4, vue.toDisplayString(__props.category.name), 1),
           vue.createVNode(_component_router_link, {
             to: {
               name: "Category Edit",
@@ -34,7 +40,7 @@ const _sfc_main = {
                 category: __props.category.url
               }
             },
-            class: "i-semi z-index-2 cursor-pointer card-page-actions radius-extra pd-micro bg-second"
+            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, {
             default: vue.withCtx(() => [
               vue.createVNode(IconEdit.default, {
@@ -46,7 +52,7 @@ const _sfc_main = {
           }, 8, ["to"]),
           vue.createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => deleteCategory(__props.category)),
-            class: "i-semi z-index-2 cursor-pointer card-page-actions radius-extra pd-micro bg-second"
+            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, [
             vue.createVNode(IconDelete.default, {
               class: "w-100 h-100",

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-nowrap gap-thin flex\">\n      <h4 class=\"my-handle mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category.url\n          } \n        }\"\n        class=\"\n          i-semi\n          z-index-2\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          z-index-2\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCategory.vue.cjs","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n      <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL || '') + category.photo\"/>\n      <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category.url\n          } \n        }\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":["useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAEd,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js

@@ -1,11 +1,12 @@
-import { resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx } from "vue";
+import { resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, withCtx } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";
 /* empty css                  */
 const _hoisted_1 = { class: "flex-v-center bg-light pd-small radius-small flex-column flex" };
-const _hoisted_2 = { class: "w-100 flex-nowrap gap-thin flex" };
-const _hoisted_3 = { class: "my-handle mn-r-auto" };
+const _hoisted_2 = { class: "w-100 flex-v-center flex-nowrap gap-thin flex" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "my-handle word-break t-truncate w-100 w-max-100 mn-r-auto" };
 const _sfc_main = {
   __name: "CardCategory",
   props: {
@@ -23,7 +24,12 @@ const _sfc_main = {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("h4", _hoisted_3, toDisplayString(__props.category.name), 1),
+          __props.category.photo ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            class: "i-big radius-small object-fit-contain bg-white",
+            src: (_ctx.FILE_SERVER_URL || "") + __props.category.photo
+          }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+          createElementVNode("h4", _hoisted_4, toDisplayString(__props.category.name), 1),
           createVNode(_component_router_link, {
             to: {
               name: "Category Edit",
@@ -32,7 +38,7 @@ const _sfc_main = {
                 category: __props.category.url
               }
             },
-            class: "i-semi z-index-2 cursor-pointer card-page-actions radius-extra pd-micro bg-second"
+            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, {
             default: withCtx(() => [
               createVNode(_sfc_main$1, {
@@ -44,7 +50,7 @@ const _sfc_main = {
           }, 8, ["to"]),
           createElementVNode("button", {
             onClick: _cache[0] || (_cache[0] = ($event) => deleteCategory(__props.category)),
-            class: "i-semi z-index-2 cursor-pointer card-page-actions radius-extra pd-micro bg-second"
+            class: "i-semi cursor-pointer card-page-actions radius-extra pd-micro bg-second flex-child-default"
           }, [
             createVNode(_sfc_main$2, {
               class: "w-100 h-100",

package/dist/martyrs/src/modules/products/components/blocks/CardCategory.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-nowrap gap-thin flex\">\n      <h4 class=\"my-handle mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category.url\n          } \n        }\"\n        class=\"\n          i-semi\n          z-index-2\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          z-index-2\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardCategory.vue.js","sources":["../../../../../../../src/modules/products/components/blocks/CardCategory.vue"],"sourcesContent":["<template>\n  <div class=\"flex-v-center bg-light pd-small radius-small flex-column flex\">\n    <div class=\"w-100 flex-v-center flex-nowrap gap-thin flex\">\n      <img v-if=\"category.photo\" class=\"i-big radius-small object-fit-contain bg-white\" :src=\"(FILE_SERVER_URL || '') + category.photo\"/>\n      <h4 class=\"my-handle word-break t-truncate w-100 w-max-100 mn-r-auto\">{{category.name}}</h4>\n\n      <router-link\n       :to=\"{\n          name: 'Category Edit', \n          params: { \n            _id: route.params._id,\n            category: category.url\n          } \n        }\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconEdit\n          class=\"w-100 h-100\" \n          classes=\"fill-white\"\n        />\n      </router-link>\n\n      <button\n        @click=\"deleteCategory(category)\"\n        class=\"\n          i-semi\n          cursor-pointer \n          card-page-actions\n          radius-extra pd-micro bg-second\n          flex-child-default\n        \"\n      >\n        <IconDelete\n          class=\"w-100 h-100\"\n          :fill=\"'white'\"\n        />\n      </button>\n    </div>\n\n    <!-- <p v-if=\" category.children.length > 0\" class=\"w-100\">Subcategories:</p> -->\n   <!--  <CardCategory\n      v-for=\"(subcategory,index) in category.children\"\n      :key=\"subcategory._id\"\n      :category=\"subcategory\" \n      class=\"pd-l-small bg-white w-100\"\n    /> -->\n\n   </div>\n</template>\n\n\n<script setup>\nimport { toRef, onMounted, defineEmits } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport CardCategory from './CardCategory.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue'\n\n\nconst props = defineProps({\n  category: Object,\n});\n\nconst emits = defineEmits(['delete']);\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst deleteCategory = (category) => {\n  emits('delete', category);\n};\n\n</script>\n\n\n\n<style lang=\"scss\">\n.card-title {\n  .card-page-actions {\n    display: none;\n  }\n\n  &:hover {\n    .card-page-actions {\n      display: block;\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwEA,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,iBAAiB,CAAC,aAAa;AACnC,YAAM,UAAU,QAAQ;AAAA,IAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.cjs

@@ -18,6 +18,21 @@ const _sfc_main = {
   setup(__props) {
     const route = vueRouter.useRoute();
     const router = vueRouter.useRouter();
+    vue.ref(null);
+    let sort = vue.reactive({
+      param: "order",
+      order: "asc",
+      options: [{
+        label: "Order",
+        value: "order"
+      }, {
+        label: "Name",
+        value: "name"
+      }, {
+        label: "Date",
+        value: "createdAt"
+      }]
+    });
     globals.state.navigation_bar.actions = [{
       component: IconPlus.default,
       props: {
@@ -42,11 +57,12 @@ const _sfc_main = {
       categories2.forEach((category) => flatten(category));
       return flatCategories;
     }
-    async function updateCategoriesOrder(category) {
+    async function updateCategoriesOrder(updatedCategories) {
+      alert("helo");
       try {
-        const allCategories = categories.state.all;
-        const flattenedCategories = flattenCategoryTree(allCategories);
-        console.log("flated", flattenedCategories);
+        const flattenedCategories = flattenCategoryTree(categories.state.all);
+        console.log(flattenedCategories);
+        console.log(categories.state.all);
         await categories.actions.updateOrder(flattenedCategories);
         console.log("Categories order updated successfully");
       } catch (error) {
@@ -70,7 +86,7 @@ const _sfc_main = {
           class: "radius-big mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex"
         }, {
           default: vue.withCtx(() => [
-            _cache[1] || (_cache[1] = vue.createElementVNode("h2", { class: "mn-r-auto" }, " Product Categories ", -1)),
+            _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "mn-r-auto" }, " Categories ", -1)),
             vue.createVNode(_component_router_link, {
               to: {
                 name: "Category Add",
@@ -80,8 +96,8 @@ const _sfc_main = {
               },
               class: "uppercase t-medium pd-small radius-big bg-white nav-link"
             }, {
-              default: vue.withCtx(() => _cache[0] || (_cache[0] = [
-                vue.createTextVNode(" Add category ")
+              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                vue.createTextVNode(" Add New ")
               ])),
               _: 1
             }, 8, ["to"])
@@ -103,8 +119,13 @@ const _sfc_main = {
           },
           options: {
             user: auth.state.user._id,
-            rootOnly: true
+            rootOnly: true,
+            excludeChildren: false
           },
+          sort: vue.unref(sort),
+          "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => vue.isRef(sort) ? sort.value = $event : sort = $event),
+          items: categories.state.all,
+          "onUpdate:items": _cache[1] || (_cache[1] = ($event) => categories.state.all = $event),
           class: "cols-1 pos-relative w-100 rows-1 gap-thin"
         }, {
           default: vue.withCtx(({
@@ -112,8 +133,8 @@ const _sfc_main = {
           }) => [
             items ? (vue.openBlock(), vue.createBlock(Tree.default, {
               key: 0,
-              items,
-              state: items,
+              items: categories.state.all,
+              state: categories.state.all,
               onUpdate: updateCategoriesOrder
             }, {
               default: vue.withCtx(({ item }) => [
@@ -122,11 +143,11 @@ const _sfc_main = {
                   onDelete: deleteCategory
                 }, null, 8, ["category"])
               ]),
-              _: 2
-            }, 1032, ["items", "state"])) : vue.createCommentVNode("", true)
+              _: 1
+            }, 8, ["items", "state"])) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["store", "options"])
+        }, 8, ["store", "options", "sort", "items"])
       ]);
     };
   }