@ozdao/martyrs 0.2.428 → 0.2.430

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

@@ -7,41 +7,20 @@ const Block = require("../../../../components/Block/Block.vue.cjs");
 const orders = require("../../store/orders.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const CardOrderUser = require("../blocks/CardOrderUser.vue.cjs");
-const CardHeader = require("../../../globals/views/components/blocks/CardHeader.vue.cjs");
+const CardOrderBackoffice = require("../blocks/CardOrderBackoffice.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
 const _hoisted_1 = { class: "mobile:pd-thin pd-medium" };
 const _hoisted_2 = { class: "gap-micro flex-nowrap flex" };
 const _hoisted_3 = { class: "w-100 bg-white radius-small pd-small" };
 const _hoisted_4 = { class: "w-100 bg-white radius-small pd-small" };
 const _hoisted_5 = { class: "w-100 bg-white radius-small pd-small" };
-const _hoisted_6 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
-const _hoisted_7 = { class: "w-100" };
-const _hoisted_8 = { class: "t-truncate" };
-const _hoisted_9 = { class: "w-100 t-right" };
-const _hoisted_10 = { class: "mn-b-thin" };
-const _hoisted_11 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
-const _hoisted_12 = { class: "mn-r-auto" };
-const _hoisted_13 = { class: "t-right" };
-const _hoisted_14 = { class: "t-transp" };
-const _hoisted_15 = { key: 0 };
-const _hoisted_16 = { class: "mn-r-auto" };
-const _hoisted_17 = { class: "t-right" };
-const _hoisted_18 = { class: "t-transp" };
-const _hoisted_19 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
-const _hoisted_20 = { class: "t-medium mn-r-auto" };
-const _hoisted_21 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" };
-const _hoisted_22 = {
-  key: 0,
-  class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
-};
 const _sfc_main = {
   __name: "Orders",
   setup(__props) {
     const route = vueRouter.useRoute();
     vueRouter.useRouter();
-    const spoiler = vue.ref(false);
+    vue.ref(false);
     const tab = vue.ref("all");
     const totalPrice = vue.computed(() => {
       return calculateTotalSum(orders.state.all);
@@ -71,8 +50,9 @@ const _sfc_main = {
           key: 0,
           title: "Orders",
           actions: [
-            ...vue.unref(route).meta.context !== "user" ? [{ to: { name: "BackofficeAdminCreateOrder" }, label: "Create Order" }] : []
-          ],
+            vue.unref(route).meta.context === "backoffice" && { to: { name: "BackofficeAdminCreateOrder" }, label: "Create Order" },
+            vue.unref(route).meta.context === "organization" && { to: { name: "OrganizationAdminCreateOrder", params: { _id: vue.unref(route).params._id } }, label: "Create Order" }
+          ].filter(Boolean),
           class: "mn-b-small"
         }, null, 8, ["actions"])) : vue.createCommentVNode("", true),
         vue.unref(route).meta.context !== "user" ? (vue.openBlock(), vue.createBlock(Block.default, {
@@ -83,15 +63,15 @@ const _sfc_main = {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_2, [
               vue.createElementVNode("div", _hoisted_3, [
-                _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Total", -1)),
+                _cache[0] || (_cache[0] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Total", -1)),
                 vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ]),
               vue.createElementVNode("div", _hoisted_4, [
-                _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1)),
+                _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1)),
                 vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPriceUnpaid.value)), 1)
               ]),
               vue.createElementVNode("div", _hoisted_5, [
-                _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1)),
+                _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1)),
                 vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ])
             ])
@@ -111,7 +91,7 @@ const _sfc_main = {
           },
           options: {
             limit: 15,
-            ...vue.unref(route).meta.context === "organization" && { organization: vue.unref(route).params._id },
+            ...vue.unref(route).meta.context === "organization" && { owner: vue.unref(route).params._id },
             ...vue.unref(route).meta.context === "user" && { customer: vue.unref(route).params._id },
             ...tab.value !== "all" && { status: tab.value }
           },
@@ -125,79 +105,16 @@ const _sfc_main = {
                 to: {
                   name: vue.unref(route).meta.context === "backoffice" ? "BackofficeOrderEdit" : "OrganizationOrderEdit",
                   params: vue.unref(route).meta.context === "backoffice" ? { order: order._id } : { order: order._id, organization: order.owner.target || order.owner._id }
-                },
-                class: "bg-light pos-relative pd-medium radius-big"
+                }
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(CardHeader.default, {
-                    entity: order,
-                    entityType: "order",
+                  vue.createVNode(CardOrderBackoffice.default, {
+                    order,
                     user: auth.state.user,
-                    owner: order.creator,
-                    creator: order.creator,
-                    date: order.createdAt,
-                    class: "mn-b-small"
-                  }, null, 8, ["entity", "user", "owner", "creator", "date"]),
-                  vue.createElementVNode("div", _hoisted_6, [
-                    vue.createElementVNode("div", _hoisted_7, [
-                      vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(order.delivery.address || "Not specified"), 1)
-                    ]),
-                    vue.createElementVNode("div", _hoisted_9, [
-                      vue.createElementVNode("h3", _hoisted_10, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(orders.getters.getTotal(order.positions)), 1),
-                      vue.createElementVNode("p", null, "#" + vue.toDisplayString(order._id.slice(0, 4) + "..." + order._id.slice(-4)), 1)
-                    ])
-                  ]),
-                  vue.createElementVNode("div", _hoisted_11, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.positions.slice(0, 2), (position, index) => {
-                      return vue.openBlock(), vue.createElementBlock("div", {
-                        key: index,
-                        class: "w-100 flex"
-                      }, [
-                        vue.createElementVNode("p", _hoisted_12, vue.toDisplayString(position.name), 1),
-                        vue.createElementVNode("p", _hoisted_13, [
-                          vue.createTextVNode(vue.toDisplayString(position.quantity) + " " + vue.toDisplayString(position.type) + " x " + vue.toDisplayString(position.price) + " ", 1),
-                          vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(_ctx.returnCurrency()), 1)
-                        ])
-                      ]);
-                    }), 128)),
-                    vue.createVNode(vue.Transition, { name: "fade" }, {
-                      default: vue.withCtx(() => [
-                        spoiler.value && order.positions.length > 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
-                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.positions.slice(2), (position, index) => {
-                            return vue.openBlock(), vue.createElementBlock("div", {
-                              key: index + 2,
-                              class: "w-100 flex"
-                            }, [
-                              vue.createElementVNode("p", _hoisted_16, vue.toDisplayString(position.name), 1),
-                              vue.createElementVNode("p", _hoisted_17, [
-                                vue.createTextVNode(vue.toDisplayString(position.quantity) + " " + vue.toDisplayString(position.type) + " x " + vue.toDisplayString(position.price) + " ", 1),
-                                vue.createElementVNode("span", _hoisted_18, vue.toDisplayString(_ctx.returnCurrency()), 1)
-                              ])
-                            ]);
-                          }), 128))
-                        ])) : vue.createCommentVNode("", true)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    order.positions.length > 2 ? (vue.openBlock(), vue.createElementBlock("button", {
-                      key: 0,
-                      onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => spoiler.value = !spoiler.value, ["prevent"])),
-                      class: "radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
-                    }, vue.toDisplayString(!spoiler.value ? `+${order.positions.length - 2} more` : `Hide`), 1)) : vue.createCommentVNode("", true)
-                  ]),
-                  vue.createElementVNode("div", _hoisted_19, [
-                    vue.createVNode(IconTime.default, {
-                      class: "i-semi t-transp",
-                      fill: "rgb(var(--black)"
-                    }),
-                    vue.createElementVNode("p", _hoisted_20, vue.toDisplayString(_ctx.formatDate(order.deadline)), 1),
-                    vue.createElementVNode("span", _hoisted_21, vue.toDisplayString(order.status), 1),
-                    _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" }, " Unpaid ", -1))
-                  ]),
-                  order.comment ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
-                    _cache[5] || (_cache[5] = vue.createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
-                    vue.createElementVNode("p", null, vue.toDisplayString(order.comment), 1)
-                  ])) : vue.createCommentVNode("", true)
+                    formatDate: _ctx.formatDate,
+                    getTotal: orders.getters.getTotal,
+                    currency: _ctx.returnCurrency()
+                  }, null, 8, ["order", "user", "formatDate", "getTotal", "currency"])
                 ]),
                 _: 2
               }, 1032, ["to"]);

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 !== 'user' ? [{ to: { name: 'BackofficeAdminCreateOrder'}, label: 'Create Order' }] : [])\n      ]\"\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' && { organization: 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\"\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        class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        <CardHeader \n          :entity=\"order\"\n          :entityType=\"'order'\"\n          :user=\"auth.state.user\"\n          :owner=\"order.creator\" \n          :creator=\"order.creator\"\n          :date=\"order.createdAt\"\n          class=\"mn-b-small\"\n        />\n\n        <div class=\"mn-b-small pd-small bg-white radius-small flex-nowrap flex\"> \n          <div class=\"w-100\">\n            <!-- <h3 class=\"mn-b-thin\">{{order.customer.target.profile?.name || order.customer.target.phone || order.customer.target.email || 'No name'}}</h3> -->\n            <p class=\"t-truncate\">{{order.delivery.address || 'Not specified'}}</p> \n          </div>\n\n          <div class=\" w-100 t-right\">\n            <h3 class=\"mn-b-thin\">{{returnCurrency()}}{{orders.getters.getTotal(order.positions)}}</h3>\n            <p>#{{order._id.slice(0, 4) + '...' + order._id.slice(-4)}}</p> \n          </div>\n        </div>\n     \n        <div class=\"cols-1 mn-b-small gap-thin pd-small bg-white radius-small\">\n          <!-- Always display the first two positions -->\n          <div\n            v-for=\"(position, index) in order.positions.slice(0, 2)\"\n            :key=\"index\"\n            class=\"w-100 flex\"\n          >\n            <p class=\"mn-r-auto\">{{ position.name }}</p>\n            <p class=\"t-right\">\n              {{ position.quantity }} {{ position.type }}\n              x\n              {{ position.price }}\n              <span class=\"t-transp\">{{ returnCurrency() }}</span>\n            </p>\n          </div>\n\n          <transition name=\"fade\">\n            <!-- Display the rest of the positions if there are more than two and spoiler is true -->\n            <div v-if=\"spoiler && order.positions.length > 2\">\n              <div\n                v-for=\"(position, index) in order.positions.slice(2)\"\n                :key=\"index + 2\"\n                class=\"w-100 flex\"\n              >\n                <p class=\"mn-r-auto\">{{ position.name }}</p>\n                <p class=\"t-right\">\n                  {{ position.quantity }} {{ position.type }}\n                  x\n                  {{ position.price }}\n                  <span class=\"t-transp\">{{ returnCurrency() }}</span>\n                </p>\n              </div>\n            </div>\n          </transition>\n\n          <!-- Toggle button for additional positions, visible only if there are more than two positions -->\n          <button\n            v-if=\"order.positions.length > 2\"\n            @click.prevent=\"spoiler = !spoiler\"\n            class=\"radius-big bg-light-transp-50 pd-nano w-100 flex-center flex\"\n          >\n            {{ !spoiler ? `+${order.positions.length - 2} more` : `Hide` }} \n          </button>\n        </div>\n\n\n        <div class=\"pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex\"> \n          <IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n          <p class=\"t-medium mn-r-auto\">{{formatDate(order.deadline)}}</p>\n\n          <span \n            class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main\"\n          >\n            {{order.status}}\n          </span>\n\n          <span \n            class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red\"\n          >\n            Unpaid\n          </span>\n        </div>\n      \n\n        <div v-if=\"order.comment\" class=\"pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small\">\n          <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n          <p>{{order.comment}}</p>\n        </div>\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';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\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 CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0ME,UAAM,QAAQA,UAAAA,SAAU;AACTC,cAAS,UAAA;AAExB,UAAM,UAAUC,IAAAA,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\"\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';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,45 +1,24 @@
-import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, withCtx, createElementVNode, toDisplayString, Fragment, renderList, createTextVNode, Transition, withModifiers } from "vue";
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, withCtx, createElementVNode, toDisplayString, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
 /* empty css                                  */
 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";
 import CardOrderUser from "../blocks/CardOrderUser.vue.js";
-import _sfc_main$4 from "../../../globals/views/components/blocks/CardHeader.vue.js";
+import _sfc_main$4 from "../blocks/CardOrderBackoffice.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
-import IconTime from "../../../icons/entities/IconTime.vue.js";
 const _hoisted_1 = { class: "mobile:pd-thin pd-medium" };
 const _hoisted_2 = { class: "gap-micro flex-nowrap flex" };
 const _hoisted_3 = { class: "w-100 bg-white radius-small pd-small" };
 const _hoisted_4 = { class: "w-100 bg-white radius-small pd-small" };
 const _hoisted_5 = { class: "w-100 bg-white radius-small pd-small" };
-const _hoisted_6 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
-const _hoisted_7 = { class: "w-100" };
-const _hoisted_8 = { class: "t-truncate" };
-const _hoisted_9 = { class: "w-100 t-right" };
-const _hoisted_10 = { class: "mn-b-thin" };
-const _hoisted_11 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
-const _hoisted_12 = { class: "mn-r-auto" };
-const _hoisted_13 = { class: "t-right" };
-const _hoisted_14 = { class: "t-transp" };
-const _hoisted_15 = { key: 0 };
-const _hoisted_16 = { class: "mn-r-auto" };
-const _hoisted_17 = { class: "t-right" };
-const _hoisted_18 = { class: "t-transp" };
-const _hoisted_19 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
-const _hoisted_20 = { class: "t-medium mn-r-auto" };
-const _hoisted_21 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" };
-const _hoisted_22 = {
-  key: 0,
-  class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
-};
 const _sfc_main = {
   __name: "Orders",
   setup(__props) {
     const route = useRoute();
     useRouter();
-    const spoiler = ref(false);
+    ref(false);
     const tab = ref("all");
     const totalPrice = computed(() => {
       return calculateTotalSum(state.all);
@@ -69,8 +48,9 @@ const _sfc_main = {
           key: 0,
           title: "Orders",
           actions: [
-            ...unref(route).meta.context !== "user" ? [{ to: { name: "BackofficeAdminCreateOrder" }, label: "Create Order" }] : []
-          ],
+            unref(route).meta.context === "backoffice" && { to: { name: "BackofficeAdminCreateOrder" }, label: "Create Order" },
+            unref(route).meta.context === "organization" && { to: { name: "OrganizationAdminCreateOrder", params: { _id: unref(route).params._id } }, label: "Create Order" }
+          ].filter(Boolean),
           class: "mn-b-small"
         }, null, 8, ["actions"])) : createCommentVNode("", true),
         unref(route).meta.context !== "user" ? (openBlock(), createBlock(_sfc_main$2, {
@@ -81,15 +61,15 @@ const _sfc_main = {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("div", _hoisted_3, [
-                _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin" }, "Total", -1)),
+                _cache[0] || (_cache[0] = createElementVNode("p", { class: "mn-b-thin" }, "Total", -1)),
                 createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ]),
               createElementVNode("div", _hoisted_4, [
-                _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1)),
+                _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1)),
                 createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPriceUnpaid.value)), 1)
               ]),
               createElementVNode("div", _hoisted_5, [
-                _cache[3] || (_cache[3] = createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1)),
+                _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1)),
                 createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ])
             ])
@@ -109,7 +89,7 @@ const _sfc_main = {
           },
           options: {
             limit: 15,
-            ...unref(route).meta.context === "organization" && { organization: unref(route).params._id },
+            ...unref(route).meta.context === "organization" && { owner: unref(route).params._id },
             ...unref(route).meta.context === "user" && { customer: unref(route).params._id },
             ...tab.value !== "all" && { status: tab.value }
           },
@@ -123,79 +103,16 @@ const _sfc_main = {
                 to: {
                   name: unref(route).meta.context === "backoffice" ? "BackofficeOrderEdit" : "OrganizationOrderEdit",
                   params: unref(route).meta.context === "backoffice" ? { order: order._id } : { order: order._id, organization: order.owner.target || order.owner._id }
-                },
-                class: "bg-light pos-relative pd-medium radius-big"
+                }
               }, {
                 default: withCtx(() => [
                   createVNode(_sfc_main$4, {
-                    entity: order,
-                    entityType: "order",
+                    order,
                     user: state$1.user,
-                    owner: order.creator,
-                    creator: order.creator,
-                    date: order.createdAt,
-                    class: "mn-b-small"
-                  }, null, 8, ["entity", "user", "owner", "creator", "date"]),
-                  createElementVNode("div", _hoisted_6, [
-                    createElementVNode("div", _hoisted_7, [
-                      createElementVNode("p", _hoisted_8, toDisplayString(order.delivery.address || "Not specified"), 1)
-                    ]),
-                    createElementVNode("div", _hoisted_9, [
-                      createElementVNode("h3", _hoisted_10, toDisplayString(_ctx.returnCurrency()) + toDisplayString(getters.getTotal(order.positions)), 1),
-                      createElementVNode("p", null, "#" + toDisplayString(order._id.slice(0, 4) + "..." + order._id.slice(-4)), 1)
-                    ])
-                  ]),
-                  createElementVNode("div", _hoisted_11, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(order.positions.slice(0, 2), (position, index) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: index,
-                        class: "w-100 flex"
-                      }, [
-                        createElementVNode("p", _hoisted_12, toDisplayString(position.name), 1),
-                        createElementVNode("p", _hoisted_13, [
-                          createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x " + toDisplayString(position.price) + " ", 1),
-                          createElementVNode("span", _hoisted_14, toDisplayString(_ctx.returnCurrency()), 1)
-                        ])
-                      ]);
-                    }), 128)),
-                    createVNode(Transition, { name: "fade" }, {
-                      default: withCtx(() => [
-                        spoiler.value && order.positions.length > 2 ? (openBlock(), createElementBlock("div", _hoisted_15, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(order.positions.slice(2), (position, index) => {
-                            return openBlock(), createElementBlock("div", {
-                              key: index + 2,
-                              class: "w-100 flex"
-                            }, [
-                              createElementVNode("p", _hoisted_16, toDisplayString(position.name), 1),
-                              createElementVNode("p", _hoisted_17, [
-                                createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x " + toDisplayString(position.price) + " ", 1),
-                                createElementVNode("span", _hoisted_18, toDisplayString(_ctx.returnCurrency()), 1)
-                              ])
-                            ]);
-                          }), 128))
-                        ])) : createCommentVNode("", true)
-                      ]),
-                      _: 2
-                    }, 1024),
-                    order.positions.length > 2 ? (openBlock(), createElementBlock("button", {
-                      key: 0,
-                      onClick: _cache[0] || (_cache[0] = withModifiers(($event) => spoiler.value = !spoiler.value, ["prevent"])),
-                      class: "radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
-                    }, toDisplayString(!spoiler.value ? `+${order.positions.length - 2} more` : `Hide`), 1)) : createCommentVNode("", true)
-                  ]),
-                  createElementVNode("div", _hoisted_19, [
-                    createVNode(IconTime, {
-                      class: "i-semi t-transp",
-                      fill: "rgb(var(--black)"
-                    }),
-                    createElementVNode("p", _hoisted_20, toDisplayString(_ctx.formatDate(order.deadline)), 1),
-                    createElementVNode("span", _hoisted_21, toDisplayString(order.status), 1),
-                    _cache[4] || (_cache[4] = createElementVNode("span", { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" }, " Unpaid ", -1))
-                  ]),
-                  order.comment ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                    _cache[5] || (_cache[5] = createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
-                    createElementVNode("p", null, toDisplayString(order.comment), 1)
-                  ])) : createCommentVNode("", true)
+                    formatDate: _ctx.formatDate,
+                    getTotal: getters.getTotal,
+                    currency: _ctx.returnCurrency()
+                  }, null, 8, ["order", "user", "formatDate", "getTotal", "currency"])
                 ]),
                 _: 2
               }, 1032, ["to"]);

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 !== 'user' ? [{ to: { name: 'BackofficeAdminCreateOrder'}, label: 'Create Order' }] : [])\n      ]\"\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' && { organization: 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\"\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        class=\"bg-light pos-relative pd-medium radius-big\"\n      >\n        <CardHeader \n          :entity=\"order\"\n          :entityType=\"'order'\"\n          :user=\"auth.state.user\"\n          :owner=\"order.creator\" \n          :creator=\"order.creator\"\n          :date=\"order.createdAt\"\n          class=\"mn-b-small\"\n        />\n\n        <div class=\"mn-b-small pd-small bg-white radius-small flex-nowrap flex\"> \n          <div class=\"w-100\">\n            <!-- <h3 class=\"mn-b-thin\">{{order.customer.target.profile?.name || order.customer.target.phone || order.customer.target.email || 'No name'}}</h3> -->\n            <p class=\"t-truncate\">{{order.delivery.address || 'Not specified'}}</p> \n          </div>\n\n          <div class=\" w-100 t-right\">\n            <h3 class=\"mn-b-thin\">{{returnCurrency()}}{{orders.getters.getTotal(order.positions)}}</h3>\n            <p>#{{order._id.slice(0, 4) + '...' + order._id.slice(-4)}}</p> \n          </div>\n        </div>\n     \n        <div class=\"cols-1 mn-b-small gap-thin pd-small bg-white radius-small\">\n          <!-- Always display the first two positions -->\n          <div\n            v-for=\"(position, index) in order.positions.slice(0, 2)\"\n            :key=\"index\"\n            class=\"w-100 flex\"\n          >\n            <p class=\"mn-r-auto\">{{ position.name }}</p>\n            <p class=\"t-right\">\n              {{ position.quantity }} {{ position.type }}\n              x\n              {{ position.price }}\n              <span class=\"t-transp\">{{ returnCurrency() }}</span>\n            </p>\n          </div>\n\n          <transition name=\"fade\">\n            <!-- Display the rest of the positions if there are more than two and spoiler is true -->\n            <div v-if=\"spoiler && order.positions.length > 2\">\n              <div\n                v-for=\"(position, index) in order.positions.slice(2)\"\n                :key=\"index + 2\"\n                class=\"w-100 flex\"\n              >\n                <p class=\"mn-r-auto\">{{ position.name }}</p>\n                <p class=\"t-right\">\n                  {{ position.quantity }} {{ position.type }}\n                  x\n                  {{ position.price }}\n                  <span class=\"t-transp\">{{ returnCurrency() }}</span>\n                </p>\n              </div>\n            </div>\n          </transition>\n\n          <!-- Toggle button for additional positions, visible only if there are more than two positions -->\n          <button\n            v-if=\"order.positions.length > 2\"\n            @click.prevent=\"spoiler = !spoiler\"\n            class=\"radius-big bg-light-transp-50 pd-nano w-100 flex-center flex\"\n          >\n            {{ !spoiler ? `+${order.positions.length - 2} more` : `Hide` }} \n          </button>\n        </div>\n\n\n        <div class=\"pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex\"> \n          <IconTime class=\"i-semi t-transp\" fill=\"rgb(var(--black)\" />\n          <p class=\"t-medium mn-r-auto\">{{formatDate(order.deadline)}}</p>\n\n          <span \n            class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main\"\n          >\n            {{order.status}}\n          </span>\n\n          <span \n            class=\"flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red\"\n          >\n            Unpaid\n          </span>\n        </div>\n      \n\n        <div v-if=\"order.comment\" class=\"pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small\">\n          <p class=\"mn-b-thin t-transp uppercase p-small t-medium\">Comment</p>\n          <p>{{order.comment}}</p>\n        </div>\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';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\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 CardHeader  from '@martyrs/src/modules/globals/views/components/blocks/CardHeader.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0ME,UAAM,QAAQ,SAAU;AACT,cAAS;AAExB,UAAM,UAAU,IAAI,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\"\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';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -10,11 +10,11 @@ const globals = require("../../../globals/views/store/globals.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const shopcart = require("../../store/shopcart.cjs");
 ;/* empty css                */
-const _hoisted_1 = { class: "mn-t-medium flex-nowrap flex" };
+const _hoisted_1 = { class: "flex-nowrap flex" };
 const _hoisted_2 = { class: "mn-b-medium w-100" };
 const _hoisted_3 = { class: "mn-b-thin p-big" };
 const _hoisted_4 = { class: "t-transp p-small" };
-const _hoisted_5 = { class: "rows-1 gap-small mn-b-big shopcart-content" };
+const _hoisted_5 = { class: "h-100 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content" };
 const _hoisted_6 = {
   key: 0,
   class: "mn-t-medium"

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 transition-ease-in-out pd-big mobile:pd-medium bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"mn-t-medium flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-big\">{{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=\"rows-1 gap-small mn-b-big 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 in shopcart.state.positions\" \n        :key=\"product._id\" \n        :editable=\"true\" \n        :product=\"product\" \n        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n        @updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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?.showFees\"\n          :feesRate=\"globals.state.options?.feesRate\"\n          :showVat=\"globals.state.options?.showVat\"\n          :vatRate=\"globals.state.options?.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\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\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  .shopcart-footer {\n    position: fixed;\n    bottom: 0;\n    \n    width: 33%;\n    right: -33%;\n  }\n}\n\n.shop-cart-active {\n  right: 0;\n\n  .shopcart-footer {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFgBA,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 transition-ease-in-out pd-big mobile:pd-medium bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-big\">{{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=\"h-100 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 in shopcart.state.positions\" \n        :key=\"product._id\" \n        :editable=\"true\" \n        :product=\"product\" \n        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n        @updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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?.showFees\"\n          :feesRate=\"globals.state.options?.feesRate\"\n          :showVat=\"globals.state.options?.showVat\"\n          :vatRate=\"globals.state.options?.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\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\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  .shopcart-footer {\n    position: fixed;\n    bottom: 0;\n    \n    width: 33%;\n    right: -33%;\n  }\n}\n\n.shop-cart-active {\n  right: 0;\n\n  .shopcart-footer {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFgBA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -8,11 +8,11 @@ import { state as state$1 } from "../../../globals/views/store/globals.js";
 import { state as state$2 } from "../../../auth/views/store/auth.js";
 import { getters, state, actions } from "../../store/shopcart.js";
 /* empty css              */
-const _hoisted_1 = { class: "mn-t-medium flex-nowrap flex" };
+const _hoisted_1 = { class: "flex-nowrap flex" };
 const _hoisted_2 = { class: "mn-b-medium w-100" };
 const _hoisted_3 = { class: "mn-b-thin p-big" };
 const _hoisted_4 = { class: "t-transp p-small" };
-const _hoisted_5 = { class: "rows-1 gap-small mn-b-big shopcart-content" };
+const _hoisted_5 = { class: "h-100 flex flex-column w-100 pos-relative o-x-hidden o-y-scroll gap-small shopcart-content" };
 const _hoisted_6 = {
   key: 0,
   class: "mn-t-medium"

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

@@ -1 +1 @@
-{"version":3,"file":"ShopCart.vue.js","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 transition-ease-in-out pd-big mobile:pd-medium bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"mn-t-medium flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-big\">{{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=\"rows-1 gap-small mn-b-big 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 in shopcart.state.positions\" \n        :key=\"product._id\" \n        :editable=\"true\" \n        :product=\"product\" \n        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n        @updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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?.showFees\"\n          :feesRate=\"globals.state.options?.feesRate\"\n          :showVat=\"globals.state.options?.showVat\"\n          :vatRate=\"globals.state.options?.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\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\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  .shopcart-footer {\n    position: fixed;\n    bottom: 0;\n    \n    width: 33%;\n    right: -33%;\n  }\n}\n\n.shop-cart-active {\n  right: 0;\n\n  .shopcart-footer {\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":["shopcart.getters","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFgB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,iBAAiBA,QAAiB;AACxC,UAAM,kBAAkBA,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,MAAM,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,QAAc,QAAQ,OAAO,8BAA8B,CAACC,QAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,cAAiB,eAAgB;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ShopCart.vue.js","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-5 transition-ease-in-out pd-big mobile:pd-medium bg-white shop-cart\" :class=\"{'shop-cart-active':shopcart.state.currentState === true}\">\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 01. Popup Header  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"flex-nowrap flex\">\n      <div class=\"mn-b-medium w-100\">\n        <h4 class=\"mn-b-thin p-big\">{{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=\"h-100 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 in shopcart.state.positions\" \n        :key=\"product._id\" \n        :editable=\"true\" \n        :product=\"product\" \n        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n        @updateRentDates=\"(product, dates) => shopcart.actions.updateRentDates({ productId: product._id, dates })\"\n      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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?.showFees\"\n          :feesRate=\"globals.state.options?.feesRate\"\n          :showVat=\"globals.state.options?.showVat\"\n          :vatRate=\"globals.state.options?.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\n  import * as globals from '@martyrs/src/modules/globals/views/store/globals';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth';\n  import * as shopcart from '@martyrs/src/modules/orders/store/shopcart';\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  .shopcart-footer {\n    position: fixed;\n    bottom: 0;\n    \n    width: 33%;\n    right: -33%;\n  }\n}\n\n.shop-cart-active {\n  right: 0;\n\n  .shopcart-footer {\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":["shopcart.getters","globals.state","auth.state","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFgB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,iBAAiBA,QAAiB;AACxC,UAAM,kBAAkBA,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,MAAM,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,OAACC,QAAc,QAAQ,OAAO,8BAA8B,CAACC,QAAW,KAAK,MAAO,OAAO,KAAK,EAAC,MAAM,WAAW,OAAO,EAAE,WAAW,eAAc,EAAC,CAAC,IAAM,OAAO,KAAK,EAAC,MAAM,cAAa,CAAC;AAC7LC,cAAiB,eAAgB;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}