@ozdao/prometheus-framework 0.2.241 → 0.2.243

package/dist/prometheus-framework/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=\"pd-thin\"> \n    <SectionPageTitle\n      title=\"Orders\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Confirmed',  value: 'confirmed' },\n        { name: 'Preparing',  value: 'preparing' },\n        { name: 'Prepared',  value: 'prepared' },\n        { name: 'In delivery',  value: 'in delivery' },\n        { name: 'Delivered',  value: 'delivered' },\n        { name: 'Closed',  value: 'closed' }\n      ]\"\n      :actions=\"[\n        { to: { name: 'AdminOrderAdd'}, label: 'Create Order' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Block\n      title=\"Balance\"\n      class=\"mn-b-thin\"\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        owner: 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-for=\"order in items\" \n        :to=\"{ \n          name: 'Order Edit', \n          params: { \n            order: order._id \n\n          }\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    </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 '@pf/src/components/Tab/Tab.vue'\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n\n  import CardOrder from '@pf/src/modules/orders/components/blocks/CardOrder.vue'\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  import SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@pf/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LE,UAAM,QAAQA,UAAAA;AACCC,wBAAY;AAE3B,UAAM,UAAUC,IAAG,IAAC,KAAK;AAGzB,UAAM,MAAMA,IAAG,IAAC,KAAK;AAErB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,kBAAkBC,OAAY,MAAC,GAAG;AAAA,IAC7C,CAAG;AAEA,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACvC,aAAO,aAAaC,OAAAA,MAAa,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,IACL;AAED,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,QACnF;AACD,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACL;AAGDC,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=\"pd-thin\"> \n    <SectionPageTitle\n      title=\"Orders\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Confirmed',  value: 'confirmed' },\n        { name: 'Preparing',  value: 'preparing' },\n        { name: 'Prepared',  value: 'prepared' },\n        { name: 'In delivery',  value: 'in delivery' },\n        { name: 'Delivered',  value: 'delivered' },\n        { name: 'Closed',  value: 'closed' }\n      ]\"\n      :actions=\"[\n        { to: { name: 'AdminOrderAdd'}, label: 'Create Order' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Block\n      title=\"Balance\"\n      class=\"mn-b-thin\"\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        owner: 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-for=\"order in items\" \n        :to=\"{ \n          name: 'Order Edit', \n          params: { \n            order: order._id \n\n          }\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    </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 '@pf/src/components/Tab/Tab.vue'\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n\n  import CardOrder from '@pf/src/modules/orders/components/blocks/CardOrder.vue'\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  import SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@pf/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LE,UAAM,QAAQA,UAAAA;AACCC,wBAAY;AAE3B,UAAM,UAAUC,IAAG,IAAC,KAAK;AAGzB,UAAM,MAAMA,IAAG,IAAC,KAAK;AAErB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,kBAAkBC,OAAY,MAAC,GAAG;AAAA,IAC7C,CAAG;AAEA,UAAM,mBAAmBD,IAAAA,SAAS,MAAM;AACvC,aAAO,aAAaC,OAAAA,MAAa,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,IACL;AAED,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,QACnF;AACD,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACL;AAGDC,QAAAA,UAAU,YAAY;AAAA,IAExB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, createTextVNode, Transition, createCommentVNode, withModifiers } from "vue";
 import { useRoute, useRouter } from "vue-router";
-/* empty css                                 */
+/* empty css                                  */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import { state, actions, getters } from "../../store/orders.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
@@ -12,34 +12,29 @@ import IconTime from "../../../icons/entities/IconTime.vue.js";
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "gap-micro flex-nowrap flex" };
 const _hoisted_3 = { class: "w-100 bg-white radius-small pd-small" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Total", -1);
+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 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1);
-const _hoisted_7 = { class: "w-100 bg-white radius-small pd-small" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1);
-const _hoisted_9 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
-const _hoisted_10 = { class: "w-100" };
+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: "mn-b-thin" };
+const _hoisted_9 = { class: "t-truncate" };
+const _hoisted_10 = { class: "w-100 t-right" };
 const _hoisted_11 = { class: "mn-b-thin" };
-const _hoisted_12 = { class: "t-truncate" };
-const _hoisted_13 = { class: "w-100 t-right" };
-const _hoisted_14 = { class: "mn-b-thin" };
-const _hoisted_15 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
-const _hoisted_16 = { class: "mn-r-auto" };
-const _hoisted_17 = { class: "t-right" };
-const _hoisted_18 = { class: "t-transp" };
-const _hoisted_19 = { key: 0 };
-const _hoisted_20 = { class: "mn-r-auto" };
-const _hoisted_21 = { class: "t-right" };
-const _hoisted_22 = { class: "t-transp" };
-const _hoisted_23 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
-const _hoisted_24 = { class: "t-medium mn-r-auto" };
-const _hoisted_25 = { 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_26 = /* @__PURE__ */ 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);
-const _hoisted_27 = {
+const _hoisted_12 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
+const _hoisted_13 = { class: "mn-r-auto" };
+const _hoisted_14 = { class: "t-right" };
+const _hoisted_15 = { class: "t-transp" };
+const _hoisted_16 = { key: 0 };
+const _hoisted_17 = { class: "mn-r-auto" };
+const _hoisted_18 = { class: "t-right" };
+const _hoisted_19 = { class: "t-transp" };
+const _hoisted_20 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_21 = { class: "t-medium mn-r-auto" };
+const _hoisted_22 = { 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_23 = {
   key: 0,
   class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
 };
-const _hoisted_28 = /* @__PURE__ */ createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1);
 const _sfc_main = {
   __name: "Orders",
   setup(__props) {
@@ -97,15 +92,15 @@ const _sfc_main = {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("div", _hoisted_3, [
-                _hoisted_4,
+                _cache[2] || (_cache[2] = createElementVNode("p", { class: "mn-b-thin" }, "Total", -1)),
                 createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ]),
-              createElementVNode("div", _hoisted_5, [
-                _hoisted_6,
+              createElementVNode("div", _hoisted_4, [
+                _cache[3] || (_cache[3] = createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1)),
                 createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPriceUnpaid.value)), 1)
               ]),
-              createElementVNode("div", _hoisted_7, [
-                _hoisted_8,
+              createElementVNode("div", _hoisted_5, [
+                _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1)),
                 createElementVNode("h3", null, toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ])
             ])
@@ -155,41 +150,41 @@ const _sfc_main = {
                       date: order.createdAt,
                       class: "mn-b-small"
                     }, null, 8, ["entity", "user", "owner", "creator", "date"]),
-                    createElementVNode("div", _hoisted_9, [
-                      createElementVNode("div", _hoisted_10, [
-                        createElementVNode("h3", _hoisted_11, toDisplayString(((_a = order.customer.target.profile) == null ? void 0 : _a.name) || order.customer.target.phone || order.customer.target.email || "No name"), 1),
-                        createElementVNode("p", _hoisted_12, toDisplayString(order.delivery.address || "Not specified"), 1)
+                    createElementVNode("div", _hoisted_6, [
+                      createElementVNode("div", _hoisted_7, [
+                        createElementVNode("h3", _hoisted_8, toDisplayString(((_a = order.customer.target.profile) == null ? void 0 : _a.name) || order.customer.target.phone || order.customer.target.email || "No name"), 1),
+                        createElementVNode("p", _hoisted_9, toDisplayString(order.delivery.address || "Not specified"), 1)
                       ]),
-                      createElementVNode("div", _hoisted_13, [
-                        createElementVNode("h3", _hoisted_14, toDisplayString(_ctx.returnCurrency()) + toDisplayString(getters.getTotal(order.positions)), 1),
+                      createElementVNode("div", _hoisted_10, [
+                        createElementVNode("h3", _hoisted_11, 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_15, [
+                    createElementVNode("div", _hoisted_12, [
                       (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_16, toDisplayString(position.name), 1),
-                          createElementVNode("p", _hoisted_17, [
+                          createElementVNode("p", _hoisted_13, toDisplayString(position.name), 1),
+                          createElementVNode("p", _hoisted_14, [
                             createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x " + toDisplayString(position.price) + " ", 1),
-                            createElementVNode("span", _hoisted_18, toDisplayString(_ctx.returnCurrency()), 1)
+                            createElementVNode("span", _hoisted_15, toDisplayString(_ctx.returnCurrency()), 1)
                           ])
                         ]);
                       }), 128)),
                       createVNode(Transition, { name: "fade" }, {
                         default: withCtx(() => [
-                          spoiler.value && order.positions.length > 2 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                          spoiler.value && order.positions.length > 2 ? (openBlock(), createElementBlock("div", _hoisted_16, [
                             (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_20, toDisplayString(position.name), 1),
-                                createElementVNode("p", _hoisted_21, [
+                                createElementVNode("p", _hoisted_17, toDisplayString(position.name), 1),
+                                createElementVNode("p", _hoisted_18, [
                                   createTextVNode(toDisplayString(position.quantity) + " " + toDisplayString(position.type) + " x " + toDisplayString(position.price) + " ", 1),
-                                  createElementVNode("span", _hoisted_22, toDisplayString(_ctx.returnCurrency()), 1)
+                                  createElementVNode("span", _hoisted_19, toDisplayString(_ctx.returnCurrency()), 1)
                                 ])
                               ]);
                             }), 128))
@@ -203,17 +198,17 @@ const _sfc_main = {
                         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_23, [
+                    createElementVNode("div", _hoisted_20, [
                       createVNode(IconTime, {
                         class: "i-semi t-transp",
                         fill: "rgb(var(--black)"
                       }),
-                      createElementVNode("p", _hoisted_24, toDisplayString(_ctx.formatDate(order.deadline)), 1),
-                      createElementVNode("span", _hoisted_25, toDisplayString(order.status), 1),
-                      _hoisted_26
+                      createElementVNode("p", _hoisted_21, toDisplayString(_ctx.formatDate(order.deadline)), 1),
+                      createElementVNode("span", _hoisted_22, toDisplayString(order.status), 1),
+                      _cache[5] || (_cache[5] = 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_27, [
-                      _hoisted_28,
+                    order.comment ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                      _cache[6] || (_cache[6] = createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
                       createElementVNode("p", null, toDisplayString(order.comment), 1)
                     ])) : createCommentVNode("", true)
                   ];

package/dist/prometheus-framework/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=\"pd-thin\"> \n    <SectionPageTitle\n      title=\"Orders\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Confirmed',  value: 'confirmed' },\n        { name: 'Preparing',  value: 'preparing' },\n        { name: 'Prepared',  value: 'prepared' },\n        { name: 'In delivery',  value: 'in delivery' },\n        { name: 'Delivered',  value: 'delivered' },\n        { name: 'Closed',  value: 'closed' }\n      ]\"\n      :actions=\"[\n        { to: { name: 'AdminOrderAdd'}, label: 'Create Order' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Block\n      title=\"Balance\"\n      class=\"mn-b-thin\"\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        owner: 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-for=\"order in items\" \n        :to=\"{ \n          name: 'Order Edit', \n          params: { \n            order: order._id \n\n          }\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    </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 '@pf/src/components/Tab/Tab.vue'\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n\n  import CardOrder from '@pf/src/modules/orders/components/blocks/CardOrder.vue'\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  import SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@pf/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LE,UAAM,QAAQ;AACC,cAAY;AAE3B,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,IACL;AAED,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,QACnF;AACD,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACL;AAGD,cAAU,YAAY;AAAA,IAExB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Orders.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/Orders.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin\"> \n    <SectionPageTitle\n      title=\"Orders\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: 'All',        value: 'all' },\n        { name: 'Created',   value: 'created' },\n        { name: 'Confirmed',  value: 'confirmed' },\n        { name: 'Preparing',  value: 'preparing' },\n        { name: 'Prepared',  value: 'prepared' },\n        { name: 'In delivery',  value: 'in delivery' },\n        { name: 'Delivered',  value: 'delivered' },\n        { name: 'Closed',  value: 'closed' }\n      ]\"\n      :actions=\"[\n        { to: { name: 'AdminOrderAdd'}, label: 'Create Order' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-big\"\n    />\n\n    <Block\n      title=\"Balance\"\n      class=\"mn-b-thin\"\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        owner: 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-for=\"order in items\" \n        :to=\"{ \n          name: 'Order Edit', \n          params: { \n            order: order._id \n\n          }\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    </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 '@pf/src/components/Tab/Tab.vue'\n  import Block from '@pf/src/components/Block/Block.vue';\n\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n\n  import CardOrder from '@pf/src/modules/orders/components/blocks/CardOrder.vue'\n  import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'\n\n  import SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'\n\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import IconTime  from '@pf/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LE,UAAM,QAAQ;AACC,cAAY;AAE3B,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,IACL;AAED,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,QACnF;AACD,eAAO;AAAA,MACR,GAAE,CAAC;AAAA,IACL;AAGD,cAAU,YAAY;AAAA,IAExB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/sections/AskToLogin.vue.cjs

@@ -5,17 +5,16 @@ const _hoisted_1 = {
   key: 0,
   class: "bg-black t-white pd-big radius-big flex-v-center flex-nowrap flex"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mn-r-auto" }, [
-  /* @__PURE__ */ vue.createElementVNode("h3", { class: "t-semi mn-b-small" }, "Already registered?"),
-  /* @__PURE__ */ vue.createElementVNode("span", { class: "p-medium t-transp" }, "Sign in to your account to checkout faster.")
-], -1);
 const _sfc_main = {
   __name: "AskToLogin",
   setup(__props) {
     let isOpen = vue.ref(true);
     return (_ctx, _cache) => {
       return vue.unref(isOpen) === true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
+        _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "mn-r-auto" }, [
+          vue.createElementVNode("h3", { class: "t-semi mn-b-small" }, "Already registered?"),
+          vue.createElementVNode("span", { class: "p-medium t-transp" }, "Sign in to your account to checkout faster.")
+        ], -1)),
         vue.createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleSignInPopup()),
           class: "button h-4r bg-main"

package/dist/prometheus-framework/src/modules/orders/components/sections/AskToLogin.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AskToLogin.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/AskToLogin.vue"],"sourcesContent":["<template>\n\t<div \n    v-if=\"isOpen === true\" \n    class=\"\n      bg-black \n      t-white \n      pd-big \n      radius-big\n      flex-v-center\n      flex-nowrap \n      flex\n    \"\n  >\n    <!-- <img loading=\"lazy\" \n      @click=\"isOpen = false\" \n      class=\"\n        i-base \n        button-close-popup \n        button\n      \"\n      src=\"@/assets/icons/cross-white.svg\"\n    > -->\n\n    <div class=\"mn-r-auto\">\n      <h3 class=\"t-semi mn-b-small\">Already registered?</h3>\n      <span class=\"p-medium t-transp\">Sign in to your account to checkout faster.</span>\n    </div>\n\n    <button \n      @click=\"toggleSignInPopup()\" \n      class=\"button h-4r bg-main\"\n    >\n      Sign In\n    </button>\n  </div>\n</template>\n\n\n<script setup>\n\timport { ref } from 'vue'\n\n\tlet isOpen = ref(true);\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;AAyCC,QAAI,SAASA,QAAI,IAAI;;;;;;;;;;;;;"}
+{"version":3,"file":"AskToLogin.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/AskToLogin.vue"],"sourcesContent":["<template>\n\t<div \n    v-if=\"isOpen === true\" \n    class=\"\n      bg-black \n      t-white \n      pd-big \n      radius-big\n      flex-v-center\n      flex-nowrap \n      flex\n    \"\n  >\n    <!-- <img loading=\"lazy\" \n      @click=\"isOpen = false\" \n      class=\"\n        i-base \n        button-close-popup \n        button\n      \"\n      src=\"@/assets/icons/cross-white.svg\"\n    > -->\n\n    <div class=\"mn-r-auto\">\n      <h3 class=\"t-semi mn-b-small\">Already registered?</h3>\n      <span class=\"p-medium t-transp\">Sign in to your account to checkout faster.</span>\n    </div>\n\n    <button \n      @click=\"toggleSignInPopup()\" \n      class=\"button h-4r bg-main\"\n    >\n      Sign In\n    </button>\n  </div>\n</template>\n\n\n<script setup>\n\timport { ref } from 'vue'\n\n\tlet isOpen = ref(true);\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":["ref"],"mappings":";;;;;;;;;;AAyCC,QAAI,SAASA,QAAI,IAAI;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/sections/AskToLogin.vue.js

@@ -3,17 +3,16 @@ const _hoisted_1 = {
   key: 0,
   class: "bg-black t-white pd-big radius-big flex-v-center flex-nowrap flex"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "mn-r-auto" }, [
-  /* @__PURE__ */ createElementVNode("h3", { class: "t-semi mn-b-small" }, "Already registered?"),
-  /* @__PURE__ */ createElementVNode("span", { class: "p-medium t-transp" }, "Sign in to your account to checkout faster.")
-], -1);
 const _sfc_main = {
   __name: "AskToLogin",
   setup(__props) {
     let isOpen = ref(true);
     return (_ctx, _cache) => {
       return unref(isOpen) === true ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
+        _cache[1] || (_cache[1] = createElementVNode("div", { class: "mn-r-auto" }, [
+          createElementVNode("h3", { class: "t-semi mn-b-small" }, "Already registered?"),
+          createElementVNode("span", { class: "p-medium t-transp" }, "Sign in to your account to checkout faster.")
+        ], -1)),
         createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleSignInPopup()),
           class: "button h-4r bg-main"

package/dist/prometheus-framework/src/modules/orders/components/sections/AskToLogin.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AskToLogin.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/AskToLogin.vue"],"sourcesContent":["<template>\n\t<div \n    v-if=\"isOpen === true\" \n    class=\"\n      bg-black \n      t-white \n      pd-big \n      radius-big\n      flex-v-center\n      flex-nowrap \n      flex\n    \"\n  >\n    <!-- <img loading=\"lazy\" \n      @click=\"isOpen = false\" \n      class=\"\n        i-base \n        button-close-popup \n        button\n      \"\n      src=\"@/assets/icons/cross-white.svg\"\n    > -->\n\n    <div class=\"mn-r-auto\">\n      <h3 class=\"t-semi mn-b-small\">Already registered?</h3>\n      <span class=\"p-medium t-transp\">Sign in to your account to checkout faster.</span>\n    </div>\n\n    <button \n      @click=\"toggleSignInPopup()\" \n      class=\"button h-4r bg-main\"\n    >\n      Sign In\n    </button>\n  </div>\n</template>\n\n\n<script setup>\n\timport { ref } from 'vue'\n\n\tlet isOpen = ref(true);\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;;;;;AAyCC,QAAI,SAAS,IAAI,IAAI;;;;;;;;;;;;"}
+{"version":3,"file":"AskToLogin.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/AskToLogin.vue"],"sourcesContent":["<template>\n\t<div \n    v-if=\"isOpen === true\" \n    class=\"\n      bg-black \n      t-white \n      pd-big \n      radius-big\n      flex-v-center\n      flex-nowrap \n      flex\n    \"\n  >\n    <!-- <img loading=\"lazy\" \n      @click=\"isOpen = false\" \n      class=\"\n        i-base \n        button-close-popup \n        button\n      \"\n      src=\"@/assets/icons/cross-white.svg\"\n    > -->\n\n    <div class=\"mn-r-auto\">\n      <h3 class=\"t-semi mn-b-small\">Already registered?</h3>\n      <span class=\"p-medium t-transp\">Sign in to your account to checkout faster.</span>\n    </div>\n\n    <button \n      @click=\"toggleSignInPopup()\" \n      class=\"button h-4r bg-main\"\n    >\n      Sign In\n    </button>\n  </div>\n</template>\n\n\n<script setup>\n\timport { ref } from 'vue'\n\n\tlet isOpen = ref(true);\n</script>\n\n<style lang=\"scss\">\n</style>\n\n\n"],"names":[],"mappings":";;;;;;;;AAyCC,QAAI,SAAS,IAAI,IAAI;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.cjs

@@ -3,11 +3,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-;/* empty css                                       */
+;/* empty css                                        */
 const clickOutside = require("../../../../components/FieldPhone/click-outside.cjs");
-;/* empty css                                          */
+;/* empty css                                         */
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");
 const CardUser = require("../../../users/components/blocks/CardUser.vue.cjs");
 const FormCustomerDetails = require("./FormCustomerDetails.vue.cjs");
@@ -142,9 +142,9 @@ const _sfc_main = {
           onError: vue.unref(globals.setError),
           class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
         }, {
-          default: vue.withCtx(() => [
+          default: vue.withCtx(() => _cache[2] || (_cache[2] = [
             vue.createTextVNode(" Add Customer ")
-          ]),
+          ])),
           _: 1
         }, 8, ["onError"])
       ], 64);

package/dist/prometheus-framework/src/modules/orders/components/sections/FormAddCustomer.vue.js

@@ -1,11 +1,11 @@
 import { ref, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, withDirectives, createBlock, isRef, renderList, createCommentVNode, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-/* empty css                                     */
+/* empty css                                      */
 import clickOutside from "../../../../components/FieldPhone/click-outside.js";
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$3 from "../../../users/components/blocks/CardUser.vue.js";
 import _sfc_main$5 from "./FormCustomerDetails.vue.js";
@@ -140,9 +140,9 @@ const _sfc_main = {
           onError: unref(setError),
           class: "w-100 pd-small radius-big bg-main t-black uppercase t-medium"
         }, {
-          default: withCtx(() => [
+          default: withCtx(() => _cache[2] || (_cache[2] = [
             createTextVNode(" Add Customer ")
-          ]),
+          ])),
           _: 1
         }, 8, ["onError"])
       ], 64);

package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.cjs

@@ -2,9 +2,9 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
 const FieldPhone = require("../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const _hoisted_1 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormCustomerDetails",

package/dist/prometheus-framework/src/modules/orders/components/sections/FormCustomerDetails.vue.js

@@ -1,8 +1,8 @@
 import { ref, openBlock, createBlock, withCtx, createVNode, createElementVNode, unref, isRef } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
+import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/FieldPhone/FieldPhone.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 const _hoisted_1 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormCustomerDetails",

package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.cjs

@@ -6,10 +6,8 @@ const Block = require("../../../../components/Block/Block.vue.cjs");
 const Address = require("../../../../components/Address/Address.vue2.cjs");
 const LocationMarker = require("../../../../components/LocationMarker/LocationMarker.vue2.cjs");
 const Radio = require("../../../../components/Radio/Radio.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "font-second mn-b-thin" }, "Select deliverty type", -1);
-const _hoisted_2 = { class: "mn-b-small flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h4", { class: "font-second mn-b-thin" }, "Address", -1);
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const _hoisted_1 = { class: "mn-b-small flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormDelivery",
   props: {
@@ -28,8 +26,8 @@ const _sfc_main = {
         tooltip: "Delivery by mail takes 3-5 days."
       }, {
         default: vue.withCtx(() => [
-          _hoisted_1,
-          vue.createElementVNode("div", _hoisted_2, [
+          _cache[8] || (_cache[8] = vue.createElementVNode("h4", { class: "font-second mn-b-thin" }, "Select deliverty type", -1)),
+          vue.createElementVNode("div", _hoisted_1, [
             vue.createVNode(Radio.default, {
               radio: __props.order.delivery.type,
               "onUpdate:radio": _cache[0] || (_cache[0] = ($event) => __props.order.delivery.type = $event),
@@ -52,7 +50,7 @@ const _sfc_main = {
               class: "bg-white pd-medium radius-small w-100"
             }, null, 8, ["radio"])
           ]),
-          _hoisted_3,
+          _cache[9] || (_cache[9] = vue.createElementVNode("h4", { class: "font-second mn-b-thin" }, "Address", -1)),
           vue.createVNode(Address.default, {
             label: "Location",
             apiKey: _ctx.GOOGLE_MAPS_API_KEY,

package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormDelivery.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormDelivery.vue"],"sourcesContent":["<template>\n  <Block title=\"Delivery\" class=\"mn-b-thin\" :tooltip=\"'Delivery by mail takes 3-5 days.'\">\n\n    <!-- <h4 class=\"mn-b-thin\">Select spot</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n\n    </div> -->\n\n    <h4 class=\"font-second mn-b-thin\">Select deliverty type</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Pickup\"\n        value=\"pickup\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Courier\"\n        value=\"courier\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Post\"\n        value=\"mail\"\n        class=\"bg-white pd-medium radius-small w-100\"\n      />\n    </div>\n\n    \n    \n    <h4 class=\"font-second mn-b-thin\">Address</h4>\n    <Address\n      label=\"Location\"    \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"  \n      placeholder=\"Enter your address\"  \n      class=\"bg-white radius-tl-medium radius-tr-medium t-black pd-medium\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <LocationMarker \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"\n      class=\"mn-b-thin radius-bl-medium radius-br-medium h-15r o-hidden\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <Field \n      v-model:field=\"order.comment\"     \n      placeholder=\"Comments regarding the address (apartment unit, floor level, building section)\"\n      type=\"textarea\"  \n      class=\"bg-white pd-medium radius-small\"\n    />\n  </Block>\n</template>\n\n<script setup>\nimport { onMounted } from 'vue'\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Address from '@pf/src/components/Address/Address.vue'\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Radio from '@pf/src/components/Radio/Radio.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\n\nconst props = defineProps({\n  order: Object,\n});\n\nonMounted(() => {\n  if (globals.state.position) props.order.delivery.address = globals.state.position.address\n  if (globals.state.position) props.order.delivery.location = globals.state.position.location\n})\n</script>"],"names":["onMounted","globals.state"],"mappings":";;;;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQ;AAIdA,QAAAA,UAAU,MAAM;AACd,UAAIC,QAAa,MAAC,SAAU,OAAM,MAAM,SAAS,UAAUA,cAAc,SAAS;AAClF,UAAIA,QAAa,MAAC,SAAU,OAAM,MAAM,SAAS,WAAWA,cAAc,SAAS;AAAA,IACrF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormDelivery.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormDelivery.vue"],"sourcesContent":["<template>\n  <Block title=\"Delivery\" class=\"mn-b-thin\" :tooltip=\"'Delivery by mail takes 3-5 days.'\">\n\n    <!-- <h4 class=\"mn-b-thin\">Select spot</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n\n    </div> -->\n\n    <h4 class=\"font-second mn-b-thin\">Select deliverty type</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Pickup\"\n        value=\"pickup\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Courier\"\n        value=\"courier\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Post\"\n        value=\"mail\"\n        class=\"bg-white pd-medium radius-small w-100\"\n      />\n    </div>\n\n    \n    \n    <h4 class=\"font-second mn-b-thin\">Address</h4>\n    <Address\n      label=\"Location\"    \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"  \n      placeholder=\"Enter your address\"  \n      class=\"bg-white radius-tl-medium radius-tr-medium t-black pd-medium\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <LocationMarker \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"\n      class=\"mn-b-thin radius-bl-medium radius-br-medium h-15r o-hidden\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <Field \n      v-model:field=\"order.comment\"     \n      placeholder=\"Comments regarding the address (apartment unit, floor level, building section)\"\n      type=\"textarea\"  \n      class=\"bg-white pd-medium radius-small\"\n    />\n  </Block>\n</template>\n\n<script setup>\nimport { onMounted } from 'vue'\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Address from '@pf/src/components/Address/Address.vue'\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Radio from '@pf/src/components/Radio/Radio.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\n\nconst props = defineProps({\n  order: Object,\n});\n\nonMounted(() => {\n  if (globals.state.position) props.order.delivery.address = globals.state.position.address\n  if (globals.state.position) props.order.delivery.location = globals.state.position.location\n})\n</script>"],"names":["onMounted","globals.state"],"mappings":";;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQ;AAIdA,QAAAA,UAAU,MAAM;AACd,UAAIC,QAAa,MAAC,SAAU,OAAM,MAAM,SAAS,UAAUA,cAAc,SAAS;AAClF,UAAIA,QAAa,MAAC,SAAU,OAAM,MAAM,SAAS,WAAWA,cAAc,SAAS;AAAA,IACrF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.js

@@ -4,10 +4,8 @@ import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Address/Address.vue2.js";
 import _sfc_main$4 from "../../../../components/LocationMarker/LocationMarker.vue2.js";
 import _sfc_main$2 from "../../../../components/Radio/Radio.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("h4", { class: "font-second mn-b-thin" }, "Select deliverty type", -1);
-const _hoisted_2 = { class: "mn-b-small flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("h4", { class: "font-second mn-b-thin" }, "Address", -1);
+import Field from "../../../../components/Field/Field.vue.js";
+const _hoisted_1 = { class: "mn-b-small flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormDelivery",
   props: {
@@ -26,8 +24,8 @@ const _sfc_main = {
         tooltip: "Delivery by mail takes 3-5 days."
       }, {
         default: withCtx(() => [
-          _hoisted_1,
-          createElementVNode("div", _hoisted_2, [
+          _cache[8] || (_cache[8] = createElementVNode("h4", { class: "font-second mn-b-thin" }, "Select deliverty type", -1)),
+          createElementVNode("div", _hoisted_1, [
             createVNode(_sfc_main$2, {
               radio: __props.order.delivery.type,
               "onUpdate:radio": _cache[0] || (_cache[0] = ($event) => __props.order.delivery.type = $event),
@@ -50,7 +48,7 @@ const _sfc_main = {
               class: "bg-white pd-medium radius-small w-100"
             }, null, 8, ["radio"])
           ]),
-          _hoisted_3,
+          _cache[9] || (_cache[9] = createElementVNode("h4", { class: "font-second mn-b-thin" }, "Address", -1)),
           createVNode(_sfc_main$3, {
             label: "Location",
             apiKey: _ctx.GOOGLE_MAPS_API_KEY,

package/dist/prometheus-framework/src/modules/orders/components/sections/FormDelivery.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormDelivery.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/FormDelivery.vue"],"sourcesContent":["<template>\n  <Block title=\"Delivery\" class=\"mn-b-thin\" :tooltip=\"'Delivery by mail takes 3-5 days.'\">\n\n    <!-- <h4 class=\"mn-b-thin\">Select spot</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n\n    </div> -->\n\n    <h4 class=\"font-second mn-b-thin\">Select deliverty type</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Pickup\"\n        value=\"pickup\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Courier\"\n        value=\"courier\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Post\"\n        value=\"mail\"\n        class=\"bg-white pd-medium radius-small w-100\"\n      />\n    </div>\n\n    \n    \n    <h4 class=\"font-second mn-b-thin\">Address</h4>\n    <Address\n      label=\"Location\"    \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"  \n      placeholder=\"Enter your address\"  \n      class=\"bg-white radius-tl-medium radius-tr-medium t-black pd-medium\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <LocationMarker \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"\n      class=\"mn-b-thin radius-bl-medium radius-br-medium h-15r o-hidden\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <Field \n      v-model:field=\"order.comment\"     \n      placeholder=\"Comments regarding the address (apartment unit, floor level, building section)\"\n      type=\"textarea\"  \n      class=\"bg-white pd-medium radius-small\"\n    />\n  </Block>\n</template>\n\n<script setup>\nimport { onMounted } from 'vue'\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Address from '@pf/src/components/Address/Address.vue'\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Radio from '@pf/src/components/Radio/Radio.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\n\nconst props = defineProps({\n  order: Object,\n});\n\nonMounted(() => {\n  if (globals.state.position) props.order.delivery.address = globals.state.position.address\n  if (globals.state.position) props.order.delivery.location = globals.state.position.location\n})\n</script>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;;;AA+EA,UAAM,QAAQ;AAId,cAAU,MAAM;AACd,UAAIA,MAAc,SAAU,OAAM,MAAM,SAAS,UAAUA,MAAc,SAAS;AAClF,UAAIA,MAAc,SAAU,OAAM,MAAM,SAAS,WAAWA,MAAc,SAAS;AAAA,IACrF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormDelivery.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/FormDelivery.vue"],"sourcesContent":["<template>\n  <Block title=\"Delivery\" class=\"mn-b-thin\" :tooltip=\"'Delivery by mail takes 3-5 days.'\">\n\n    <!-- <h4 class=\"mn-b-thin\">Select spot</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n\n    </div> -->\n\n    <h4 class=\"font-second mn-b-thin\">Select deliverty type</h4>\n    <div class=\"mn-b-small flex-nowrap flex\">\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Pickup\"\n        value=\"pickup\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Courier\"\n        value=\"courier\"\n        class=\"bg-white pd-medium radius-small w-100 mn-r-small\"\n      />\n      <Radio \n        v-model:radio=\"order.delivery.type\"\n        label=\"Post\"\n        value=\"mail\"\n        class=\"bg-white pd-medium radius-small w-100\"\n      />\n    </div>\n\n    \n    \n    <h4 class=\"font-second mn-b-thin\">Address</h4>\n    <Address\n      label=\"Location\"    \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"  \n      placeholder=\"Enter your address\"  \n      class=\"bg-white radius-tl-medium radius-tr-medium t-black pd-medium\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <LocationMarker \n      :apiKey=\"GOOGLE_MAPS_API_KEY\" \n      :address=\"order.delivery.address\" \n      :location=\"order.delivery.location\"\n      class=\"mn-b-thin radius-bl-medium radius-br-medium h-15r o-hidden\"\n      @update:location=\"newLocation => {\n        order.delivery.location = newLocation;\n      }\"\n      @update:address=\"newAddress => {\n        order.delivery.address = newAddress;\n      }\"\n    />\n\n    <Field \n      v-model:field=\"order.comment\"     \n      placeholder=\"Comments regarding the address (apartment unit, floor level, building section)\"\n      type=\"textarea\"  \n      class=\"bg-white pd-medium radius-small\"\n    />\n  </Block>\n</template>\n\n<script setup>\nimport { onMounted } from 'vue'\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Address from '@pf/src/components/Address/Address.vue'\nimport LocationMarker from \"@pf/src/components/LocationMarker/LocationMarker.vue\";\nimport Radio from '@pf/src/components/Radio/Radio.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\n\nconst props = defineProps({\n  order: Object,\n});\n\nonMounted(() => {\n  if (globals.state.position) props.order.delivery.address = globals.state.position.address\n  if (globals.state.position) props.order.delivery.location = globals.state.position.location\n})\n</script>"],"names":["globals.state"],"mappings":";;;;;;;;;;;;;;AA+EA,UAAM,QAAQ;AAId,cAAU,MAAM;AACd,UAAIA,MAAc,SAAU,OAAM,MAAM,SAAS,UAAUA,MAAc,SAAS;AAClF,UAAIA,MAAc,SAAU,OAAM,MAAM,SAAS,WAAWA,MAAc,SAAS;AAAA,IACrF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/sections/FormPayment.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const _hoisted_1 = { class: "mn-b-small flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormPayment",

package/dist/prometheus-framework/src/modules/orders/components/sections/FormPayment.vue.js

@@ -1,6 +1,6 @@
 import { openBlock, createBlock, withCtx, createElementVNode, createVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 const _hoisted_1 = { class: "mn-b-small flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormPayment",

package/dist/prometheus-framework/src/modules/orders/components/sections/Succes.vue.cjs

@@ -2,14 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = { class: "t-center order-finished" };
-const _hoisted_2 = /* @__PURE__ */ vue.createStaticVNode('<p class="mn-b-medium p-big">Order completed!</p><div class="mn-b-big pd-big order-number"><p class="mn-b-small t-semi small">#485792</p><p class="t-lh-2">Our manager will contact you within 1 hour. If you have any questions - send us an email or call <br><span class="t-semi">+995 585 888 660</span></p></div>', 2);
-const _hoisted_4 = { class: "order-data pd-big" };
-const _hoisted_5 = { class: "mn-b-small t-left flex-nowrap flex" };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-r-small w-33 t-semi" }, "Receiver", -1);
-const _hoisted_7 = { class: "mn-r-small w-100" };
-const _hoisted_8 = { class: "t-left flex-nowrap flex" };
-const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-r-small w-33 t-semi" }, "Address", -1);
-const _hoisted_10 = { class: "mn-r-small w-100" };
+const _hoisted_2 = { class: "order-data pd-big" };
+const _hoisted_3 = { class: "mn-b-small t-left flex-nowrap flex" };
+const _hoisted_4 = { class: "mn-r-small w-100" };
+const _hoisted_5 = { class: "t-left flex-nowrap flex" };
+const _hoisted_6 = { class: "mn-r-small w-100" };
 const _sfc_main = {
   __name: "Succes",
   props: {
@@ -18,15 +15,15 @@ const _sfc_main = {
   setup(__props) {
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.createElementVNode("div", _hoisted_5, [
-            _hoisted_6,
-            vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(__props.order.name) + " " + vue.toDisplayString(__props.order.surname) + ", " + vue.toDisplayString(__props.order.phone) + ", " + vue.toDisplayString(__props.order.email), 1)
+        _cache[2] || (_cache[2] = vue.createStaticVNode('<p class="mn-b-medium p-big">Order completed!</p><div class="mn-b-big pd-big order-number"><p class="mn-b-small t-semi small">#485792</p><p class="t-lh-2">Our manager will contact you within 1 hour. If you have any questions - send us an email or call <br><span class="t-semi">+995 585 888 660</span></p></div>', 2)),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _cache[0] || (_cache[0] = vue.createElementVNode("p", { class: "mn-r-small w-33 t-semi" }, "Receiver", -1)),
+            vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(__props.order.name) + " " + vue.toDisplayString(__props.order.surname) + ", " + vue.toDisplayString(__props.order.phone) + ", " + vue.toDisplayString(__props.order.email), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_8, [
-            _hoisted_9,
-            vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(__props.order.city) + ", " + vue.toDisplayString(__props.order.adress), 1)
+          vue.createElementVNode("div", _hoisted_5, [
+            _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-r-small w-33 t-semi" }, "Address", -1)),
+            vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(__props.order.city) + ", " + vue.toDisplayString(__props.order.adress), 1)
           ])
         ])
       ]);