npm - @ozdao/prometheus-framework - Versions diffs - 0.2.241 → 0.2.243 - Mend

@ozdao/prometheus-framework 0.2.241 → 0.2.243

Files changed (613) hide show

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

	@@ -1 +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/users/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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/users/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":"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"}

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

@@ -2,14 +2,14 @@
 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.vue2.cjs");
-const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+;/* empty css                                        */
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Tab = require("../../../../components/Tab/Tab.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
-;/* empty css                                          */
+;/* empty css                                         */
 ;/* empty css                                                    */
 const CardUser = require("../../../users/components/blocks/CardUser.vue.cjs");
 const FormAddCustomer = require("../sections/FormAddCustomer.vue.cjs");
@@ -23,15 +23,12 @@ const customers_store = require("../../store/customers.store.cjs");
 ;/* empty css                             */
 const _hoisted_1 = { class: "h-100 flex flex-column pd-thin" };
 const _hoisted_2 = { class: "flex-v-center flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-auto" }, "Create Order", -1);
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("h3", { class: "mn-b-small" }, "Add to order", -1);
-const _hoisted_5 = { class: "bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big" };
-const _hoisted_6 = {
+const _hoisted_3 = { class: "bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big" };
+const _hoisted_4 = {
   key: 0,
   class: "w-100"
 };
-const _hoisted_7 = { class: "h3 flex" };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("span", { class: "mn-r-auto t-transp" }, "In total", -1);
+const _hoisted_5 = { class: "h3 flex" };
 const _sfc_main = {
   __name: "OrderCreateBackoffice",
   setup(__props) {
@@ -89,15 +86,15 @@ const _sfc_main = {
         vue.createVNode(Block.default, { class: "mn-b-thin" }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("header", _hoisted_2, [
-              _hoisted_3,
+              _cache[3] || (_cache[3] = vue.createElementVNode("h2", { class: "mn-r-auto" }, "Create Order", -1)),
               vue.createVNode(Button.default, {
                 submit: onSubmit,
                 callback: redirectTo,
                 class: "pd-small radius-big bg-main t-black uppercase t-medium"
               }, {
-                default: vue.withCtx(() => [
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                   vue.createTextVNode(" Add Order ")
-                ]),
+                ])),
                 _: 1
               })
             ])
@@ -121,8 +118,8 @@ const _sfc_main = {
           class: "bg-white w-min-30r w-max-30r h-max-100 flex flex-column radius-big pd-medium pos-relative"
         }, {
           default: vue.withCtx(() => [
-            _hoisted_4,
-            vue.createElementVNode("div", _hoisted_5, [
+            _cache[4] || (_cache[4] = vue.createElementVNode("h3", { class: "mn-b-small" }, "Add to order", -1)),
+            vue.createElementVNode("div", _hoisted_3, [
               vue.createVNode(Feed.default, {
                 search: {
                   placeholder: "Search products...",
@@ -177,7 +174,7 @@ const _sfc_main = {
           class: "mn-b-small"
         }, {
           default: vue.withCtx(() => [
-            orders.state.current.positions.length === 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " No positions added yet ")) : vue.createCommentVNode("", true),
+            orders.state.current.positions.length === 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, " No positions added yet ")) : vue.createCommentVNode("", true),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(orders.state.current.positions, (product, index) => {
               return vue.openBlock(), vue.createBlock(CardOrderItem.default, {
                 key: product._id,
@@ -280,8 +277,8 @@ const _sfc_main = {
         }, 8, ["isPopupOpen"]),
         vue.createVNode(Block.default, { class: "mn-b-semi" }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_7, [
-              _hoisted_8,
+            vue.createElementVNode("div", _hoisted_5, [
+              _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "mn-r-auto t-transp" }, "In total", -1)),
               vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(cartTotalPrice)) + " " + vue.toDisplayString(_ctx.returnCurrency()), 1)
             ])
           ]),

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

	@@ -1 +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/users/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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/users/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,13 +1,13 @@
 import { computed, ref, onMounted, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, createTextVNode, unref, Fragment, renderList, createBlock, createCommentVNode, normalizeClass, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
-/* 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";
+/* empty css                                      */
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../blocks/CardOrderItem.vue.js";
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                                  */
 import _sfc_main$7 from "../../../users/components/blocks/CardUser.vue.js";
 import _sfc_main$a from "../sections/FormAddCustomer.vue.js";
@@ -21,15 +21,12 @@ import customers from "../../store/customers.store.js";
 /* empty css                           */
 const _hoisted_1 = { class: "h-100 flex flex-column pd-thin" };
 const _hoisted_2 = { class: "flex-v-center flex-nowrap flex" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("h2", { class: "mn-r-auto" }, "Create Order", -1);
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("h3", { class: "mn-b-small" }, "Add to order", -1);
-const _hoisted_5 = { class: "bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big" };
-const _hoisted_6 = {
+const _hoisted_3 = { class: "bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big" };
+const _hoisted_4 = {
   key: 0,
   class: "w-100"
 };
-const _hoisted_7 = { class: "h3 flex" };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { class: "mn-r-auto t-transp" }, "In total", -1);
+const _hoisted_5 = { class: "h3 flex" };
 const _sfc_main = {
   __name: "OrderCreateBackoffice",
   setup(__props) {
@@ -87,15 +84,15 @@ const _sfc_main = {
         createVNode(_sfc_main$1, { class: "mn-b-thin" }, {
           default: withCtx(() => [
             createElementVNode("header", _hoisted_2, [
-              _hoisted_3,
+              _cache[3] || (_cache[3] = createElementVNode("h2", { class: "mn-r-auto" }, "Create Order", -1)),
               createVNode(_sfc_main$2, {
                 submit: onSubmit,
                 callback: redirectTo,
                 class: "pd-small radius-big bg-main t-black uppercase t-medium"
               }, {
-                default: withCtx(() => [
+                default: withCtx(() => _cache[2] || (_cache[2] = [
                   createTextVNode(" Add Order ")
-                ]),
+                ])),
                 _: 1
               })
             ])
@@ -119,8 +116,8 @@ const _sfc_main = {
           class: "bg-white w-min-30r w-max-30r h-max-100 flex flex-column radius-big pd-medium pos-relative"
         }, {
           default: withCtx(() => [
-            _hoisted_4,
-            createElementVNode("div", _hoisted_5, [
+            _cache[4] || (_cache[4] = createElementVNode("h3", { class: "mn-b-small" }, "Add to order", -1)),
+            createElementVNode("div", _hoisted_3, [
               createVNode(_sfc_main$5, {
                 search: {
                   placeholder: "Search products...",
@@ -175,7 +172,7 @@ const _sfc_main = {
           class: "mn-b-small"
         }, {
           default: withCtx(() => [
-            state.current.positions.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_6, " No positions added yet ")) : createCommentVNode("", true),
+            state.current.positions.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_4, " No positions added yet ")) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.positions, (product, index) => {
               return openBlock(), createBlock(_sfc_main$6, {
                 key: product._id,
@@ -278,8 +275,8 @@ const _sfc_main = {
         }, 8, ["isPopupOpen"]),
         createVNode(_sfc_main$1, { class: "mn-b-semi" }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_7, [
-              _hoisted_8,
+            createElementVNode("div", _hoisted_5, [
+              _cache[5] || (_cache[5] = createElementVNode("span", { class: "mn-r-auto t-transp" }, "In total", -1)),
               createElementVNode("span", null, toDisplayString(unref(cartTotalPrice)) + " " + toDisplayString(_ctx.returnCurrency()), 1)
             ])
           ]),

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

	@@ -1 +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/users/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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/users/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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/orders/components/pages/Orders.vue.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                   */
+;/* empty css                                    */
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const orders = require("../../store/orders.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
@@ -14,34 +14,29 @@ const IconTime = require("../../../icons/entities/IconTime.vue.cjs");
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = { class: "gap-micro flex-nowrap flex" };
 const _hoisted_3 = { class: "w-100 bg-white radius-small pd-small" };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin" }, "Total", -1);
+const _hoisted_4 = { class: "w-100 bg-white radius-small pd-small" };
 const _hoisted_5 = { class: "w-100 bg-white radius-small pd-small" };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1);
-const _hoisted_7 = { class: "w-100 bg-white radius-small pd-small" };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1);
-const _hoisted_9 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
-const _hoisted_10 = { class: "w-100" };
+const _hoisted_6 = { class: "mn-b-small pd-small bg-white radius-small flex-nowrap flex" };
+const _hoisted_7 = { class: "w-100" };
+const _hoisted_8 = { class: "mn-b-thin" };
+const _hoisted_9 = { class: "t-truncate" };
+const _hoisted_10 = { class: "w-100 t-right" };
 const _hoisted_11 = { class: "mn-b-thin" };
-const _hoisted_12 = { class: "t-truncate" };
-const _hoisted_13 = { class: "w-100 t-right" };
-const _hoisted_14 = { class: "mn-b-thin" };
-const _hoisted_15 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
-const _hoisted_16 = { class: "mn-r-auto" };
-const _hoisted_17 = { class: "t-right" };
-const _hoisted_18 = { class: "t-transp" };
-const _hoisted_19 = { key: 0 };
-const _hoisted_20 = { class: "mn-r-auto" };
-const _hoisted_21 = { class: "t-right" };
-const _hoisted_22 = { class: "t-transp" };
-const _hoisted_23 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
-const _hoisted_24 = { class: "t-medium mn-r-auto" };
-const _hoisted_25 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" };
-const _hoisted_26 = /* @__PURE__ */ vue.createElementVNode("span", { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" }, " Unpaid ", -1);
-const _hoisted_27 = {
+const _hoisted_12 = { class: "cols-1 mn-b-small gap-thin pd-small bg-white radius-small" };
+const _hoisted_13 = { class: "mn-r-auto" };
+const _hoisted_14 = { class: "t-right" };
+const _hoisted_15 = { class: "t-transp" };
+const _hoisted_16 = { key: 0 };
+const _hoisted_17 = { class: "mn-r-auto" };
+const _hoisted_18 = { class: "t-right" };
+const _hoisted_19 = { class: "t-transp" };
+const _hoisted_20 = { class: "pd-small bg-white radius-small gap-micro flex-v-center flex-nowrap flex" };
+const _hoisted_21 = { class: "t-medium mn-r-auto" };
+const _hoisted_22 = { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main" };
+const _hoisted_23 = {
   key: 0,
   class: "pos-relative radius-small bg-fifth-transp-10 mn-t-thin pd-small"
 };
-const _hoisted_28 = /* @__PURE__ */ vue.createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1);
 const _sfc_main = {
   __name: "Orders",
   setup(__props) {
@@ -99,15 +94,15 @@ const _sfc_main = {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_2, [
               vue.createElementVNode("div", _hoisted_3, [
-                _hoisted_4,
+                _cache[2] || (_cache[2] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Total", -1)),
                 vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_5, [
-                _hoisted_6,
+              vue.createElementVNode("div", _hoisted_4, [
+                _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Paid", -1)),
                 vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPriceUnpaid.value)), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_7, [
-                _hoisted_8,
+              vue.createElementVNode("div", _hoisted_5, [
+                _cache[4] || (_cache[4] = vue.createElementVNode("p", { class: "mn-b-thin" }, "Unpaid", -1)),
                 vue.createElementVNode("h3", null, vue.toDisplayString(_ctx.formatPrice(totalPrice.value)), 1)
               ])
             ])
@@ -157,41 +152,41 @@ const _sfc_main = {
                       date: order.createdAt,
                       class: "mn-b-small"
                     }, null, 8, ["entity", "user", "owner", "creator", "date"]),
-                    vue.createElementVNode("div", _hoisted_9, [
-                      vue.createElementVNode("div", _hoisted_10, [
-                        vue.createElementVNode("h3", _hoisted_11, vue.toDisplayString(((_a = order.customer.target.profile) == null ? void 0 : _a.name) || order.customer.target.phone || order.customer.target.email || "No name"), 1),
-                        vue.createElementVNode("p", _hoisted_12, vue.toDisplayString(order.delivery.address || "Not specified"), 1)
+                    vue.createElementVNode("div", _hoisted_6, [
+                      vue.createElementVNode("div", _hoisted_7, [
+                        vue.createElementVNode("h3", _hoisted_8, vue.toDisplayString(((_a = order.customer.target.profile) == null ? void 0 : _a.name) || order.customer.target.phone || order.customer.target.email || "No name"), 1),
+                        vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(order.delivery.address || "Not specified"), 1)
                       ]),
-                      vue.createElementVNode("div", _hoisted_13, [
-                        vue.createElementVNode("h3", _hoisted_14, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(orders.getters.getTotal(order.positions)), 1),
+                      vue.createElementVNode("div", _hoisted_10, [
+                        vue.createElementVNode("h3", _hoisted_11, vue.toDisplayString(_ctx.returnCurrency()) + vue.toDisplayString(orders.getters.getTotal(order.positions)), 1),
                         vue.createElementVNode("p", null, "#" + vue.toDisplayString(order._id.slice(0, 4) + "..." + order._id.slice(-4)), 1)
                       ])
                     ]),
-                    vue.createElementVNode("div", _hoisted_15, [
+                    vue.createElementVNode("div", _hoisted_12, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.positions.slice(0, 2), (position, index) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
                           key: index,
                           class: "w-100 flex"
                         }, [
-                          vue.createElementVNode("p", _hoisted_16, vue.toDisplayString(position.name), 1),
-                          vue.createElementVNode("p", _hoisted_17, [
+                          vue.createElementVNode("p", _hoisted_13, vue.toDisplayString(position.name), 1),
+                          vue.createElementVNode("p", _hoisted_14, [
                             vue.createTextVNode(vue.toDisplayString(position.quantity) + " " + vue.toDisplayString(position.type) + " x " + vue.toDisplayString(position.price) + " ", 1),
-                            vue.createElementVNode("span", _hoisted_18, vue.toDisplayString(_ctx.returnCurrency()), 1)
+                            vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(_ctx.returnCurrency()), 1)
                           ])
                         ]);
                       }), 128)),
                       vue.createVNode(vue.Transition, { name: "fade" }, {
                         default: vue.withCtx(() => [
-                          spoiler.value && order.positions.length > 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
+                          spoiler.value && order.positions.length > 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
                             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(order.positions.slice(2), (position, index) => {
                               return vue.openBlock(), vue.createElementBlock("div", {
                                 key: index + 2,
                                 class: "w-100 flex"
                               }, [
-                                vue.createElementVNode("p", _hoisted_20, vue.toDisplayString(position.name), 1),
-                                vue.createElementVNode("p", _hoisted_21, [
+                                vue.createElementVNode("p", _hoisted_17, vue.toDisplayString(position.name), 1),
+                                vue.createElementVNode("p", _hoisted_18, [
                                   vue.createTextVNode(vue.toDisplayString(position.quantity) + " " + vue.toDisplayString(position.type) + " x " + vue.toDisplayString(position.price) + " ", 1),
-                                  vue.createElementVNode("span", _hoisted_22, vue.toDisplayString(_ctx.returnCurrency()), 1)
+                                  vue.createElementVNode("span", _hoisted_19, vue.toDisplayString(_ctx.returnCurrency()), 1)
                                 ])
                               ]);
                             }), 128))
@@ -205,17 +200,17 @@ const _sfc_main = {
                         class: "radius-big bg-light-transp-50 pd-nano w-100 flex-center flex"
                       }, vue.toDisplayString(!spoiler.value ? `+${order.positions.length - 2} more` : `Hide`), 1)) : vue.createCommentVNode("", true)
                     ]),
-                    vue.createElementVNode("div", _hoisted_23, [
+                    vue.createElementVNode("div", _hoisted_20, [
                       vue.createVNode(IconTime.default, {
                         class: "i-semi t-transp",
                         fill: "rgb(var(--black)"
                       }),
-                      vue.createElementVNode("p", _hoisted_24, vue.toDisplayString(_ctx.formatDate(order.deadline)), 1),
-                      vue.createElementVNode("span", _hoisted_25, vue.toDisplayString(order.status), 1),
-                      _hoisted_26
+                      vue.createElementVNode("p", _hoisted_21, vue.toDisplayString(_ctx.formatDate(order.deadline)), 1),
+                      vue.createElementVNode("span", _hoisted_22, vue.toDisplayString(order.status), 1),
+                      _cache[5] || (_cache[5] = vue.createElementVNode("span", { class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin t-white bg-red" }, " Unpaid ", -1))
                     ]),
-                    order.comment ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27, [
-                      _hoisted_28,
+                    order.comment ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, [
+                      _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "mn-b-thin t-transp uppercase p-small t-medium" }, "Comment", -1)),
                       vue.createElementVNode("p", null, vue.toDisplayString(order.comment), 1)
                     ])) : vue.createCommentVNode("", true)
                   ];