@ozdao/martyrs 0.2.489 → 0.2.492

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreateBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            owner: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" \n            :key=\"`${product._id}_${index}`\"\n            :editable=\"false\" \n            :productId=\"product._id\"\n            :images=\"product.images\"\n            :name=\"product.name\"\n            @click=\"() => selectProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct?._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToOrder(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n        :remove=\"() => removeOrderItem(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"\n      :organization=\"orderOrganization[0]\" \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n      :organization=\"orderOrganization[0]\" \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n  \n  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n  const { proxy } = getCurrentInstance()\n  const { formatPrice } = useGlobalMixins()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n        const start = new Date(product.date.start);\n        const end = new Date(product.date.end);\n        const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n        return total + product.price * product.quantity * days;\n      } else {\n        return total + product.price * product.quantity;\n      }\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n\n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToOrder(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  async function addVariantToOrder(variant) {\n    try {\n      let selectedDates = null;\n      \n      // Если товар для аренды, сначала выбираем даты\n      if (selectedProduct.value.listing === 'rent') {\n        selectedDates = await proxy.$dateSelector(\n          selectedProduct.value._id,\n          variant._id,\n          1,\n          variant.price || selectedProduct.value.price\n        );\n        \n        if (!selectedDates) {\n          // Если отменили выбор дат, возвращаемся к выбору вариантов\n          return;\n        }\n      }\n      \n      const position = {\n        _id: selectedProduct.value._id,\n        images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n        name: formatProductName(selectedProduct.value, variant),\n        listing: selectedProduct.value.listing,\n        price: variant.price || selectedProduct.value.price,\n        quantity: 1,\n        unit: variant.unit || selectedProduct.value.unit,\n        date: selectedDates,\n        variant: variant._id,\n        org_id: route.params._id\n      };\n      \n      globals.actions.add(orders.state.current.positions, position);\n      closeVariantsPopup();\n    } catch (error) {\n      console.error('Error adding variant to order:', error);\n    }\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Функции управления позициями заказа\n  function incrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity++;\n    }\n  }\n\n  function decrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity--;\n      \n      if (orderItem.quantity < 1) {\n        removeOrderItem(productId, variantId);\n      }\n    }\n  }\n\n  function removeOrderItem(productId, variantId) {\n    const itemIndex = orders.state.current.positions.findIndex(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (itemIndex > -1) {\n      orders.state.current.positions.splice(itemIndex, 1);\n    }\n  }\n\n  function updateOrderRentDates(productId, variantId, dates) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.date = dates;\n    }\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  const orderOrganization = ref({})\n\n\n\n  onMounted(async() => {\n\n    orderOrganization.value = await organizations.actions.read({\n      _id: route.params._id,\n      lookup: ['spots']\n    })\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["useRoute","useRouter","getCurrentInstance","useGlobalMixins","orders.mutations","orders.state","computed","ref","globals.actions","auth.state","orders.actions","onMounted","organizations.actions"],"mappings":"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"}
+{"version":3,"file":"OrderCreateBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            owner: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" \n            :key=\"`${product._id}_${index}`\"\n            :editable=\"false\" \n            :productId=\"product._id\"\n            :images=\"product.images\"\n            :name=\"product.name\"\n            @click=\"() => selectProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct?._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToOrder(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n        :remove=\"() => removeOrderItem(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"\n      :organization=\"orderOrganization[0]\" \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n      :organization=\"orderOrganization[0]\" \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n  \n  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n  const { proxy } = getCurrentInstance()\n  const { formatPrice } = useGlobalMixins()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n        const start = new Date(product.date.start);\n        const end = new Date(product.date.end);\n        const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n        return total + product.price * product.quantity * days;\n      } else {\n        return total + product.price * product.quantity;\n      }\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n\n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToOrder(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  async function addVariantToOrder(variant) {\n    try {\n      let selectedDates = null;\n      \n      // Если товар для аренды, сначала выбираем даты\n      if (selectedProduct.value.listing === 'rent') {\n        selectedDates = await proxy.$dateSelector(\n          selectedProduct.value._id,\n          variant._id,\n          1,\n          variant.price || selectedProduct.value.price\n        );\n        \n        if (!selectedDates) {\n          // Если отменили выбор дат, возвращаемся к выбору вариантов\n          return;\n        }\n      }\n      \n      const position = {\n        _id: selectedProduct.value._id,\n        images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n        name: formatProductName(selectedProduct.value, variant),\n        listing: selectedProduct.value.listing,\n        price: variant.price || selectedProduct.value.price,\n        quantity: 1,\n        unit: variant.unit || selectedProduct.value.unit,\n        date: selectedDates,\n        variant: variant._id,\n        org_id: route.params._id\n      };\n      \n      globals.actions.add(orders.state.current.positions, position);\n      closeVariantsPopup();\n    } catch (error) {\n      console.error('Error adding variant to order:', error);\n    }\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Функции управления позициями заказа\n  function incrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity++;\n    }\n  }\n\n  function decrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity--;\n      \n      if (orderItem.quantity < 1) {\n        removeOrderItem(productId, variantId);\n      }\n    }\n  }\n\n  function removeOrderItem(productId, variantId) {\n    const itemIndex = orders.state.current.positions.findIndex(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (itemIndex > -1) {\n      orders.state.current.positions.splice(itemIndex, 1);\n    }\n  }\n\n  function updateOrderRentDates(productId, variantId, dates) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.date = dates;\n    }\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  const orderOrganization = ref({})\n\n\n\n  onMounted(async() => {\n\n    orderOrganization.value = await organizations.actions.read({\n      _id: route.params._id,\n      lookup: ['spots']\n    })\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["useRoute","useRouter","getCurrentInstance","useGlobalMixins","orders.mutations","orders.state","computed","ref","globals.actions","auth.state","orders.actions","onMounted","organizations.actions"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { getCurrentInstance, computed, ref, onMounted, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, createTextVNode, unref, Fragment, renderList, toDisplayString, normalizeClass } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+/* empty css                                     */
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
@@ -50,8 +51,7 @@ const _sfc_main = {
     mutations.resetOrder(state.current);
     let cartTotalPrice = computed(() => {
       return Number(state.current.positions.reduce((total, product) => {
-        var _a, _b;
-        if (product.listing === "rent" && ((_a = product.date) == null ? void 0 : _a.start) && ((_b = product.date) == null ? void 0 : _b.end)) {
+        if (product.listing === "rent" && product.date?.start && product.date?.end) {
           const start = new Date(product.date.start);
           const end = new Date(product.date.end);
           const days = Math.ceil(Math.abs(end - start) / (1e3 * 60 * 60 * 24)) + 1;
@@ -85,14 +85,12 @@ const _sfc_main = {
       isVariantsPopupOpen.value = true;
     }
     function formatProductName(product, variant) {
-      var _a, _b, _c;
-      if (!variant || ((_a = product.variants) == null ? void 0 : _a.length) === 1 && !((_b = variant.attributes) == null ? void 0 : _b.length))
+      if (!variant || product.variants?.length === 1 && !variant.attributes?.length)
         return product.name;
-      const attrs = (_c = variant.attributes) == null ? void 0 : _c.map((a) => a.value).filter(Boolean);
-      return (attrs == null ? void 0 : attrs.length) ? `${product.name} / ${attrs.join(" / ")}` : `${product.name} / ${variant.name}`;
+      const attrs = variant.attributes?.map((a) => a.value).filter(Boolean);
+      return attrs?.length ? `${product.name} / ${attrs.join(" / ")}` : `${product.name} / ${variant.name}`;
     }
     async function addVariantToOrder(variant) {
-      var _a;
       try {
         let selectedDates = null;
         if (selectedProduct.value.listing === "rent") {
@@ -108,7 +106,7 @@ const _sfc_main = {
         }
         const position = {
           _id: selectedProduct.value._id,
-          images: ((_a = variant.images) == null ? void 0 : _a.length) > 0 ? variant.images : selectedProduct.value.images,
+          images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,
           name: formatProductName(selectedProduct.value, variant),
           listing: selectedProduct.value.listing,
           price: variant.price || selectedProduct.value.price,
@@ -288,55 +286,52 @@ const _sfc_main = {
           isPopupOpen: isVariantsPopupOpen.value,
           class: "bg-white w-100 w-max-30r radius-medium pd-medium"
         }, {
-          default: withCtx(() => {
-            var _a;
-            return [
-              createVNode(_sfc_main$5, {
-                store: unref(variantsStore),
-                options: {
-                  product: (_a = selectedProduct.value) == null ? void 0 : _a._id
-                },
-                skeleton: {
-                  structure: [
-                    { block: "text", size: "small" },
-                    { block: "text", size: "medium" },
-                    { block: "text", size: "small" }
-                  ]
-                },
-                states: {
-                  empty: {
-                    title: "No variants",
-                    description: "Create your first variant"
-                  }
+          default: withCtx(() => [
+            createVNode(_sfc_main$5, {
+              store: unref(variantsStore),
+              options: {
+                product: selectedProduct.value?._id
+              },
+              skeleton: {
+                structure: [
+                  { block: "text", size: "small" },
+                  { block: "text", size: "medium" },
+                  { block: "text", size: "small" }
+                ]
+              },
+              states: {
+                empty: {
+                  title: "No variants",
+                  description: "Create your first variant"
                 }
-              }, {
-                default: withCtx(({ items }) => [
-                  createElementVNode("div", _hoisted_4, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(items, (variant, index) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: index,
-                        onClick: ($event) => addVariantToOrder(variant),
-                        class: "w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
-                      }, [
-                        variant.images && variant.images.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                          createElementVNode("img", {
-                            src: (_ctx.FILE_SERVER_URL || "") + variant.images[0],
-                            class: "w-100 h-100 object-fit-cover"
-                          }, null, 8, _hoisted_7)
-                        ])) : createCommentVNode("", true),
-                        createElementVNode("div", null, [
-                          createElementVNode("p", _hoisted_8, toDisplayString(variant.name || "Default variant"), 1),
-                          variant.attributes && variant.attributes.length ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(variant.attributes.map((attr) => `${attr.name}: ${attr.value}`).join(", ")), 1)) : createCommentVNode("", true)
-                        ]),
-                        createElementVNode("p", _hoisted_10, toDisplayString(unref(formatPrice)(variant.price || variant.cost)), 1)
-                      ], 8, _hoisted_5);
-                    }), 128))
-                  ])
-                ]),
-                _: 1
-              }, 8, ["store", "options"])
-            ];
-          }),
+              }
+            }, {
+              default: withCtx(({ items }) => [
+                createElementVNode("div", _hoisted_4, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (variant, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      onClick: ($event) => addVariantToOrder(variant),
+                      class: "w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin"
+                    }, [
+                      variant.images && variant.images.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                        createElementVNode("img", {
+                          src: (_ctx.FILE_SERVER_URL || "") + variant.images[0],
+                          class: "w-100 h-100 object-fit-cover"
+                        }, null, 8, _hoisted_7)
+                      ])) : createCommentVNode("", true),
+                      createElementVNode("div", null, [
+                        createElementVNode("p", _hoisted_8, toDisplayString(variant.name || "Default variant"), 1),
+                        variant.attributes && variant.attributes.length ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(variant.attributes.map((attr) => `${attr.name}: ${attr.value}`).join(", ")), 1)) : createCommentVNode("", true)
+                      ]),
+                      createElementVNode("p", _hoisted_10, toDisplayString(unref(formatPrice)(variant.price || variant.cost)), 1)
+                    ], 8, _hoisted_5);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
           _: 1
         }, 8, ["isPopupOpen"]),
         tabOrderCreate.value === "positions" ? (openBlock(), createBlock(_sfc_main$1, {

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            owner: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" \n            :key=\"`${product._id}_${index}`\"\n            :editable=\"false\" \n            :productId=\"product._id\"\n            :images=\"product.images\"\n            :name=\"product.name\"\n            @click=\"() => selectProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct?._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToOrder(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n        :remove=\"() => removeOrderItem(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"\n      :organization=\"orderOrganization[0]\" \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n      :organization=\"orderOrganization[0]\" \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n  \n  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n  const { proxy } = getCurrentInstance()\n  const { formatPrice } = useGlobalMixins()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n        const start = new Date(product.date.start);\n        const end = new Date(product.date.end);\n        const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n        return total + product.price * product.quantity * days;\n      } else {\n        return total + product.price * product.quantity;\n      }\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n\n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToOrder(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  async function addVariantToOrder(variant) {\n    try {\n      let selectedDates = null;\n      \n      // Если товар для аренды, сначала выбираем даты\n      if (selectedProduct.value.listing === 'rent') {\n        selectedDates = await proxy.$dateSelector(\n          selectedProduct.value._id,\n          variant._id,\n          1,\n          variant.price || selectedProduct.value.price\n        );\n        \n        if (!selectedDates) {\n          // Если отменили выбор дат, возвращаемся к выбору вариантов\n          return;\n        }\n      }\n      \n      const position = {\n        _id: selectedProduct.value._id,\n        images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n        name: formatProductName(selectedProduct.value, variant),\n        listing: selectedProduct.value.listing,\n        price: variant.price || selectedProduct.value.price,\n        quantity: 1,\n        unit: variant.unit || selectedProduct.value.unit,\n        date: selectedDates,\n        variant: variant._id,\n        org_id: route.params._id\n      };\n      \n      globals.actions.add(orders.state.current.positions, position);\n      closeVariantsPopup();\n    } catch (error) {\n      console.error('Error adding variant to order:', error);\n    }\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Функции управления позициями заказа\n  function incrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity++;\n    }\n  }\n\n  function decrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity--;\n      \n      if (orderItem.quantity < 1) {\n        removeOrderItem(productId, variantId);\n      }\n    }\n  }\n\n  function removeOrderItem(productId, variantId) {\n    const itemIndex = orders.state.current.positions.findIndex(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (itemIndex > -1) {\n      orders.state.current.positions.splice(itemIndex, 1);\n    }\n  }\n\n  function updateOrderRentDates(productId, variantId, dates) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.date = dates;\n    }\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  const orderOrganization = ref({})\n\n\n\n  onMounted(async() => {\n\n    orderOrganization.value = await organizations.actions.read({\n      _id: route.params._id,\n      lookup: ['spots']\n    })\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","globals.actions","auth.state","orders.actions","organizations.actions"],"mappings":"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"}
+{"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :showLoadMore=\"false\"\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            },\n            skeleton: {\n              hide: true\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            owner: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" \n            :key=\"`${product._id}_${index}`\"\n            :editable=\"false\" \n            :productId=\"product._id\"\n            :images=\"product.images\"\n            :name=\"product.name\"\n            @click=\"() => selectProduct(product)\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <!-- Popup for selecting variant of the product -->\n    <Popup \n      title=\"Select variant\" \n      @close-popup=\"closeVariantsPopup\" \n      :isPopupOpen=\"isVariantsPopupOpen\"\n      class=\"bg-white w-100 w-max-30r radius-medium pd-medium\"\n    >\n      <Feed\n        :store=\"variants\"\n        :options=\"{\n          product: selectedProduct?._id,\n        }\"\n        :skeleton=\"{\n          structure: [\n            { block: 'text', size: 'small' },\n            { block: 'text', size: 'medium' },\n            { block: 'text', size: 'small' }\n          ]\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No variants',\n            description: 'Create your first variant'\n          }\n        }\"\n         v-slot=\"{ items }\"\n      >\n        <div class=\"gap-thin flex flex-column\">\n          <div \n            v-for=\"(variant, index) in items\" \n            :key=\"index\"\n            @click=\"addVariantToOrder(variant)\"\n            class=\"w-100 cursor-pointer hover-scale-1 bg-light pd-small radius-small flex-v-center flex-nowrap flex gap-thin\"\n          >\n            <div v-if=\"variant.images && variant.images.length\" class=\"aspect-1x1 h-3r radius-small o-hidden\">\n              <img \n                :src=\"(FILE_SERVER_URL || '') + variant.images[0]\" \n                class=\"w-100 h-100 object-fit-cover\"\n              />\n            </div>\n            <div>\n              <p class=\"t-medium\">{{ variant.name || 'Default variant' }}</p>\n              <p v-if=\"variant.attributes && variant.attributes.length\" class=\"t-small t-transp\">\n                {{ variant.attributes.map(attr => `${attr.name}: ${attr.value}`).join(', ') }}\n              </p>\n            </div>\n            <p class=\"mn-l-auto\">{{ formatPrice(variant.price || variant.cost) }}</p>\n          </div>\n        </div>\n      </Feed>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\"\n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => incrementOrderItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => decrementOrderItemQuantity(product._id, product.variant)\"\n        :remove=\"() => removeOrderItem(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => updateOrderRentDates(productId, variantId, dates)\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"\n      :organization=\"orderOrganization[0]\" \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n      :organization=\"orderOrganization[0]\" \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch, getCurrentInstance } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from \"@martyrs/src/components/Button/Button.vue\";  \n  import Tab from '@martyrs/src/components/Tab/Tab.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue';\n\timport Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@martyrs/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@martyrs/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@martyrs/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@martyrs/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@martyrs/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as organizations from '@martyrs/src/modules/organizations/store/organizations.js';\n  import * as products from '@martyrs/src/modules/products/store/products.js';\n  import variants from '@martyrs/src/modules/products/store/variants.store.js';\n\n  import customers from '@martyrs/src/modules/orders/store/customers.store';\n  \n  import { useGlobalMixins } from '@martyrs/src/modules/globals/views/mixins/mixins.js';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n  const { proxy } = getCurrentInstance()\n  const { formatPrice } = useGlobalMixins()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      if (product.listing === 'rent' && product.date?.start && product.date?.end) {\n        const start = new Date(product.date.start);\n        const end = new Date(product.date.end);\n        const days = Math.ceil(Math.abs(end - start) / (1000 * 60 * 60 * 24)) + 1;\n        return total + product.price * product.quantity * days;\n      } else {\n        return total + product.price * product.quantity;\n      }\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n  const isVariantsPopupOpen = ref(false);\n  const selectedProduct = ref(null);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  function closeVariantsPopup() {\n    isVariantsPopupOpen.value = false;\n    selectedProduct.value = null;\n  }\n\n  function selectProduct(product) {\n    selectedProduct.value = product;\n    closeProductsPopup();\n    \n    // If product has only one variant, add it directly without showing popup\n    if (product.variants && product.variants.length === 1) {\n      addVariantToOrder(product.variants[0]);\n      return;\n    }\n    \n    // If product has multiple variants or no variants defined, show popup\n    isVariantsPopupOpen.value = true;\n  }\n\n  function formatProductName(product, variant) {\n    if (!variant || product.variants?.length === 1 && !(variant.attributes?.length))\n      return product.name;\n\n    const attrs = variant.attributes?.map(a => a.value).filter(Boolean);\n    return attrs?.length\n      ? `${product.name} / ${attrs.join(' / ')}`\n      : `${product.name} / ${variant.name}`;\n  }\n\n  async function addVariantToOrder(variant) {\n    try {\n      let selectedDates = null;\n      \n      // Если товар для аренды, сначала выбираем даты\n      if (selectedProduct.value.listing === 'rent') {\n        selectedDates = await proxy.$dateSelector(\n          selectedProduct.value._id,\n          variant._id,\n          1,\n          variant.price || selectedProduct.value.price\n        );\n        \n        if (!selectedDates) {\n          // Если отменили выбор дат, возвращаемся к выбору вариантов\n          return;\n        }\n      }\n      \n      const position = {\n        _id: selectedProduct.value._id,\n        images: variant.images?.length > 0 ? variant.images : selectedProduct.value.images,\n        name: formatProductName(selectedProduct.value, variant),\n        listing: selectedProduct.value.listing,\n        price: variant.price || selectedProduct.value.price,\n        quantity: 1,\n        unit: variant.unit || selectedProduct.value.unit,\n        date: selectedDates,\n        variant: variant._id,\n        org_id: route.params._id\n      };\n      \n      globals.actions.add(orders.state.current.positions, position);\n      closeVariantsPopup();\n    } catch (error) {\n      console.error('Error adding variant to order:', error);\n    }\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Функции управления позициями заказа\n  function incrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity++;\n    }\n  }\n\n  function decrementOrderItemQuantity(productId, variantId) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.quantity--;\n      \n      if (orderItem.quantity < 1) {\n        removeOrderItem(productId, variantId);\n      }\n    }\n  }\n\n  function removeOrderItem(productId, variantId) {\n    const itemIndex = orders.state.current.positions.findIndex(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (itemIndex > -1) {\n      orders.state.current.positions.splice(itemIndex, 1);\n    }\n  }\n\n  function updateOrderRentDates(productId, variantId, dates) {\n    const orderItem = orders.state.current.positions.find(item => \n      item._id === productId && item.variant === variantId\n    );\n    \n    if (orderItem) {\n      orderItem.date = dates;\n    }\n  }\n\n  // Data\n  let order = ref(null)\n\n  async function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    order.value = await orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit',\n      params: { \n        order: order.value._id,\n        _id: route.params._id\n      } \n    })\n  }\n\n  const orderOrganization = ref({})\n\n\n\n  onMounted(async() => {\n\n    orderOrganization.value = await organizations.actions.read({\n      _id: route.params._id,\n      lookup: ['spots']\n    })\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","globals.actions","auth.state","orders.actions","organizations.actions"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const orders = require("../../store/orders.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
+;/* empty css                         */
 const CardOrderUser = require("../blocks/CardOrderUser.vue.cjs");
 const CardOrderBackoffice = require("../blocks/CardOrderBackoffice.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"Orders.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"mobile:pd-thin pd-medium\"> \n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Orders\"\n      :actions=\"[\n        route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n        route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n      ].filter(Boolean)\"\n      class=\"mn-b-small\"\n    />\n\n    <Block\n      v-if=\"route.meta.context !== 'user'\"\n      title=\"Balance\"\n      class=\"mn-b-small\"\n    >\n      <div class=\"gap-micro flex-nowrap flex\">\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Total</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Paid</p>\n          <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Unpaid</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n      </div>\n\n    </Block>\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Orders Found',\n          description: 'Currently, there are no orders.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => orders.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        ...(route.meta.context === 'organization' && { owner: route.params._id }),\n        ...(route.meta.context === 'user' && { customer: route.params._id }),\n        ...(tab !== 'all' && { status: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3 mobile:cols-1\"\n    >\n      <router-link \n        v-if=\"route.meta.context !== 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n          params: route.meta.context === 'backoffice' \n            ? { order: order._id } \n            : { order: order._id, organization: order.owner.target || order.owner._id  }\n        }\" \n      >\n        <CardOrderBackoffice \n          :order=\"order\"\n          :user=\"auth.state.user\"\n          :formatDate=\"formatDate\"\n          :getTotal=\"orders.getters.getTotal\"\n          :currency=\"returnCurrency()\"\n        />\n      </router-link>\n\n      <router-link \n        v-if=\"route.meta.context === 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: 'UserOrder', \n          params: { \n            order: order._id \n          }\n        }\" \n      >\n      <CardOrderUser\n        :orderId=\"order._id\"\n        :status=\"order.status\"\n        :createdAt=\"order.createdAt\"\n        :updatedAt=\"order.updatedAt\"\n        :positions=\"order.positions\"\n        :total=\"orders.getters.getTotal(order.positions)\"\n      />\n      </router-link>\n    </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Tab      from '@martyrs/src/components/Tab/Tab.vue'\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n  import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n  import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n  import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n  import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const spoiler = ref(false)\n\n  // Tab logic\n  const tab = ref('all')\n\n  const totalPrice = computed(() => {\n    return calculateTotalSum(orders.state.all)\n  });\n\n   const totalPriceUnpaid = computed(() => {\n    return calculateSum(orders.state.all,'unpaid')\n  });\n\n  \n  function calculateTotalSum(orders) {\n    return orders.reduce((totalSum, item) => {\n      return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n    }, 0);\n  }\n\n  function calculateSum(orders, status) {\n    return orders.reduce((totalSum, item) => {\n      if (item.payment.status === status) {\n        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n      }\n      return totalSum;\n    }, 0);\n  }\n\n\n  onMounted(async () => {\n   \n  });\n</script>\n"],"names":["useRoute","useRouter","ref","computed","orders.state","orders","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuHE,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAERC,QAAAA,IAAI,KAAK;AAGzB,UAAM,MAAMA,IAAAA,IAAI,KAAK;AAErB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,kBAAkBC,OAAAA,MAAa,GAAG;AAAA,IAC7C,CAAG;AAEA,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACvC,aAAO,aAAaC,aAAa,KAAI,QAAQ;AAAA,IACjD,CAAG;AAGD,aAAS,kBAAkBC,SAAQ;AACjC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACnF,GAAE,CAAC;AAAA,IACR;AAEE,aAAS,aAAaA,SAAQ,QAAQ;AACpC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QAC1F;AACM,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACR;AAGEC,QAAAA,UAAU,YAAY;AAAA,IAExB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Orders.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"mobile:pd-thin pd-medium\"> \n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Orders\"\n      :actions=\"[\n        route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n        route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n      ].filter(Boolean)\"\n      class=\"mn-b-small\"\n    />\n\n    <Block\n      v-if=\"route.meta.context !== 'user'\"\n      title=\"Balance\"\n      class=\"mn-b-small\"\n    >\n      <div class=\"gap-micro flex-nowrap flex\">\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Total</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Paid</p>\n          <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Unpaid</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n      </div>\n\n    </Block>\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Orders Found',\n          description: 'Currently, there are no orders.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => orders.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        ...(route.meta.context === 'organization' && { owner: route.params._id }),\n        ...(route.meta.context === 'user' && { customer: route.params._id }),\n        ...(tab !== 'all' && { status: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3 mobile:cols-1\"\n    >\n      <router-link \n        v-if=\"route.meta.context !== 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n          params: route.meta.context === 'backoffice' \n            ? { order: order._id } \n            : { order: order._id, organization: order.owner.target || order.owner._id  }\n        }\" \n      >\n        <CardOrderBackoffice \n          :order=\"order\"\n          :user=\"auth.state.user\"\n          :formatDate=\"formatDate\"\n          :getTotal=\"orders.getters.getTotal\"\n          :currency=\"returnCurrency()\"\n        />\n      </router-link>\n\n      <router-link \n        v-if=\"route.meta.context === 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: 'UserOrder', \n          params: { \n            order: order._id \n          }\n        }\" \n      >\n      <CardOrderUser\n        :orderId=\"order._id\"\n        :status=\"order.status\"\n        :createdAt=\"order.createdAt\"\n        :updatedAt=\"order.updatedAt\"\n        :positions=\"order.positions\"\n        :total=\"orders.getters.getTotal(order.positions)\"\n      />\n      </router-link>\n    </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Tab      from '@martyrs/src/components/Tab/Tab.vue'\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n  import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n  import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n  import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n  import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const spoiler = ref(false)\n\n  // Tab logic\n  const tab = ref('all')\n\n  const totalPrice = computed(() => {\n    return calculateTotalSum(orders.state.all)\n  });\n\n   const totalPriceUnpaid = computed(() => {\n    return calculateSum(orders.state.all,'unpaid')\n  });\n\n  \n  function calculateTotalSum(orders) {\n    return orders.reduce((totalSum, item) => {\n      return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n    }, 0);\n  }\n\n  function calculateSum(orders, status) {\n    return orders.reduce((totalSum, item) => {\n      if (item.payment.status === status) {\n        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n      }\n      return totalSum;\n    }, 0);\n  }\n\n\n  onMounted(async () => {\n   \n  });\n</script>\n"],"names":["useRoute","useRouter","ref","computed","orders.state","orders","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuHE,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAERC,QAAAA,IAAI,KAAK;AAGzB,UAAM,MAAMA,IAAAA,IAAI,KAAK;AAErB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,kBAAkBC,OAAAA,MAAa,GAAG;AAAA,IAC3C,CAAC;AAEA,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACvC,aAAO,aAAaC,aAAa,KAAI,QAAQ;AAAA,IAC/C,CAAC;AAGD,aAAS,kBAAkBC,SAAQ;AACjC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACpF,GAAG,CAAC;AAAA,IACN;AAEA,aAAS,aAAaA,SAAQ,QAAQ;AACpC,aAAOA,QAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QACpF;AACA,eAAO;AAAA,MACT,GAAG,CAAC;AAAA,IACN;AAGAC,QAAAA,UAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,6 +4,7 @@ import { useRoute, useRouter } from "vue-router";
 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";
+/* empty css                       */
 import CardOrderUser from "../blocks/CardOrderUser.vue.js";
 import _sfc_main$4 from "../blocks/CardOrderBackoffice.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"mobile:pd-thin pd-medium\"> \n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Orders\"\n      :actions=\"[\n        route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n        route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n      ].filter(Boolean)\"\n      class=\"mn-b-small\"\n    />\n\n    <Block\n      v-if=\"route.meta.context !== 'user'\"\n      title=\"Balance\"\n      class=\"mn-b-small\"\n    >\n      <div class=\"gap-micro flex-nowrap flex\">\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Total</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Paid</p>\n          <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Unpaid</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n      </div>\n\n    </Block>\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Orders Found',\n          description: 'Currently, there are no orders.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => orders.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        ...(route.meta.context === 'organization' && { owner: route.params._id }),\n        ...(route.meta.context === 'user' && { customer: route.params._id }),\n        ...(tab !== 'all' && { status: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3 mobile:cols-1\"\n    >\n      <router-link \n        v-if=\"route.meta.context !== 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n          params: route.meta.context === 'backoffice' \n            ? { order: order._id } \n            : { order: order._id, organization: order.owner.target || order.owner._id  }\n        }\" \n      >\n        <CardOrderBackoffice \n          :order=\"order\"\n          :user=\"auth.state.user\"\n          :formatDate=\"formatDate\"\n          :getTotal=\"orders.getters.getTotal\"\n          :currency=\"returnCurrency()\"\n        />\n      </router-link>\n\n      <router-link \n        v-if=\"route.meta.context === 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: 'UserOrder', \n          params: { \n            order: order._id \n          }\n        }\" \n      >\n      <CardOrderUser\n        :orderId=\"order._id\"\n        :status=\"order.status\"\n        :createdAt=\"order.createdAt\"\n        :updatedAt=\"order.updatedAt\"\n        :positions=\"order.positions\"\n        :total=\"orders.getters.getTotal(order.positions)\"\n      />\n      </router-link>\n    </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Tab      from '@martyrs/src/components/Tab/Tab.vue'\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n  import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n  import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n  import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n  import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const spoiler = ref(false)\n\n  // Tab logic\n  const tab = ref('all')\n\n  const totalPrice = computed(() => {\n    return calculateTotalSum(orders.state.all)\n  });\n\n   const totalPriceUnpaid = computed(() => {\n    return calculateSum(orders.state.all,'unpaid')\n  });\n\n  \n  function calculateTotalSum(orders) {\n    return orders.reduce((totalSum, item) => {\n      return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n    }, 0);\n  }\n\n  function calculateSum(orders, status) {\n    return orders.reduce((totalSum, item) => {\n      if (item.payment.status === status) {\n        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n      }\n      return totalSum;\n    }, 0);\n  }\n\n\n  onMounted(async () => {\n   \n  });\n</script>\n"],"names":["orders.state"],"mappings":";;;;;;;;;;;;;;;;;;AAuHE,UAAM,QAAQ,SAAU;AACT,cAAS;AAER,QAAI,KAAK;AAGzB,UAAM,MAAM,IAAI,KAAK;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,kBAAkBA,MAAa,GAAG;AAAA,IAC7C,CAAG;AAEA,UAAM,mBAAmB,SAAS,MAAM;AACvC,aAAO,aAAaA,MAAa,KAAI,QAAQ;AAAA,IACjD,CAAG;AAGD,aAAS,kBAAkB,QAAQ;AACjC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACnF,GAAE,CAAC;AAAA,IACR;AAEE,aAAS,aAAa,QAAQ,QAAQ;AACpC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QAC1F;AACM,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACR;AAGE,cAAU,YAAY;AAAA,IAExB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"mobile:pd-thin pd-medium\"> \n    <SectionPageTitle\n      v-if=\"!MOBILE_APP\"\n      title=\"Orders\"\n      :actions=\"[\n        route.meta.context === 'backoffice' && { to: { name: 'BackofficeAdminCreateOrder' }, label: 'Create Order' },\n        route.meta.context === 'organization' && { to: { name: 'OrganizationAdminCreateOrder', params: { _id: route.params._id}}, label: 'Create Order' }\n      ].filter(Boolean)\"\n      class=\"mn-b-small\"\n    />\n\n    <Block\n      v-if=\"route.meta.context !== 'user'\"\n      title=\"Balance\"\n      class=\"mn-b-small\"\n    >\n      <div class=\"gap-micro flex-nowrap flex\">\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Total</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Paid</p>\n          <h3>{{formatPrice(totalPriceUnpaid)}}</h3>\n        </div>\n        <div class=\"w-100 bg-white radius-small pd-small\">\n          <p class=\"mn-b-thin\">Unpaid</p>\n          <h3>{{formatPrice(totalPrice)}}</h3>\n        </div>\n      </div>\n\n    </Block>\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Orders Found',\n          description: 'Currently, there are no orders.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => orders.actions.read(options)\n      }\"\n      :options=\"{\n        limit: 15,\n        ...(route.meta.context === 'organization' && { owner: route.params._id }),\n        ...(route.meta.context === 'user' && { customer: route.params._id }),\n        ...(tab !== 'all' && { status: tab })\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n      class=\"gap-thin cols-3 mobile:cols-1\"\n    >\n      <router-link \n        v-if=\"route.meta.context !== 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: route.meta.context === 'backoffice' ? 'BackofficeOrderEdit' : 'OrganizationOrderEdit', \n          params: route.meta.context === 'backoffice' \n            ? { order: order._id } \n            : { order: order._id, organization: order.owner.target || order.owner._id  }\n        }\" \n      >\n        <CardOrderBackoffice \n          :order=\"order\"\n          :user=\"auth.state.user\"\n          :formatDate=\"formatDate\"\n          :getTotal=\"orders.getters.getTotal\"\n          :currency=\"returnCurrency()\"\n        />\n      </router-link>\n\n      <router-link \n        v-if=\"route.meta.context === 'user'\"\n        v-for=\"order in items\" \n        :to=\"{ \n          name: 'UserOrder', \n          params: { \n            order: order._id \n          }\n        }\" \n      >\n      <CardOrderUser\n        :orderId=\"order._id\"\n        :status=\"order.status\"\n        :createdAt=\"order.createdAt\"\n        :updatedAt=\"order.updatedAt\"\n        :positions=\"order.positions\"\n        :total=\"orders.getters.getTotal(order.positions)\"\n      />\n      </router-link>\n    </Feed>\n  </div>\n</template>\n\n<script setup>\n  import { computed, onMounted, reactive, ref } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import Tab      from '@martyrs/src/components/Tab/Tab.vue'\n  import Block from '@martyrs/src/components/Block/Block.vue';\n\n  import * as orders from '@martyrs/src/modules/orders/store/orders.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n  import CardOrder from '@martyrs/src/modules/orders/components/blocks/CardOrder.vue'\n\n  import CardOrderUser from '@martyrs/src/modules/orders/components/blocks/CardOrderUser.vue'\n  import CardOrderBackoffice from '@martyrs/src/modules/orders/components/blocks/CardOrderBackoffice.vue'\n\n  import SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const spoiler = ref(false)\n\n  // Tab logic\n  const tab = ref('all')\n\n  const totalPrice = computed(() => {\n    return calculateTotalSum(orders.state.all)\n  });\n\n   const totalPriceUnpaid = computed(() => {\n    return calculateSum(orders.state.all,'unpaid')\n  });\n\n  \n  function calculateTotalSum(orders) {\n    return orders.reduce((totalSum, item) => {\n      return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n    }, 0);\n  }\n\n  function calculateSum(orders, status) {\n    return orders.reduce((totalSum, item) => {\n      if (item.payment.status === status) {\n        return totalSum + item.positions.reduce((sum, position) => sum + position.price, 0);\n      }\n      return totalSum;\n    }, 0);\n  }\n\n\n  onMounted(async () => {\n   \n  });\n</script>\n"],"names":["orders.state"],"mappings":";;;;;;;;;;;;;;;;;;;AAuHE,UAAM,QAAQ,SAAQ;AACP,cAAS;AAER,QAAI,KAAK;AAGzB,UAAM,MAAM,IAAI,KAAK;AAErB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,kBAAkBA,MAAa,GAAG;AAAA,IAC3C,CAAC;AAEA,UAAM,mBAAmB,SAAS,MAAM;AACvC,aAAO,aAAaA,MAAa,KAAI,QAAQ;AAAA,IAC/C,CAAC;AAGD,aAAS,kBAAkB,QAAQ;AACjC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,eAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,MACpF,GAAG,CAAC;AAAA,IACN;AAEA,aAAS,aAAa,QAAQ,QAAQ;AACpC,aAAO,OAAO,OAAO,CAAC,UAAU,SAAS;AACvC,YAAI,KAAK,QAAQ,WAAW,QAAQ;AAClC,iBAAO,WAAW,KAAK,UAAU,OAAO,CAAC,KAAK,aAAa,MAAM,SAAS,OAAO,CAAC;AAAA,QACpF;AACA,eAAO;AAAA,MACT,GAAG,CAAC;AAAA,IACN;AAGA,cAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.cjs

@@ -57,7 +57,6 @@ const _sfc_main = {
       shopcart.actions.toggleShopcart();
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
       return vue.openBlock(), vue.createElementBlock("section", {
         class: vue.normalizeClass(["z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart", { "shop-cart-active": shopcart.state.currentState === true }])
       }, [
@@ -75,7 +74,6 @@ const _sfc_main = {
           !(shopcart.state.positions.length > 0) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, [
             vue.createElementVNode("i", null, vue.toDisplayString(vue.unref(t)("emptystate")), 1)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("pre", null, vue.toDisplayString(shopcart.state.positions), 1),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(shopcart.state.positions, (product, index) => {
             return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
               key: `${product._id}_${product.variant || "no-variant"}_${index}`,
@@ -101,10 +99,10 @@ const _sfc_main = {
             vue.createVNode(PriceTotal.default, {
               totalPrice: vue.unref(cartTotalPrice),
               currency: _ctx.returnCurrency(),
-              showFees: (_a = globals.state.options) == null ? void 0 : _a.orders.showFees,
-              feesRate: (_b = globals.state.options) == null ? void 0 : _b.orders.feesRate,
-              showVat: (_c = globals.state.options) == null ? void 0 : _c.orders.showVat,
-              vatRate: (_d = globals.state.options) == null ? void 0 : _d.orders.vatRate
+              showFees: globals.state.options?.orders.showFees,
+              feesRate: globals.state.options?.orders.feesRate,
+              showVat: globals.state.options?.orders.showVat,
+              vatRate: globals.state.options?.orders.vatRate
             }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"])
           ])) : vue.createCommentVNode("", true),
           shopcart.state.positions.length > 0 ? (vue.openBlock(), vue.createElementBlock("button", {

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ShopCart.vue.cjs","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column  transition-ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-semi\">{{t('title')}}</h4>\n        <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n      </div>\n      <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n      <!-- Empty State -->\n      <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n      <!-- Shopcart positions -->\n      <pre>{{shopcart.state.positions}}</pre>\n      <CardOrderItem \n        v-for=\"(product, index) in shopcart.state.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\" \n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n        :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black\">\n      <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n       <PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate\"\n        />\n      </div>\n      <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n    </div>  \n\n      <!-- ---------------------------------------------------------------- -->\n      <!-- 04. Color Overlay  -->\n      <!-- ---------------------------------------------------------------- -->\n      <transition name=\"fade\">\n      <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n        <div \n           v-if=\"shopcart.state.currentState\"\n          @click=\"() => shopcart.state.currentState = false\"\n          class=\"color-overlay z-index-3\"\n          :class=\"{'active':shopcart.state.currentState === true}\"\n        >\n        </div>\n      </teleport>\n      </transition>\n  </section>\n</template>\n\n\n<script setup>\n  /////////////////////////////\n  // COMPONENT DEPENDENCIES\n  /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n  // Route\n  import { useRouter,useRoute } from 'vue-router'\n  // i18n\n  import { useI18n } from 'vue-i18n'\n  // Components\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n  import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n  /////////////////////////////\n  // CREATED\n  /////////////////////////////\n  const route = useRoute()\n  const router = useRouter()\n  // Accessing state\n  const cartTotalPrice = shopcart.getters.cartTotalPrice\n  const StoreCartAmount = shopcart.getters.cartTotalAmount\n  // \n  // router.beforeEach((to, from, next) => {\n  //   if (shopcart.state.currentState === true) {\n  //     shopcart.actions.toggleShopcart();\n  //   }\n  //   next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n  // });\n\n  /////////////////////////////\n  // LOCALIZATION\n  /////////////////////////////\n  const text = {\n    messages: {\n      en: {\n        title: 'Your order',\n        subtitle: 'You have',\n        positions: 'no products in shop cart | 1 product in shop cart | {count} products in shop card',\n        emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n        intotal: 'In total',\n        fastorder: 'Checkout'\n      },\n      ru: {\n        title: 'Ваш заказ',\n        subtitle: 'У вас',\n        positions: 'нет товаров в корзине | 1 товар в корзине | {count} товаров в корзине',\n        emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n        intotal: 'Итого',\n        fastorder: 'Подтвердить заказ'\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n  /////////////////////////////\n  // MOUNTED\n  /////////////////////////////\n  function openOrder() {\n    // store.dispatch(\"shopcart/toggleShopCart\");\n    // store.dispatch(\"shopcart/setSearch\");\n    !globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ?  router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) :   router.push({name: 'CreateOrder'}) \n    shopcart.actions.toggleShopcart();\n  }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n  display: block;\n  position: fixed;\n\n  right: -33%;\n  top: 0;\n\n  height: 100%;\n  width: 33%;\n\n  overflow-y: scroll; \n}\n\n.shop-cart-active {\n  right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n  .shop-cart {\n    width: 100%;\n    right: -100%;\n\n    .shopcart-footer {\n      width: 100%;\n      right: -100%;\n    }\n\n    &-active {\n      right: 0;\n\n      .shopcart-footer {\n        right: 0;\n      }\n    }\n  }\n}\n</style>\n\n\n"],"names":["useRoute","useRouter","shopcart.getters","useI18n","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGgBA,cAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,iBAAiBC,SAAAA,QAAiB;AACxC,UAAM,kBAAkBA,SAAAA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACZ;AAAA,QACD,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAMC,QAAAA,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,cAAc,QAAQ,OAAO,8BAA8B,CAACC,WAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,eAAAA,QAAiB,eAAgB;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ShopCart.vue.cjs","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 flex flex-column  transition-ease-in-out bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big mobile:pd-medium pd-b-zero mobile:pd-b-zero flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-semi\">{{t('title')}}</h4>\n        <p class=\"t-transp p-small\">{{t('subtitle')}} {{ t('positions', { count: StoreCartAmount }) }}</p>\n      </div>\n      <IconCross @click=\"shopcart.actions.toggleShopcart\" class=\"cursor-pointer i-medium button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"pd-big pd-t-zero mobile:pd-t-zero mobile:pd-medium h-70 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content\">\n      <!-- Empty State -->\n      <p v-if=\"!(shopcart.state.positions.length > 0)\" class=\"mn-t-medium\"><i>{{t('emptystate')}}</i></p>\n      <!-- Shopcart positions -->\n      <CardOrderItem \n        v-for=\"(product, index) in shopcart.state.positions\" \n        :key=\"`${product._id}_${product.variant || 'no-variant'}_${index}`\" \n        :editable=\"true\" \n        :productId=\"product._id\"\n        :variantId=\"product.variant\"\n        :images=\"product.images\"\n        :name=\"product.name\"\n        :quantity=\"product.quantity\"\n        :unit=\"product.unit\"\n        :dates=\"product.date\"\n        :listing=\"product.listing\"\n        :price=\"product.price\"\n        :increase=\"() => shopcart.actions.incrementItemQuantity(product._id, product.variant)\"\n        :decrease=\"() => shopcart.actions.decrementItemQuantity(product._id, product.variant)\"\n        :remove=\"() => shopcart.actions.removeProduct(product._id, product.variant)\"\n        @updateRentDates=\"(productId, variantId, dates) => shopcart.actions.updateRentDates({ productId, variantId, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"h-30 transition-ease-in-out pd-b-medium pd-t-medium pd-big transition-cubic bg-light t-black\">\n      <div v-if=\"shopcart.state.positions.length > 0\" class=\"mn-b-small total-price\">\n       <PriceTotal \n          :totalPrice=\"cartTotalPrice\"\n          :currency=\"returnCurrency()\"\n          :showFees=\"globals.state.options?.orders.showFees\"\n          :feesRate=\"globals.state.options?.orders.feesRate\"\n          :showVat=\"globals.state.options?.orders.showVat\"\n          :vatRate=\"globals.state.options?.orders.vatRate\"\n        />\n      </div>\n      <button v-if=\"shopcart.state.positions.length > 0\" @click=\"openOrder()\" class=\"bg-main t-black w-100 button\">{{ t('fastorder') }}</button>\n    </div>  \n\n      <!-- ---------------------------------------------------------------- -->\n      <!-- 04. Color Overlay  -->\n      <!-- ---------------------------------------------------------------- -->\n      <transition name=\"fade\">\n      <teleport to=\"#app-wrapper\" v-if=\"shopcart.state.currentState\">\n\n        <div \n           v-if=\"shopcart.state.currentState\"\n          @click=\"() => shopcart.state.currentState = false\"\n          class=\"color-overlay z-index-3\"\n          :class=\"{'active':shopcart.state.currentState === true}\"\n        >\n        </div>\n      </teleport>\n      </transition>\n  </section>\n</template>\n\n\n<script setup>\n  /////////////////////////////\n  // COMPONENT DEPENDENCIES\n  /////////////////////////////\n\timport { computed,onMounted } from 'vue'\n  // Route\n  import { useRouter,useRoute } from 'vue-router'\n  // i18n\n  import { useI18n } from 'vue-i18n'\n  // Components\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n  import PriceTotal from '@martyrs/src/modules/orders/components/elements/PriceTotal.vue';\n\n  import IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart.js';\n  /////////////////////////////\n  // CREATED\n  /////////////////////////////\n  const route = useRoute()\n  const router = useRouter()\n  // Accessing state\n  const cartTotalPrice = shopcart.getters.cartTotalPrice\n  const StoreCartAmount = shopcart.getters.cartTotalAmount\n  // \n  // router.beforeEach((to, from, next) => {\n  //   if (shopcart.state.currentState === true) {\n  //     shopcart.actions.toggleShopcart();\n  //   }\n  //   next(); // Убедитесь, что вызываете next() для продолжения перехода по роуту\n  // });\n\n  /////////////////////////////\n  // LOCALIZATION\n  /////////////////////////////\n  const text = {\n    messages: {\n      en: {\n        title: 'Your order',\n        subtitle: 'You have',\n        positions: 'no products in shop cart | 1 product in shop cart | {count} products in shop card',\n        emptystate: \"You don't have any positions in your shop cart yet. Maybe something needs to be added?\",\n        intotal: 'In total',\n        fastorder: 'Checkout'\n      },\n      ru: {\n        title: 'Ваш заказ',\n        subtitle: 'У вас',\n        positions: 'нет товаров в корзине | 1 товар в корзине | {count} товаров в корзине',\n        emptystate: \"У вас еще нет товаров в корзине. Может стоит что-нибудь добавить?\",\n        intotal: 'Итого',\n        fastorder: 'Подтвердить заказ'\n      }\n    }\n  }\n\n  const { t } = useI18n(text)\n  /////////////////////////////\n  // MOUNTED\n  /////////////////////////////\n  function openOrder() {\n    // store.dispatch(\"shopcart/toggleShopCart\");\n    // store.dispatch(\"shopcart/setSearch\");\n    !globals.state.options.orders.allowUnauthenticatedOrders && !auth.state.user._id ?  router.push({name: 'Sign In', query: { returnUrl: '/orders/form'}}) :   router.push({name: 'CreateOrder'}) \n    shopcart.actions.toggleShopcart();\n  }\n</script>\n\n<style lang=\"scss\">\n.shop-cart {\n  display: block;\n  position: fixed;\n\n  right: -33%;\n  top: 0;\n\n  height: 100%;\n  width: 33%;\n\n  overflow-y: scroll; \n}\n\n.shop-cart-active {\n  right: 0;\n\n}\n\n@media screen and (max-width: 1025px) {\n  .shop-cart {\n    width: 100%;\n    right: -100%;\n\n    .shopcart-footer {\n      width: 100%;\n      right: -100%;\n    }\n\n    &-active {\n      right: 0;\n\n      .shopcart-footer {\n        right: 0;\n      }\n    }\n  }\n}\n</style>\n\n\n"],"names":["useRoute","useRouter","shopcart.getters","useI18n","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FgBA,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,UAAM,iBAAiBC,SAAAA,QAAiB;AACxC,UAAM,kBAAkBA,SAAAA,QAAiB;AAYzC,UAAM,OAAO;AAAA,MACX,UAAU;AAAA,QACR,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,QACM,IAAI;AAAA,UACF,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,SAAS;AAAA,UACT,WAAW;AAAA,QACnB;AAAA,MACA;AAAA,IACA;AAEE,UAAM,EAAE,MAAMC,QAAAA,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,cAAc,QAAQ,OAAO,8BAA8B,CAACC,WAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,eAAAA,QAAiB,eAAc;AAAA,IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/partials/ShopCart.vue.js

@@ -55,7 +55,6 @@ const _sfc_main = {
       actions.toggleShopcart();
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
       return openBlock(), createElementBlock("section", {
         class: normalizeClass(["z-index-5 flex flex-column transition-ease-in-out bg-white shop-cart", { "shop-cart-active": state.currentState === true }])
       }, [
@@ -73,7 +72,6 @@ const _sfc_main = {
           !(state.positions.length > 0) ? (openBlock(), createElementBlock("p", _hoisted_6, [
             createElementVNode("i", null, toDisplayString(unref(t)("emptystate")), 1)
           ])) : createCommentVNode("", true),
-          createElementVNode("pre", null, toDisplayString(state.positions), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(state.positions, (product, index) => {
             return openBlock(), createBlock(_sfc_main$2, {
               key: `${product._id}_${product.variant || "no-variant"}_${index}`,
@@ -99,10 +97,10 @@ const _sfc_main = {
             createVNode(_sfc_main$3, {
               totalPrice: unref(cartTotalPrice),
               currency: _ctx.returnCurrency(),
-              showFees: (_a = state$1.options) == null ? void 0 : _a.orders.showFees,
-              feesRate: (_b = state$1.options) == null ? void 0 : _b.orders.feesRate,
-              showVat: (_c = state$1.options) == null ? void 0 : _c.orders.showVat,
-              vatRate: (_d = state$1.options) == null ? void 0 : _d.orders.vatRate
+              showFees: state$1.options?.orders.showFees,
+              feesRate: state$1.options?.orders.feesRate,
+              showVat: state$1.options?.orders.showVat,
+              vatRate: state$1.options?.orders.vatRate
             }, null, 8, ["totalPrice", "currency", "showFees", "feesRate", "showVat", "vatRate"])
           ])) : createCommentVNode("", true),
           state.positions.length > 0 ? (openBlock(), createElementBlock("button", {