@ozdao/prometheus-framework 0.2.330 → 0.2.332

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreate.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"order-form col\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-light pd-medium radius-big\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t        class=\"w-100 bg-white pd-small radius-medium\"\n\t      />\n\t\t\t</ul>\n\n\t\t\t<div \n\t\t\t\tclass=\"bg-main pd-thin radius-medium  mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tSubtotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ cartTotalPrice }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tDelivery: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small h3\">\n\t\t\t\t\tTotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost +  cartTotalPrice.value }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t  <button \n\t\t  \tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t   \t:disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t    \"\n\t\t    @click=\"handleCreate()\" \n\t\t    class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n\t\t  >\n\t\t    Place an Order\n\t\t  </button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Block\nimport CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@pf/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@pf/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@pf/src/modules/orders/components/sections/EmptyState.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\n// Store\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as shopcart from '@pf/src/modules/orders/store/shopcart';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\nimport * as orders from '@pf/src/modules/orders/store/orders';\nimport * as users from '@pf/src/modules/auth/views/store/users';\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\nconst cartTotalPrice = computed(() => shopcart.getters.cartTotalPrice)\nconst deliveryCost = computed(() => {\n  if (orders.state.current.delivery.type === 'pickup') return 0;\n  if (orders.state.current.delivery.type === 'mail') return 350;\n  if (orders.state.current.delivery.type === 'courier') {\n    const distance = orderOrganization.value[0]?.distance || 0;\n    return Math.trunc(100 + 20 * distance - 7.5 * (distance / 10));\n  }\n  return 0;\n});\n\n// Computed property for total cost\nconst totalCost = computed(() => {\n  return deliveryCost.value + cartTotalPrice.value.value;\n});\n// Organization\nconst orderOrganization = ref({})\n\n\nonMounted(async()=> {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t})\n})\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// WATCHERS\n///////////////////////////////////////////////////////////////////////////////////////////////////\nwatch(() => orders.state.current.delivery.address, async (newFilterValue, oldFilterValue) => {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: orders.state.current.delivery.location,\n\t})\n}, { deep: true })\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n\tlet error = orders.state.current.delivery.type !== \"Pickup\" && orders.state.current.delivery.address < 2\n  \n  if (error) { return  true } else { return false }\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: shopcart.state.organization,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'User'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n  if (order) {\n  \tshopcart.actions.resetShopcart()\n\n  \trouter.push({\n  \t\tname: 'Order Status',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["orders.state","users.state","shopcart.getters","organizations.actions","shopcart.state","globals.state","auth.state","order","orders.actions","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Ic,aAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,UAAM,QAAQ,SAAS,MAAMA,MAAa,OAAO;AACpC,aAAS,MAAMC,QAAY,OAAO;AAC/C,UAAM,iBAAiB,SAAS,MAAMC,QAAiB,cAAc;AACrE,UAAM,eAAe,SAAS,MAAM;;AAClC,UAAIF,MAAa,QAAQ,SAAS,SAAS,SAAU,QAAO;AAC5D,UAAIA,MAAa,QAAQ,SAAS,SAAS,OAAQ,QAAO;AAC1D,UAAIA,MAAa,QAAQ,SAAS,SAAS,WAAW;AACpD,cAAM,aAAW,uBAAkB,MAAM,CAAC,MAAzB,mBAA4B,aAAY;AACzD,eAAO,KAAK,MAAM,MAAM,KAAK,WAAW,OAAO,WAAW,GAAG;AAAA,MAC9D;AACD,aAAO;AAAA,IACT,CAAC;AAGiB,aAAS,MAAM;AAC/B,aAAO,aAAa,QAAQ,eAAe,MAAM;AAAA,IACnD,CAAC;AAED,UAAM,oBAAoB,IAAI,EAAE;AAGhC,cAAU,YAAU;;AACnB,wBAAkB,QAAQ,MAAMG,QAAsB,KAAK;AAAA,QACzD,KAAKC,QAAe;AAAA,QACpB,WAAUC,aAAc,aAAdA,mBAAwB;AAAA,MACrC,CAAE;AAAA,IACF,CAAC;AAID,UAAM,MAAML,MAAa,QAAQ,SAAS,SAAS,OAAO,gBAAgB,mBAAmB;AAC5F,wBAAkB,QAAQ,MAAMG,QAAsB,KAAK;AAAA,QACzD,KAAKC,QAAe;AAAA,QACpB,UAAUJ,MAAa,QAAQ,SAAS;AAAA,MAC3C,CAAE;AAAA,IACF,GAAG,EAAE,MAAM,MAAM;AAIjB,UAAM,YAAY,SAAS,MAAM;;AAC/B,YAAIA,WAAa,QAAQ,SAAS,SAA9BA,mBAAoC,UAAS,GAAG;AAAE,eAAO;AAAA,aAAY;AAAE,eAAO;AAAA,MAAO;AAAA,IAC3F,CAAC;AAED,UAAM,wBAAwB,SAAS,MAAM;;AAC3C,YAAM,oBAAmBA,WAAa,QAAQ,SAAS,cAA9BA,mBAAyC;AAClE,YAAM,sBAAoBA,iBAAa,QAAQ,SAAS,cAA9BA,mBAAyC,UAAzCA,mBAAgD,UAAU;AACpF,YAAM,aAAWA,WAAa,QAAQ,SAAS,WAA9BA,mBAAsC,UAAS;AAEhE,aAAO,CAAC,YAAY,EAAE,oBAAoB;AAAA,IAC5C,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AACnC,UAAI,QAAQA,MAAa,QAAQ,SAAS,SAAS,YAAYA,MAAa,QAAQ,SAAS,UAAU;AAEtG,UAAI,OAAO;AAAE,eAAQ;AAAA,MAAI,OAAQ;AAAE,eAAO;AAAA,MAAO;AAAA,IACnD,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAIA,MAAa,QAAQ,SAAS,MAAM;AAAC,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAIA,MAAa,QAAQ,QAAQ,MAAM;AAAE,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAID,mBAAe,eAAe;AAE7BA,YAAa,QAAQ,SAAS;AAE9BA,YAAa,QAAQ,QAAQ;AAAA,QAC5B,QAAQI,QAAe;AAAA,QACvB,MAAM;AAAA,MACN;AAED,UAAIE,QAAW,KAAK,KAAK;AACxBN,cAAa,QAAQ,UAAU;AAAA,UAC9B,QAAQM,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACN;AAAA,MACD;AAEDN,YAAa,QAAQ,YAAYI,QAAe;AAE/C,YAAM,eAAe,aAAa,QAAQ,aAAa;AAEvD,UAAI,cAAc;AAChBJ,cAAa,QAAQ,eAAe;AAAA,MACrC;AAED,UAAIO,SAAQ,MAAMC,UAAe,OAAOR,MAAa,OAAO;AAE5D,UAAIO,QAAO;AACVE,kBAAiB,cAAe;AAEhC,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,OAAOF,OAAM;AAAA,UACb;AAAA,QACL,CAAI;AAAA,MACJ,OAAS;AACN,cAAM,iBAAiB;AAAA,MACvB;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrderCreate.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreate.vue"],"sourcesContent":["<template>\n\n<section class=\"pd-thin\">\n\n\t<!-- Ask to login  -->\n\t<AskToLogin class=\"mn-b-thin\" v-if=\"auth.state.access.status === false\" /> \n\n\t<!-- Order form -->\n\t<div class=\"gap-small mn-b-thin cols-2\">\n\t\t<!-- Empty State   -->\n\t\t<EmptyState  \n\t\t\tv-if=\"shopcart.state.positions < 1\" \n\t\t/>\t\n\n\t\t<Succes \n\t\t\tv-if=\"order.status === true && shopcart.state.positions.length > 0\" \n\t\t\t:order=\"order\" \n\t\t/>\n\t\t<!-- Order Form -->\n\t\t<div\n\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\" \n\t\t\tclass=\"order-form col\"\n\t\t>\n\t\t\t<FormCustomerDetails\n\t\t\t\t:customer=\"orders.state.current.customer\"\n\t\t\t/>\n\t\t\t<FormDelivery \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t\t<FormPayment \t\n\t\t\t\tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t\t\t:order=\"orders.state.current\"  \n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Order positions -->\n\t\t<div \n\t\t\tv-if=\"shopcart.state.positions.length > 0\" \n\t\t\tclass=\"bg-light pd-medium radius-big\"\n\t\t>\n\t\t\t<h4 class=\"font-second mn-b-thin\">Your Order</h4>\n\n\t\t\t<ul class=\"flex gap-thin flex-wrap mn-b-thin\">\n\t\t\t\t<CardOrderItem \n\t\t\t\t\tv-for=\"product in shopcart.state.positions\" \n\t\t\t\t\t:key=\"product._id\" \n\t\t\t\t\t:editable=\"true\" \n\t\t\t\t\t:product=\"product\" \n\t        :increase=\"product => shopcart.actions.incrementItemQuantity(product._id)\"\n\t        :decrease=\"product => shopcart.actions.decrementItemQuantity(product._id)\"\n\t        :remove=\"product => shopcart.actions.removeProduct(product._id)\"\n\t        class=\"w-100 bg-white pd-small radius-medium\"\n\t      />\n\t\t\t</ul>\n\n\t\t\t<div \n\t\t\t\tclass=\"bg-main pd-thin radius-medium  mn-b-thin\"\n\t\t\t>\t\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tSubtotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ cartTotalPrice }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small br-b br-solid br-black-transp-10\">\n\t\t\t\t\tDelivery: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost }}\n\t\t\t\t</p>\n\t\t\t\t<p class=\"pd-small h3\">\n\t\t\t\t\tTotal: \n\t\t\t\t\t{{ returnCurrency() }} \n\t\t\t\t\t{{ deliveryCost +  cartTotalPrice.value }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<!-- Send order -->\n\t\t  <button \n\t\t  \tv-if=\"orders.state.current.status !== true && shopcart.state.positions.length > 0\"\n\t\t   \t:disabled=\"\n\t\t      errorName \n\t\t      || errorPhoneOrMessenger \n\t\t      || errorCity \n\t\t      || errorAddress \n\t\t      || errorDelivery \n\t\t      || errorPayment\n\t\t    \"\n\t\t    @click=\"handleCreate()\" \n\t\t    class=\"bg-main mn-b-small pd-small radius-big w-100 button\"\n\t\t  >\n\t\t    Place an Order\n\t\t  </button>\n\n\t\t  <p class='mn-b-thin'>\n\t\t\t\tI agree that placing the order places me under an obligation to make a payment in accordance with <a class=\"t-semi font-second t-second\" href=\"/legal/terms-of-use\" target=\"_blank\">Terms of Use.</a>\n\t\t\t</p>\n\t\t\t<p >\n\t\t\t\t\n\t\t\t</p>\n\t\t</div>\n\n\t</div>\n\n\t\n\t\n</section>\n\n</template>\n\n\n<script setup>\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import components\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Block\nimport CardOrderItem from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n// Sections\nimport AskToLogin from '@pf/src/modules/orders/components/sections/AskToLogin.vue'\nimport Succes from '@pf/src/modules/orders/components/sections/Succes.vue'\nimport EmptyState from '@pf/src/modules/orders/components/sections/EmptyState.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\nimport FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\nimport FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Import libs\n///////////////////////////////////////////////////////////////////////////////////////////////////\nimport { ref, computed, onMounted, watch } from 'vue'\nimport { useRoute,useRouter } from 'vue-router'\n// Store\nimport * as globals from '@pf/src/modules/globals/views/store/globals';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as shopcart from '@pf/src/modules/orders/store/shopcart';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\nimport * as orders from '@pf/src/modules/orders/store/orders';\nimport * as users from '@pf/src/modules/auth/views/store/users';\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Variables and computed\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// COMPUTED\nconst order = computed(() => orders.state.current)\nconst user = computed(() => users.state.current)\nconst cartTotalPrice = computed(() => shopcart.getters.cartTotalPrice)\nconst deliveryCost = computed(() => {\n  if (orders.state.current.delivery.type === 'pickup') return 0;\n  if (orders.state.current.delivery.type === 'mail') return 350;\n  if (orders.state.current.delivery.type === 'courier') {\n    const distance = orderOrganization.value[0]?.distance || 0;\n    return Math.trunc(100 + 20 * distance - 7.5 * (distance / 10));\n  }\n  return 0;\n});\n\n// Computed property for total cost\nconst totalCost = computed(() => {\n  return deliveryCost.value + cartTotalPrice.value.value;\n});\n// Organization\nconst orderOrganization = ref({})\n\n\nonMounted(async()=> {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: globals.state.position?.location,\n\t})\n})\n///////////////////////////////////////////////////////////////////////////////////////////////////\n// WATCHERS\n///////////////////////////////////////////////////////////////////////////////////////////////////\nwatch(() => orders.state.current.delivery.address, async (newFilterValue, oldFilterValue) => {\n\torderOrganization.value = await organizations.actions.read({\n\t  _id: shopcart.state.organization,\n\t  location: orders.state.current.delivery.location,\n\t})\n}, { deep: true })\n/////////////////////////////\n// Store Verification\n/////////////////////////////\nconst errorName = computed(() => {\n  if (orders.state.current.customer.name?.length < 2) { return true } else { return false }\n});\n\nconst errorPhoneOrMessenger = computed(() => {\n  const hasMessengerType = orders.state.current.customer.messenger?.type;\n  const hasMessengerValue = orders.state.current.customer.messenger?.value?.length >\t 2;\n  const hasPhone = orders.state.current.customer.number?.length > 0;\n  // Ошибка, если нет ни номера телефона, ни корректного типа и значения мессенджера\n  return !hasPhone && !(hasMessengerType && hasMessengerValue);\n});\n\nconst errorAddress = computed(() => {\n\tlet error = orders.state.current.delivery.type !== \"Pickup\" && orders.state.current.delivery.address < 2\n  \n  if (error) { return  true } else { return false }\n});\n\nconst errorDelivery = computed(() => {\n  if (orders.state.current.delivery.type) {return false } else {return true } \n})\n\nconst errorPayment = computed(() => {\n  if (orders.state.current.payment.type) { return false } else {return true } \n})\n/////////////////////////////\n// Methods\n/////////////////////////////\nasync function handleCreate() {\n\n\torders.state.current.status = 'created';\n\n\torders.state.current.owner = {\n\t\ttarget: shopcart.state.organization,\n\t\ttype: 'organization'\n\t}\n\n\tif (auth.state.user._id) {\n\t\torders.state.current.creator = {\n\t\t\ttarget: auth.state.user._id,\n\t\t\ttype: 'User'\n\t\t}\n\t}\n\n\torders.state.current.positions = shopcart.state.positions\n\n \tconst referralCode = localStorage.getItem('referalCode');\n  \n  if (referralCode) {\n    orders.state.current.referralCode = referralCode;\n  }\n\n  let order = await orders.actions.create(orders.state.current);\n\n  if (order) {\n  \tshopcart.actions.resetShopcart()\n\n  \trouter.push({\n  \t\tname: 'Order Status',\n  \t\tparams: {\n  \t\t\torder: order._id\n  \t\t}\n  \t})\n  } else {\n  \talert('something wrong')\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.round-wrapper {\n\tposition: relative;\n\n\t.round {\n\t\tmargin: 0;\n\t\tmargin-right: 1rem;\n\t}\n\n\tinput:checked {\n\t\tbackground: #00ff88;\n\t}\n\n\t.round-checkmark {\n\t\tposition: absolute;\n\t\twidth: 0.5rem;\n\t\theight: 0.5rem;\n\t\tbackground: white;\n\n\t\tleft: 0.5rem;\n\t\ttop:  0.5rem;\n\n\t\topacity: 1;\n\t}\n}\n</style>"],"names":["orders.state","users.state","shopcart.getters","organizations.actions","shopcart.state","globals.state","auth.state","order","orders.actions","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Ic,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,QAAQ,SAAS,MAAMA,MAAa,OAAO;AACpC,aAAS,MAAMC,QAAY,OAAO;AAC/C,UAAM,iBAAiB,SAAS,MAAMC,QAAiB,cAAc;AACrE,UAAM,eAAe,SAAS,MAAM;;AAClC,UAAIF,MAAa,QAAQ,SAAS,SAAS,SAAU,QAAO;AAC5D,UAAIA,MAAa,QAAQ,SAAS,SAAS,OAAQ,QAAO;AAC1D,UAAIA,MAAa,QAAQ,SAAS,SAAS,WAAW;AACpD,cAAM,aAAW,uBAAkB,MAAM,CAAC,MAAzB,mBAA4B,aAAY;AACzD,eAAO,KAAK,MAAM,MAAM,KAAK,WAAW,OAAO,WAAW,GAAG;AAAA,MACjE;AACE,aAAO;AAAA,IACT,CAAC;AAGiB,aAAS,MAAM;AAC/B,aAAO,aAAa,QAAQ,eAAe,MAAM;AAAA,IACnD,CAAC;AAED,UAAM,oBAAoB,IAAI,CAAE,CAAA;AAGhC,cAAU,YAAU;;AACnB,wBAAkB,QAAQ,MAAMG,QAAsB,KAAK;AAAA,QACzD,KAAKC,QAAe;AAAA,QACpB,WAAUC,aAAc,aAAdA,mBAAwB;AAAA,MACnC,CAAA;AAAA,IACF,CAAC;AAID,UAAM,MAAML,MAAa,QAAQ,SAAS,SAAS,OAAO,gBAAgB,mBAAmB;AAC5F,wBAAkB,QAAQ,MAAMG,QAAsB,KAAK;AAAA,QACzD,KAAKC,QAAe;AAAA,QACpB,UAAUJ,MAAa,QAAQ,SAAS;AAAA,MACzC,CAAA;AAAA,IACF,GAAG,EAAE,MAAM,KAAM,CAAA;AAIjB,UAAM,YAAY,SAAS,MAAM;;AAC/B,YAAIA,WAAa,QAAQ,SAAS,SAA9BA,mBAAoC,UAAS,GAAG;AAAE,eAAO;AAAA,aAAY;AAAE,eAAO;AAAA,MAAK;AAAA,IACzF,CAAC;AAED,UAAM,wBAAwB,SAAS,MAAM;;AAC3C,YAAM,oBAAmBA,WAAa,QAAQ,SAAS,cAA9BA,mBAAyC;AAClE,YAAM,sBAAoBA,iBAAa,QAAQ,SAAS,cAA9BA,mBAAyC,UAAzCA,mBAAgD,UAAU;AACpF,YAAM,aAAWA,WAAa,QAAQ,SAAS,WAA9BA,mBAAsC,UAAS;AAEhE,aAAO,CAAC,YAAY,EAAE,oBAAoB;AAAA,IAC5C,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AACnC,UAAI,QAAQA,MAAa,QAAQ,SAAS,SAAS,YAAYA,MAAa,QAAQ,SAAS,UAAU;AAEtG,UAAI,OAAO;AAAE,eAAQ;AAAA,MAAM,OAAM;AAAE,eAAO;AAAA,MAAK;AAAA,IACjD,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAIA,MAAa,QAAQ,SAAS,MAAM;AAAC,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAIA,MAAa,QAAQ,QAAQ,MAAM;AAAE,eAAO;AAAA,MAAK,OAAQ;AAAC,eAAO;AAAA,MAAM;AAAA,IAC7E,CAAC;AAID,mBAAe,eAAe;AAE7BA,YAAa,QAAQ,SAAS;AAE9BA,YAAa,QAAQ,QAAQ;AAAA,QAC5B,QAAQI,QAAe;AAAA,QACvB,MAAM;AAAA,MACR;AAEC,UAAIE,QAAW,KAAK,KAAK;AACxBN,cAAa,QAAQ,UAAU;AAAA,UAC9B,QAAQM,QAAW,KAAK;AAAA,UACxB,MAAM;AAAA,QACT;AAAA,MACA;AAECN,YAAa,QAAQ,YAAYI,QAAe;AAE/C,YAAM,eAAe,aAAa,QAAQ,aAAa;AAEvD,UAAI,cAAc;AAChBJ,cAAa,QAAQ,eAAe;AAAA,MACxC;AAEE,UAAIO,SAAQ,MAAMC,UAAe,OAAOR,MAAa,OAAO;AAE5D,UAAIO,QAAO;AACVE,kBAAiB,cAAa;AAE9B,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,OAAOF,OAAM;AAAA,UAClB;AAAA,QACI,CAAA;AAAA,MACJ,OAAS;AACN,cAAM,iBAAiB;AAAA,MAC1B;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs

@@ -2,8 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                        */
-const Button = require("../../../../components/Button/Button.vue.cjs");
+;/* empty css                                       */
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");

package/dist/prometheus-framework/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrderCreateBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r h-max-100 flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              globals.actions.add(orders.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"product._id\"\n        :editable=\"true\" \n        :product=\"product\" \n        @increase=\"() => { globals.actions.increment(orders.state.current.positions, product) }\"\n        @decrease=\"() => { globals.actions.decrement(orders.state.current.positions, product) }\"\n        @remove=\"() => { globals.actions.delete(orders.state.current.positions, product) }\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"  \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Button from \"@pf/src/components/Button/Button.vue\";  \n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n\timport Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@pf/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  import customers from '@pf/src/modules/orders/store/customers.store';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Data\n  let order = ref(null)\n\n  function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Backoffice Orders', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n\n  onMounted(() => {\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["useRoute","useRouter","orders.mutations","orders.state","computed","ref","auth.state","orders.actions","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOE,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAEzBC,qBAAiB,WAAWC,OAAY,MAAC,OAAO;AAEjD,QAAI,iBAAiBC,IAAAA,SAAS,MAAM;AAClC,aAAO,OAAOD,OAAAA,MAAa,QAAQ,UAAU,OAAO,CAAC,OAAO,YAAY;AACtE,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MAC7C,GAAO,CAAC,CAAC;AAAA,IACT,CAAG;AAGD,UAAM,iBAAiBE,IAAG,IAAC,WAAW;AAGtC,UAAM,sBAAsBA,QAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,UAAM,sBAAsBA,QAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC7B;AAGWA,QAAAA,IAAI,IAAI;AAEpB,aAAS,WAAW;AAElBF,aAAY,MAAC,QAAQ,UAAU;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQG,KAAAA,MAAW,KAAK;AAAA,MACzB;AAEDH,aAAY,MAAC,QAAQ,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,QAAQ,MAAM,OAAO;AAAA,MACtB;AAEDA,aAAY,MAAC,QAAQ,WAAW;AAAA,QAC9B,MAAM;AAAA,QACN,QAAQA,OAAAA,MAAa,QAAQ,SAAS,OAAO;AAAA,MAC9C;AAEDI,qBAAe,OAAOJ,OAAY,MAAC,OAAO;AAAA,IAC3C;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;AAEDK,QAAAA,UAAU,MAAM;AAAA,IAKlB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrderCreateBackoffice.vue.cjs","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r h-max-100 flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              globals.actions.add(orders.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"product._id\"\n        :editable=\"true\" \n        :product=\"product\" \n        @increase=\"() => { globals.actions.increment(orders.state.current.positions, product) }\"\n        @decrease=\"() => { globals.actions.decrement(orders.state.current.positions, product) }\"\n        @remove=\"() => { globals.actions.delete(orders.state.current.positions, product) }\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"  \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Button from \"@pf/src/components/Button/Button.vue\";  \n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n\timport Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@pf/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  import customers from '@pf/src/modules/orders/store/customers.store';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Data\n  let order = ref(null)\n\n  function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Backoffice Orders', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n\n  onMounted(() => {\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["useRoute","useRouter","orders.mutations","orders.state","computed","ref","auth.state","orders.actions","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOE,UAAM,QAAQA,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAEvBC,qBAAiB,WAAWC,OAAAA,MAAa,OAAO;AAEjD,QAAI,iBAAiBC,IAAAA,SAAS,MAAM;AAClC,aAAO,OAAOD,OAAAA,MAAa,QAAQ,UAAU,OAAO,CAAC,OAAO,YAAY;AACtE,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MACxC,GAAE,CAAC,CAAC;AAAA,IACN,CAAA;AAGD,UAAM,iBAAiBE,IAAAA,IAAI,WAAW;AAGtC,UAAM,sBAAsBA,IAAG,IAAC,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,UAAM,sBAAsBA,IAAG,IAAC,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAGcA,QAAAA,IAAI,IAAI;AAEpB,aAAS,WAAW;AAElBF,aAAY,MAAC,QAAQ,UAAU;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQG,KAAU,MAAC,KAAK;AAAA,MAC9B;AAEIH,aAAY,MAAC,QAAQ,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,QAAQ,MAAM,OAAO;AAAA,MAC3B;AAEIA,aAAY,MAAC,QAAQ,WAAW;AAAA,QAC9B,MAAM;AAAA,QACN,QAAQA,OAAAA,MAAa,QAAQ,SAAS,OAAO;AAAA,MACnD;AAEII,qBAAe,OAAOJ,OAAAA,MAAa,OAAO;AAAA,IAC9C;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;AAEEK,QAAAA,UAAU,MAAM;AAAA,IAKf,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r h-max-100 flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              globals.actions.add(orders.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"product._id\"\n        :editable=\"true\" \n        :product=\"product\" \n        @increase=\"() => { globals.actions.increment(orders.state.current.positions, product) }\"\n        @decrease=\"() => { globals.actions.decrement(orders.state.current.positions, product) }\"\n        @remove=\"() => { globals.actions.delete(orders.state.current.positions, product) }\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"  \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Button from \"@pf/src/components/Button/Button.vue\";  \n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n\timport Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@pf/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  import customers from '@pf/src/modules/orders/store/customers.store';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Data\n  let order = ref(null)\n\n  function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Backoffice Orders', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n\n  onMounted(() => {\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","auth.state","orders.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOE,UAAM,QAAQ,SAAU;AACxB,UAAM,SAAS,UAAW;AAEzBA,cAAiB,WAAWC,MAAa,OAAO;AAEjD,QAAI,iBAAiB,SAAS,MAAM;AAClC,aAAO,OAAOA,MAAa,QAAQ,UAAU,OAAO,CAAC,OAAO,YAAY;AACtE,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MAC7C,GAAO,CAAC,CAAC;AAAA,IACT,CAAG;AAGD,UAAM,iBAAiB,IAAI,WAAW;AAGtC,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC7B;AAED,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC7B;AAGW,QAAI,IAAI;AAEpB,aAAS,WAAW;AAElBA,YAAa,QAAQ,UAAU;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQC,QAAW,KAAK;AAAA,MACzB;AAEDD,YAAa,QAAQ,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,QAAQ,MAAM,OAAO;AAAA,MACtB;AAEDA,YAAa,QAAQ,WAAW;AAAA,QAC9B,MAAM;AAAA,QACN,QAAQA,MAAa,QAAQ,SAAS,OAAO;AAAA,MAC9C;AAEDE,gBAAe,OAAOF,MAAa,OAAO;AAAA,IAC3C;AAED,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACP,CAAK;AAAA,IACF;AAED,cAAU,MAAM;AAAA,IAKlB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OrderCreateBackoffice.vue.js","sources":["../../../../../../../src/modules/orders/components/pages/OrderCreateBackoffice.vue"],"sourcesContent":["<template>\n  <div class=\"h-100 flex flex-column pd-thin\">\n    <Block class=\"mn-b-thin\">\n      <header class=\"flex-v-center flex-nowrap flex\">\n        <h2 class=\"mn-r-auto\">Create Order</h2>\n        <Button \n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"pd-small radius-big bg-main t-black uppercase t-medium\"\n        >\n          Add Order \n        </Button>\n      </header>\n    </Block>\n\n    <Tab \n      v-model:selected=\"tabOrderCreate\"\n      :tabs=\"[\n        {name: 'Positions', value: 'positions'},\n        {name: 'Customer', value: 'customer'},\n        {name: 'Delivery', value: 'delivery'},\n        {name: 'Payment', value: 'payment'}\n      ]\"\n      class=\"t-medium radius-medium bg-light mn-b-small\"\n    />\n\n    <Popup \n      @close-popup=\"closeProductsPopup\" \n      :isPopupOpen=\"isOpenProductsPopup\"\n      class=\"bg-white w-min-30r w-max-30r h-max-100 flex flex-column radius-big pd-medium pos-relative\"\n    >\n\n      <h3 class=\"mn-b-small\">Add to order</h3>\n\n      <div class=\"bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big\">\n        <Feed\n          :search=\"{\n            placeholder: 'Search products...',\n            class: 'bg-white mn-b-thin'\n          }\"\n          :states=\"{\n            empty: {\n              title: 'No Products Found',\n              description: 'Currently, there are no such products available.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => products.actions.read(options),\n            state: null\n          }\"\n          :options=\"{\n            organization: route.params._id\n          }\"\n          v-slot=\"{ \n            items \n          }\"\n          class=\"\"\n        >\n          <CardOrderItem\n            v-for=\"(product, index) in items\" :key=\"product._id\"\n            :editable=\"false\" \n            :product=\"product\" \n            @click=\"() => { \n              let p = { ...product };\n              p.quantity = 1;\n              globals.actions.add(orders.state.current.positions, p) \n              closeProductsPopup();\n            }\"\n            class=\"bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          />\n        </Feed>\n      </div>\n    </Popup>\n\n    <Block\n      v-if=\"tabOrderCreate === 'positions'\"\n      title=\"Positions\"\n      :actions=\"[{\n        label: '+',\n        function: () => openProductsPopup()\n      }]\"\n      class=\"mn-b-small\"\n    >\n      <span \n        v-if=\"orders.state.current.positions.length === 0\" \n        class=\"w-100\"\n      >\n        No positions added yet\n      </span> \n\n      <CardOrderItem\n        v-for=\"(product, index) in orders.state.current.positions\" \n        :key=\"product._id\"\n        :editable=\"true\" \n        :product=\"product\" \n        @increase=\"() => { globals.actions.increment(orders.state.current.positions, product) }\"\n        @decrease=\"() => { globals.actions.decrement(orders.state.current.positions, product) }\"\n        @remove=\"() => { globals.actions.delete(orders.state.current.positions, product) }\"\n        class=\"mn-b-thin pd-thin radius-medium bg-white\"\n      /> \n    </Block>\n\n    <Block\n      v-if=\"tabOrderCreate === 'customer'\"\n      title=\"Customer\"\n      class=\"mn-b-semi\"\n      :actions=\"[{\n        label: '+',\n        function: () => openCustomerPopup()\n      }]\"\n    >\n      <CardUser\n        v-if=\"orders.state.current.customer._id\"\n        :user=\"orders.state.current.customer\"\n        :photo=\"orders.state.current.customer.profile.photo\"\n        :name=\"orders.state.current.customer.profile.name || orders.state.current.customer.phone || orders.state.current.customer.email\"\n        @click=\"() => { \n          orders.mutations.resetCustomer(orders.state.current.customer)\n        }\"\n        class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n      />\n      <Feed\n        v-else\n        :search=\"{\n          placeholder: 'Search customer...',\n          class: 'bg-white mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no such products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => customers.read(options),\n          state: null\n        }\"\n        :options=\"{\n          owner: route.params._id\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            orders.state.current.customer = user\n          }\"\n          class=\"bg-white pd-thin h-4r radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n      \n    </Block>\n\n    <FormDelivery  \n      v-if=\"tabOrderCreate === 'delivery'\" \n      :order=\"orders.state.current\"  \n    />\n\n    <FormPayment  \n      v-if=\"tabOrderCreate === 'payment'\"\n      :order=\"orders.state.current\"  \n    />\n\n    <Popup \n      title=\"Add customer\" \n      @close-popup=\"closeCustomerPopup\" \n      :isPopupOpen=\"isOpenCustomerPopup\"\n      :class=\"'bg-white w-min-30r w-max-30r radius-big pd-medium'\"\n    >\n      <FormAddCustomer \n        @callbackCustomer=\"closeCustomerPopup\"\n      />\n    </Popup>\n\n    <Block\n      class=\"mn-b-semi\"\n    >\n      <div class=\"h3 flex\">\n        <span class=\"mn-r-auto t-transp\">In total</span>\n        <span>{{ cartTotalPrice }} {{returnCurrency()}} </span  >\n      </div>\n    </Block>\n</div>\n\n\n</template>\n\n<script setup=\"props\">\n  import { computed, ref, defineProps, onMounted, reactive, toRefs, watch } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n\n\n  import Field from '@pf/src/components/Field/Field.vue'\n  import Button from \"@pf/src/components/Button/Button.vue\";  \n  import Tab from '@pf/src/components/Tab/Tab.vue'\n  import Popup from '@pf/src/components/Popup/Popup.vue';\n\timport Block from '@pf/src/components/Block/Block.vue';\n  import Feed from '@pf/src/components/Feed/Feed.vue'\n\n  import CardOrderItem  from '@pf/src/modules/orders/components/blocks/CardOrderItem.vue'\n  import CardPosition from '@pf/src/modules/products/components/blocks/CardPosition.vue';\n  import CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\n  import BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\n  import FormAddCustomer from '@pf/src/modules/orders/components/sections/FormAddCustomer.vue'\n  import FormDelivery from '@pf/src/modules/orders/components/sections/FormDelivery.vue'\n  import FormPayment from '@pf/src/modules/orders/components/sections/FormPayment.vue'\n\n  // Import your store\n  import * as globals from '@pf/src/modules/globals/views/store/globals';\n  import * as auth from '@pf/src/modules/auth/views/store/auth';\n  import * as orders from '@pf/src/modules/orders/store/orders';\n  import * as products from '@pf/src/modules/products/store/products';\n\n  import customers from '@pf/src/modules/orders/store/customers.store';\n\t\n  // Accessing router\n  const route = useRoute()\n  const router = useRouter()\n\n   orders.mutations.resetOrder(orders.state.current)\n\n  let cartTotalPrice = computed(() => {\n    return Number(orders.state.current.positions.reduce((total, product) => {\n      return total + product.price * product.quantity;\n    }, 0));\n  })\n\n  // Tab\n  const tabOrderCreate = ref('positions')\n\n  // Popup\n  const isOpenProductsPopup = ref(false);\n\n  function openProductsPopup() {\n    isOpenProductsPopup.value = true;\n  }\n\n  function closeProductsPopup() {\n    isOpenProductsPopup.value = false;\n  }\n\n  const isOpenCustomerPopup = ref(false);\n\n  function openCustomerPopup() {\n    isOpenCustomerPopup.value = true;\n  }\n\n  function closeCustomerPopup() {\n    isOpenCustomerPopup.value = false;\n  }\n\n  // Data\n  let order = ref(null)\n\n  function onSubmit() {\n\n    orders.state.current.creator = {\n      type: 'User',\n      target: auth.state.user._id\n    }\n\n    orders.state.current.owner = {\n      type: 'Organization',\n      target: route.params._id,\n    }\n\n    orders.state.current.customer = {\n      type: 'Customer',\n      target: orders.state.current.customer._id || null,\n    }\n\n    orders.actions.create(orders.state.current)\n  }\n\n  function redirectTo () {\n    router.push({\n      name: 'Backoffice Orders', \n      params: { \n        _id: route.params._id\n      } \n    })\n  }\n\n  onMounted(() => {\n\n    // await orders.actions.fetchOrder(route.params.id) // Implement this action in your store\n\n    // order.value = orders.state.current\n  })\n\n</script>\n\n\n<style lang=\"scss\">\n\n.vue-select {\n  width: inherit;\n\n  margin-right: 1rem;\n}\n.vue-select-header {\n  height: 3rem;\n}\n</style>\n"],"names":["orders.mutations","orders.state","auth.state","orders.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAEvBA,cAAiB,WAAWC,MAAa,OAAO;AAEjD,QAAI,iBAAiB,SAAS,MAAM;AAClC,aAAO,OAAOA,MAAa,QAAQ,UAAU,OAAO,CAAC,OAAO,YAAY;AACtE,eAAO,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,MACxC,GAAE,CAAC,CAAC;AAAA,IACN,CAAA;AAGD,UAAM,iBAAiB,IAAI,WAAW;AAGtC,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,UAAM,sBAAsB,IAAI,KAAK;AAErC,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAChC;AAEE,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAChC;AAGc,QAAI,IAAI;AAEpB,aAAS,WAAW;AAElBA,YAAa,QAAQ,UAAU;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQC,QAAW,KAAK;AAAA,MAC9B;AAEID,YAAa,QAAQ,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,QAAQ,MAAM,OAAO;AAAA,MAC3B;AAEIA,YAAa,QAAQ,WAAW;AAAA,QAC9B,MAAM;AAAA,QACN,QAAQA,MAAa,QAAQ,SAAS,OAAO;AAAA,MACnD;AAEIE,gBAAe,OAAOF,MAAa,OAAO;AAAA,IAC9C;AAEE,aAAS,aAAc;AACrB,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAK,MAAM,OAAO;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,IACL;AAEE,cAAU,MAAM;AAAA,IAKf,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, createTextVNode, Transition, createCommentVNode, withModifiers } from "vue";
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, createCommentVNode, createTextVNode, Transition, withModifiers } from "vue";
 import { useRoute, useRouter } from "vue-router";
 /* empty css                                 */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";

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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/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-4 transition-cubic pd-big 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-small 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=\"button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"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      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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        <p class=\"t-transp mn-b-micro\">{{ t('intotal') }}</p>\n        <p class=\"t-demi p-big\">{{cartTotalPrice}} {{returnCurrency()}}</p>\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  </section>\n  <!-- ---------------------------------------------------------------- -->\n  <!-- 04. Color Overlay  -->\n  <!-- ---------------------------------------------------------------- -->\n  <div \n    @click=\"shopcart.actions.toggleShopcart\" \n    :class=\"{'active':shopcart.state.currentState === true}\" \n    class=\"color-overlay z-index-3\">\n  </div>\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 '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\n\n  import * as shopcart from '@pf/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    router.push({name: 'Form Order'})\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","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEgBA,uBAAU;AACxB,UAAM,SAASC,UAAAA,UAAW;AAE1B,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,QACZ;AAAA,MACF;AAAA,IACF;AAED,UAAM,EAAE,EAAC,IAAKC,QAAO,QAAC,IAAI;AAI1B,aAAS,YAAY;AAGnB,aAAO,KAAK,EAAC,MAAM,aAAY,CAAC;AAChCC,eAAgB,QAAC,eAAc;AAAA,IAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ShopCart.vue.cjs","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-4 transition-cubic pd-big 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-small 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=\"button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"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      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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        <p class=\"t-transp mn-b-micro\">{{ t('intotal') }}</p>\n        <p class=\"t-demi p-big\">{{cartTotalPrice}} {{returnCurrency()}}</p>\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  </section>\n  <!-- ---------------------------------------------------------------- -->\n  <!-- 04. Color Overlay  -->\n  <!-- ---------------------------------------------------------------- -->\n  <div \n    @click=\"shopcart.actions.toggleShopcart\" \n    :class=\"{'active':shopcart.state.currentState === true}\" \n    class=\"color-overlay z-index-3\">\n  </div>\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 '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\n\n  import * as shopcart from '@pf/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    router.push({name: 'Form Order'})\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","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEgBA,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,aAAO,KAAK,EAAC,MAAM,aAAY,CAAC;AAChCC,eAAAA,QAAiB,eAAgB;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/partials/ShopCart.vue.js

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, toDisplayString, unref, createVNode, createCommentVNode, renderList, createBlock } from "vue";
+import { createElementBlock, openBlock, Fragment, createElementVNode, normalizeClass, createVNode, toDisplayString, unref, createCommentVNode, renderList, createBlock } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../blocks/CardOrderItem.vue.js";

package/dist/prometheus-framework/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-4 transition-cubic pd-big 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-small 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=\"button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"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      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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        <p class=\"t-transp mn-b-micro\">{{ t('intotal') }}</p>\n        <p class=\"t-demi p-big\">{{cartTotalPrice}} {{returnCurrency()}}</p>\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  </section>\n  <!-- ---------------------------------------------------------------- -->\n  <!-- 04. Color Overlay  -->\n  <!-- ---------------------------------------------------------------- -->\n  <div \n    @click=\"shopcart.actions.toggleShopcart\" \n    :class=\"{'active':shopcart.state.currentState === true}\" \n    class=\"color-overlay z-index-3\">\n  </div>\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 '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\n\n  import * as shopcart from '@pf/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    router.push({name: 'Form Order'})\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","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsEgB,aAAU;AACxB,UAAM,SAAS,UAAW;AAE1B,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,QACZ;AAAA,MACF;AAAA,IACF;AAED,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;AAI1B,aAAS,YAAY;AAGnB,aAAO,KAAK,EAAC,MAAM,aAAY,CAAC;AAChCC,cAAiB,eAAc;AAAA,IAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ShopCart.vue.js","sources":["../../../../../../../src/modules/orders/components/partials/ShopCart.vue"],"sourcesContent":["<template>\n\t<section class=\"z-index-4 transition-cubic pd-big 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-small 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=\"button-icon\"/>\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 02. Popup Content  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div class=\"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      />\n    </div>\n    <!-- ---------------------------------------------------------------- -->\n    <!-- 03. Footer  -->\n    <!-- ---------------------------------------------------------------- -->\n    <div  class=\"shopcart-footer 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        <p class=\"t-transp mn-b-micro\">{{ t('intotal') }}</p>\n        <p class=\"t-demi p-big\">{{cartTotalPrice}} {{returnCurrency()}}</p>\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  </section>\n  <!-- ---------------------------------------------------------------- -->\n  <!-- 04. Color Overlay  -->\n  <!-- ---------------------------------------------------------------- -->\n  <div \n    @click=\"shopcart.actions.toggleShopcart\" \n    :class=\"{'active':shopcart.state.currentState === true}\" \n    class=\"color-overlay z-index-3\">\n  </div>\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 '@pf/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import IconCross from '@pf/src/modules/icons/navigation/IconCross.vue';\n\n\n  import * as shopcart from '@pf/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    router.push({name: 'Form Order'})\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","shopcart.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsEgB,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,aAAO,KAAK,EAAC,MAAM,aAAY,CAAC;AAChCC,cAAiB,eAAgB;AAAA,IACrC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,IAAG,IAAC,IAAI;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { ref, unref, openBlock, createElementBlock, createElementVNode, createCommentVNode } from "vue";
+import { ref, createElementBlock, createCommentVNode, unref, openBlock, createElementVNode } from "vue";
 const _hoisted_1 = {
   key: 0,
   class: "bg-black t-white pd-big radius-big flex-v-center flex-nowrap flex"

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

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock } from "vue";
+import { createElementBlock, openBlock } from "vue";
 const _hoisted_1 = { class: "" };
 const _sfc_main = {
   __name: "EmptyState",

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                                          */
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue2.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const FormCustomerDetails = require("./FormCustomerDetails.vue.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"FormAddCustomer.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n  <Block class=\"pos-relative mn-b-thin\">\n    <BlockSearch \n      v-click-outside=\"() => {searchUserShow = false}\" \n      v-if=\"!dataCustomer.user\"\n      @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n      placeholder=\"Enter name, phone or email\"\n      class=\"bg-white\"\n    />\n    <CardUser\n      v-else\n      :user=\"dataCustomer.user\"\n      :photo=\"dataCustomer.user.profile.photo\"\n      :name=\"dataCustomer.user.profile.name || dataCustomer.user.phone || dataCustomer.user.email\"\n      @click=\"() => { \n        dataCustomer.user = null\n      }\"\n      class=\"bg-white h-2r pd-thin radius-medium w-100\"\n    />\n\n    <div \n      v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n      class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n    \">\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No User Found',\n            description: 'Currently, there are no such user.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => users.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          search: searchUser\n        }\"\n        :showLoadMore=\"false\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            dataCustomer.user = user\n            dataCustomer.profile = user.profile\n            dataCustomer.phone = user.phone\n            dataCustomer.email = user.email\n            dataCustomer.socials = user.socials\n          }\"\n          class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </div>\n  </Block>\n\n  <FormCustomerDetails\n    :customer=\"dataCustomer\"  \n    class=\"mn-b-thin bg-light\"\n  />\n\n  <Button \n    :submit=\"addCustomer\"\n    :callback=\"callbackCustomer\"\n    @error=\"setError\"\n    class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n  >\n    Add Customer \n  </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Select from '@pf/src/components/Select/Select.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n\nimport BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@pf/src/modules/auth/views/store/users';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nimport { setError } from '@pf/src/modules/globals/views/store/globals'\n\nimport customers from '@pf/src/modules/orders/store/customers.store';\nimport customerInitState from \"@pf/src/modules/orders/store/models/customer\"\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n  order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n  let customerData = {\n    identity: {\n      type: dataCustomer.value.user ? 'User' : 'Visitor',\n      target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n    },\n    owner: {\n      type: 'Organization',\n      target: route.params._id\n    },\n    creator: {\n      type: 'User',\n      target: auth.state.user._id\n    },\n    phone: dataCustomer.value.phone,\n    email: dataCustomer.value.email,\n    profile: dataCustomer.value.profile,\n    socials: dataCustomer.value.socials\n  }\n\n  try { \n    let customer = await customers.create(customerData)\n    \n    dataCustomer.value = customer\n  } catch(err) {\n    console.log(err)\n  }\n}\n\nfunction callbackCustomer() {\n  emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["clickOutside","useRoute","ref","customerInitState","auth.state","customer","customers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,QAAI,gBAAgBA,aAAY;AAMhC,UAAM,QAAQ;AAEd,UAAM,QAAQC,UAAAA,SAAU;AAExB,QAAI,eAAeC,IAAG,IAACC,gBAAiB;AAExC,QAAI,aAAaD,IAAG,IAAC,IAAI;AACzB,QAAI,iBAAiBA,IAAG,IAAC,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,QACjE;AAAA,QACD,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QACtB;AAAA,QACD,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQE,KAAAA,MAAW,KAAK;AAAA,QACzB;AAAA,QACD,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAC7B;AAED,UAAI;AACF,YAAIC,YAAW,MAAMC,wBAAU,OAAO,YAAY;AAElD,qBAAa,QAAQD;AAAA,MACtB,SAAO,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,MAChB;AAAA,IACH;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormAddCustomer.vue.cjs","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n  <Block class=\"pos-relative mn-b-thin\">\n    <BlockSearch \n      v-click-outside=\"() => {searchUserShow = false}\" \n      v-if=\"!dataCustomer.user\"\n      @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n      placeholder=\"Enter name, phone or email\"\n      class=\"bg-white\"\n    />\n    <CardUser\n      v-else\n      :user=\"dataCustomer.user\"\n      :photo=\"dataCustomer.user.profile.photo\"\n      :name=\"dataCustomer.user.profile.name || dataCustomer.user.phone || dataCustomer.user.email\"\n      @click=\"() => { \n        dataCustomer.user = null\n      }\"\n      class=\"bg-white h-2r pd-thin radius-medium w-100\"\n    />\n\n    <div \n      v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n      class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n    \">\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No User Found',\n            description: 'Currently, there are no such user.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => users.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          search: searchUser\n        }\"\n        :showLoadMore=\"false\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            dataCustomer.user = user\n            dataCustomer.profile = user.profile\n            dataCustomer.phone = user.phone\n            dataCustomer.email = user.email\n            dataCustomer.socials = user.socials\n          }\"\n          class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </div>\n  </Block>\n\n  <FormCustomerDetails\n    :customer=\"dataCustomer\"  \n    class=\"mn-b-thin bg-light\"\n  />\n\n  <Button \n    :submit=\"addCustomer\"\n    :callback=\"callbackCustomer\"\n    @error=\"setError\"\n    class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n  >\n    Add Customer \n  </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Select from '@pf/src/components/Select/Select.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n\nimport BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@pf/src/modules/auth/views/store/users';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nimport { setError } from '@pf/src/modules/globals/views/store/globals'\n\nimport customers from '@pf/src/modules/orders/store/customers.store';\nimport customerInitState from \"@pf/src/modules/orders/store/models/customer\"\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n  order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n  let customerData = {\n    identity: {\n      type: dataCustomer.value.user ? 'User' : 'Visitor',\n      target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n    },\n    owner: {\n      type: 'Organization',\n      target: route.params._id\n    },\n    creator: {\n      type: 'User',\n      target: auth.state.user._id\n    },\n    phone: dataCustomer.value.phone,\n    email: dataCustomer.value.email,\n    profile: dataCustomer.value.profile,\n    socials: dataCustomer.value.socials\n  }\n\n  try { \n    let customer = await customers.create(customerData)\n    \n    dataCustomer.value = customer\n  } catch(err) {\n    console.log(err)\n  }\n}\n\nfunction callbackCustomer() {\n  emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["clickOutside","useRoute","ref","customerInitState","auth.state","customer","customers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,QAAI,gBAAgBA,aAAAA;AAMpB,UAAM,QAAQ;AAEd,UAAM,QAAQC,UAAQ,SAAA;AAEtB,QAAI,eAAeC,IAAG,IAACC,SAAiB,OAAA;AAExC,QAAI,aAAaD,IAAG,IAAC,IAAI;AACzB,QAAI,iBAAiBA,IAAG,IAAC,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,QACjE;AAAA,QACD,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QACtB;AAAA,QACD,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQE,KAAU,MAAC,KAAK;AAAA,QACzB;AAAA,QACD,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAChC;AAEE,UAAI;AACF,YAAIC,YAAW,MAAMC,wBAAU,OAAO,YAAY;AAElD,qBAAa,QAAQD;AAAA,MACtB,SAAO,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,MACnB;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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 { ref, createElementBlock, openBlock, Fragment, createVNode, withCtx, withDirectives, createBlock, createCommentVNode, unref, isRef, renderList, 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                                        */
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$5 from "./FormCustomerDetails.vue.js";

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

@@ -1 +1 @@
-{"version":3,"file":"FormAddCustomer.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n  <Block class=\"pos-relative mn-b-thin\">\n    <BlockSearch \n      v-click-outside=\"() => {searchUserShow = false}\" \n      v-if=\"!dataCustomer.user\"\n      @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n      placeholder=\"Enter name, phone or email\"\n      class=\"bg-white\"\n    />\n    <CardUser\n      v-else\n      :user=\"dataCustomer.user\"\n      :photo=\"dataCustomer.user.profile.photo\"\n      :name=\"dataCustomer.user.profile.name || dataCustomer.user.phone || dataCustomer.user.email\"\n      @click=\"() => { \n        dataCustomer.user = null\n      }\"\n      class=\"bg-white h-2r pd-thin radius-medium w-100\"\n    />\n\n    <div \n      v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n      class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n    \">\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No User Found',\n            description: 'Currently, there are no such user.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => users.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          search: searchUser\n        }\"\n        :showLoadMore=\"false\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            dataCustomer.user = user\n            dataCustomer.profile = user.profile\n            dataCustomer.phone = user.phone\n            dataCustomer.email = user.email\n            dataCustomer.socials = user.socials\n          }\"\n          class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </div>\n  </Block>\n\n  <FormCustomerDetails\n    :customer=\"dataCustomer\"  \n    class=\"mn-b-thin bg-light\"\n  />\n\n  <Button \n    :submit=\"addCustomer\"\n    :callback=\"callbackCustomer\"\n    @error=\"setError\"\n    class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n  >\n    Add Customer \n  </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Select from '@pf/src/components/Select/Select.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n\nimport BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@pf/src/modules/auth/views/store/users';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nimport { setError } from '@pf/src/modules/globals/views/store/globals'\n\nimport customers from '@pf/src/modules/orders/store/customers.store';\nimport customerInitState from \"@pf/src/modules/orders/store/models/customer\"\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n  order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n  let customerData = {\n    identity: {\n      type: dataCustomer.value.user ? 'User' : 'Visitor',\n      target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n    },\n    owner: {\n      type: 'Organization',\n      target: route.params._id\n    },\n    creator: {\n      type: 'User',\n      target: auth.state.user._id\n    },\n    phone: dataCustomer.value.phone,\n    email: dataCustomer.value.email,\n    profile: dataCustomer.value.profile,\n    socials: dataCustomer.value.socials\n  }\n\n  try { \n    let customer = await customers.create(customerData)\n    \n    dataCustomer.value = customer\n  } catch(err) {\n    console.log(err)\n  }\n}\n\nfunction callbackCustomer() {\n  emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,QAAI,gBAAgB;AAMpB,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAU;AAExB,QAAI,eAAe,IAAI,iBAAiB;AAExC,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,QACjE;AAAA,QACD,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QACtB;AAAA,QACD,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QACzB;AAAA,QACD,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAC7B;AAED,UAAI;AACF,YAAI,WAAW,MAAM,UAAU,OAAO,YAAY;AAElD,qBAAa,QAAQ;AAAA,MACtB,SAAO,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,MAChB;AAAA,IACH;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FormAddCustomer.vue.js","sources":["../../../../../../../src/modules/orders/components/sections/FormAddCustomer.vue"],"sourcesContent":["<template>\n  <Block class=\"pos-relative mn-b-thin\">\n    <BlockSearch \n      v-click-outside=\"() => {searchUserShow = false}\" \n      v-if=\"!dataCustomer.user\"\n      @search=\"(event) => { searchUser = event; searchUserShow = true }\"\n      placeholder=\"Enter name, phone or email\"\n      class=\"bg-white\"\n    />\n    <CardUser\n      v-else\n      :user=\"dataCustomer.user\"\n      :photo=\"dataCustomer.user.profile.photo\"\n      :name=\"dataCustomer.user.profile.name || dataCustomer.user.phone || dataCustomer.user.email\"\n      @click=\"() => { \n        dataCustomer.user = null\n      }\"\n      class=\"bg-white h-2r pd-thin radius-medium w-100\"\n    />\n\n    <div \n      v-if=\"searchUser && searchUserShow && !dataCustomer.user \" \n      class=\"mn-t-thin pos-absolute w-100 pos-t-100 pos-l-0 z-index-3 bg-light pd-small radius-small\n    \">\n      <Feed\n        :states=\"{\n          empty: {\n            title: 'No User Found',\n            description: 'Currently, there are no such user.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => users.actions.read(options),\n          state: null\n        }\"\n        :options=\"{\n          search: searchUser\n        }\"\n        :showLoadMore=\"false\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" :key=\"user._id\"\n          :user=\"user\"\n          :photo=\"user.profile.photo\"\n          :name=\"user.profile.name || user.phone || user.email\"\n          @click=\"() => { \n            dataCustomer.user = user\n            dataCustomer.profile = user.profile\n            dataCustomer.phone = user.phone\n            dataCustomer.email = user.email\n            dataCustomer.socials = user.socials\n          }\"\n          class=\"bg-white h-2r pd-thin radius-medium w-100 mn-b-thin\"\n        />\n      </Feed>\n    </div>\n  </Block>\n\n  <FormCustomerDetails\n    :customer=\"dataCustomer\"  \n    class=\"mn-b-thin bg-light\"\n  />\n\n  <Button \n    :submit=\"addCustomer\"\n    :callback=\"callbackCustomer\"\n    @error=\"setError\"\n    class=\"w-100 pd-small radius-big bg-main t-black uppercase t-medium\"\n  >\n    Add Customer \n  </Button>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport { useRoute, useRouter } from 'vue-router'\n\nimport Block from '@pf/src/components/Block/Block.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Select from '@pf/src/components/Select/Select.vue'\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n\nimport BlockSearch from '@pf/src/modules/globals/views/components/blocks/BlockSearch.vue'\n\nimport CardUser from '@pf/src/modules/auth/views/components/blocks/CardUser.vue'\n\nimport FormCustomerDetails from '@pf/src/modules/orders/components/sections/FormCustomerDetails.vue'\n\nimport * as users from '@pf/src/modules/auth/views/store/users';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\n\nimport { setError } from '@pf/src/modules/globals/views/store/globals'\n\nimport customers from '@pf/src/modules/orders/store/customers.store';\nimport customerInitState from \"@pf/src/modules/orders/store/models/customer\"\n\nimport clickOutside from '@pf/src/components/FieldPhone/click-outside';\n\n// Directives\nlet vClickOutside = clickOutside\n// Props\nconst props = defineProps({\n  order: Object,\n});\n// Emits\nconst emits = defineEmits(['callbackCustomer']);\n// Router\nconst route = useRoute()\n\nlet dataCustomer = ref(customerInitState)\n\nlet searchUser = ref(null)\nlet searchUserShow = ref(false)\n\nasync function addCustomer() {\n  let customerData = {\n    identity: {\n      type: dataCustomer.value.user ? 'User' : 'Visitor',\n      target: dataCustomer.value.user ? dataCustomer.value.user._id : null\n    },\n    owner: {\n      type: 'Organization',\n      target: route.params._id\n    },\n    creator: {\n      type: 'User',\n      target: auth.state.user._id\n    },\n    phone: dataCustomer.value.phone,\n    email: dataCustomer.value.email,\n    profile: dataCustomer.value.profile,\n    socials: dataCustomer.value.socials\n  }\n\n  try { \n    let customer = await customers.create(customerData)\n    \n    dataCustomer.value = customer\n  } catch(err) {\n    console.log(err)\n  }\n}\n\nfunction callbackCustomer() {\n  emits('callbackCustomer', dataCustomer.value)\n}\n</script>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,QAAI,gBAAgB;AAMpB,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AAEtB,QAAI,eAAe,IAAI,iBAAiB;AAExC,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,iBAAiB,IAAI,KAAK;AAE9B,mBAAe,cAAc;AAC3B,UAAI,eAAe;AAAA,QACjB,UAAU;AAAA,UACR,MAAM,aAAa,MAAM,OAAO,SAAS;AAAA,UACzC,QAAQ,aAAa,MAAM,OAAO,aAAa,MAAM,KAAK,MAAM;AAAA,QACjE;AAAA,QACD,OAAO;AAAA,UACL,MAAM;AAAA,UACN,QAAQ,MAAM,OAAO;AAAA,QACtB;AAAA,QACD,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQA,MAAW,KAAK;AAAA,QACzB;AAAA,QACD,OAAO,aAAa,MAAM;AAAA,QAC1B,OAAO,aAAa,MAAM;AAAA,QAC1B,SAAS,aAAa,MAAM;AAAA,QAC5B,SAAS,aAAa,MAAM;AAAA,MAChC;AAEE,UAAI;AACF,YAAI,WAAW,MAAM,UAAU,OAAO,YAAY;AAElD,qBAAa,QAAQ;AAAA,MACtB,SAAO,KAAK;AACX,gBAAQ,IAAI,GAAG;AAAA,MACnB;AAAA,IACA;AAEA,aAAS,mBAAmB;AAC1B,YAAM,oBAAoB,aAAa,KAAK;AAAA,IAC9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}