@ozdao/prometheus-framework 0.2.332 → 0.2.334

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

@@ -3,13 +3,12 @@ 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";
+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                                        */
+/* empty css                                       */
+/* empty css                                                  */
 import _sfc_main$7 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$a from "../sections/FormAddCustomer.vue.js";
 import _sfc_main$8 from "../sections/FormDelivery.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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/sections/FormAddCustomer.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 ;/* empty css                                       */
 const clickOutside = require("../../../../components/FieldPhone/click-outside.cjs");
-;/* empty css                                          */
+;/* empty css                                         */
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");

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

@@ -3,7 +3,7 @@ import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 /* empty css                                     */
 import clickOutside from "../../../../components/FieldPhone/click-outside.js";
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../globals/views/components/blocks/BlockSearch.vue.js";

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 const FieldPhone = require("../../../../components/FieldPhone/FieldPhone.vue.cjs");
-const Select = require("../../../../components/Select/Select.vue.cjs");
+const Select = require("../../../../components/Select/Select.vue2.cjs");
 const _hoisted_1 = { class: "gap-thin flex-justify-between flex-nowrap flex" };
 const _sfc_main = {
   __name: "FormCustomerDetails",

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

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

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

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

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

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

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const CardOrderItem = require("../../../orders/components/blocks/CardOrderItem.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue.cjs");
 const PlaceholderOrganizationPic = require("../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
 const IconPrice = require("../../../icons/entities/IconPrice.vue.cjs");
 const IconShopcart = require("../../../icons/entities/IconShopcart.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/blocks/CardOrganization.vue.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, toDisplayString, withCtx, createVNode, Fragment, renderList, withModifiers } from "vue";
 import { useRouter } from "vue-router";
 import _sfc_main$5 from "../../../orders/components/blocks/CardOrderItem.vue.js";
-import _sfc_main$1 from "../../../../components/Chips/Chips.vue2.js";
+import _sfc_main$1 from "../../../../components/Chips/Chips.vue.js";
 import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconPrice.vue.js";
 import _sfc_main$4 from "../../../icons/entities/IconShopcart.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.cjs

@@ -8,14 +8,14 @@ require("vue-i18n");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-;/* empty css                                          */
+;/* empty css                                         */
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 require("../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.cjs");
 ;/* empty css                                           */
 ;/* empty css                                         */
 ;/* empty css                                                         */
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-const Popup = require("../../../../components/Popup/Popup.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 IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/pages/DepartmentEdit.vue.js

@@ -6,14 +6,14 @@ import "vue-i18n";
 import _sfc_main$3 from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue2.js";
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$8 from "../../../../components/Checkbox/Checkbox.vue.js";
 import "../../../../../../node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css                                         */
 /* empty css                                       */
 /* empty css                                                       */
 import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
-import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconDelete.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 ;/* empty css                                   */
 ;/* empty css                                           */
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue2.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");
 ;/* empty css                                      */

package/dist/prometheus-framework/src/modules/organizations/components/pages/Members.vue.js

@@ -3,7 +3,7 @@ import { useRoute, useRouter } from "vue-router";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 /* empty css                                 */
 /* empty css                                         */
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue2.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";
 /* empty css                                    */

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const Menu = require("../../../../components/Menu/Menu.vue.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
-;/* empty css                                                   */
+;/* empty css                                                    */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");
 const IconEvents = require("../../../icons/entities/IconEvents.vue.cjs");
 const IconGroups = require("../../../icons/entities/IconGroups.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationBackoffice.vue.js

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Menu/Menu.vue.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";
 import _sfc_main$8 from "../../../icons/entities/IconEvents.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconGroups.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.cjs

@@ -7,11 +7,11 @@ require("vue-i18n");
 const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 ;/* empty css                                   */
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-;/* empty css                                          */
-const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");
+;/* empty css                                         */
+const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue2.cjs");
-;/* empty css                                        */
+;/* empty css                                       */
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");
 require("../../store/memberships.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/pages/OrganizationEdit.vue.js

@@ -5,11 +5,11 @@ import "vue-i18n";
 import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue2.js";
-/* empty css                                        */
-import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue2.js";
+/* empty css                                       */
+import SelectMulti from "../../../../components/SelectMulti/SelectMulti.vue.js";
 import _sfc_main$1 from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
-/* empty css                                      */
+/* empty css                                     */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";
 import "../../store/memberships.js";

package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTabSection.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
 const Text = require("../../../../components/Text/Text.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue2.cjs");
+const Chips = require("../../../../components/Chips/Chips.vue.cjs");
 const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/sections/DetailsTabSection.vue.js

@@ -2,7 +2,7 @@ import { createElementBlock, openBlock, createBlock, createCommentVNode, createE
 import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../../../../components/Text/Text.vue.js";
-import _sfc_main$8 from "../../../../components/Chips/Chips.vue2.js";
+import _sfc_main$8 from "../../../../components/Chips/Chips.vue.js";
 import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.cjs

@@ -4,7 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
 require("vue-i18n");
-;/* empty css                                        */
+;/* empty css                                       */
 ;/* empty css                                         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                         */

package/dist/prometheus-framework/src/modules/organizations/components/sections/Documents.vue.js

@@ -2,7 +2,7 @@ import { ref, watchEffect, resolveComponent, createElementBlock, openBlock, crea
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue2.js";
 import "vue-i18n";
-/* empty css                                      */
+/* empty css                                     */
 /* empty css                                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const Field = require("../../../../components/Field/Field.vue2.cjs");
-;/* empty css                                          */
+;/* empty css                                         */
 const Button = require("../../../../components/Button/Button.vue2.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/sections/MembersAdd.vue.js

@@ -1,6 +1,6 @@
 import { ref, resolveDirective, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withDirectives, createCommentVNode, isRef, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import Field from "../../../../components/Field/Field.vue2.js";
-/* empty css                                        */
+/* empty css                                       */
 import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/blocks/BlockSearch.vue.js";

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 require("../../../../../../node_modules/js-cookie/dist/js.cookie.cjs");
 ;/* empty css                                   */
 ;/* empty css                                       */
-;/* empty css                                          */
+;/* empty css                                         */
 ;/* empty css                                         */
 ;/* empty css                                         */
 const CardOrganization = require("../blocks/CardOrganization.vue.cjs");

package/dist/prometheus-framework/src/modules/organizations/components/sections/Organizations.vue.js

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import "../../../../../../node_modules/js-cookie/dist/js.cookie.js";
 /* empty css                                 */
 /* empty css                                     */
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                       */
 /* empty css                                       */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";