@ozdao/prometheus-framework 0.2.198 → 0.2.200

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

@@ -1,110 +1,224 @@
-import { computed as T, ref as d, onMounted as q, openBlock as r, createElementBlock as m, createVNode as i, withCtx as s, createElementVNode as u, createTextVNode as E, unref as f, Fragment as g, renderList as C, createBlock as n, createCommentVNode as c, normalizeClass as U, toDisplayString as x } from "vue";
-import { useRoute as L, useRouter as M } from "vue-router";
-/* empty css                                     */
-import j from "../../../../components/Button/Button.vue2.js";
-import G from "../../../../components/Tab/Tab.vue2.js";
-import O from "../../../../components/Popup/Popup.vue.js";
-import h from "../../../../components/Block/Block.vue.js";
-import $ from "../../../../components/Feed/Feed.vue.js";
-import N from "../blocks/CardOrderItem.vue.js";
+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.vue.js";
+import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
+import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$6 from "../blocks/CardOrderItem.vue.js";
 /* empty css                                        */
 /* empty css                                                  */
-import B from "../../../users/components/blocks/CardUser.vue.js";
-import H from "../sections/FormAddCustomer.vue.js";
-import J from "../sections/FormDelivery.vue.js";
-import K from "../sections/FormPayment.vue.js";
-import { actions as _ } from "../../../globals/views/store/globals.js";
-import { state as Q } from "../../../auth/views/store/auth.js";
-import { mutations as D, state as e, actions as W } from "../../store/orders.js";
-import { actions as X } from "../../../products/store/products.js";
-import Y from "../../store/customers.store.js";
+import _sfc_main$7 from "../../../users/components/blocks/CardUser.vue.js";
+import _sfc_main$a from "../sections/FormAddCustomer.vue.js";
+import _sfc_main$8 from "../sections/FormDelivery.vue.js";
+import _sfc_main$9 from "../sections/FormPayment.vue.js";
+import { actions as actions$1 } from "../../../globals/views/store/globals.js";
+import { state as state$1 } from "../../../auth/views/store/auth.js";
+import { mutations, state, actions as actions$2 } from "../../store/orders.js";
+import { actions } from "../../../products/store/products.js";
+import customers from "../../store/customers.store.js";
 /* empty css                           */
-const Z = { class: "h-100 flex flex-column pd-thin" }, ee = { class: "flex-v-center flex-nowrap flex" }, te = /* @__PURE__ */ u("h2", { class: "mn-r-auto" }, "Create Order", -1), re = /* @__PURE__ */ u("h3", { class: "mn-b-small" }, "Add to order", -1), oe = { class: "bg-light h-max-100 mn-b-thin o-scroll pd-medium radius-big" }, se = {
+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 = {
   key: 0,
   class: "w-100"
-}, ne = { class: "h3 flex" }, ie = /* @__PURE__ */ u("span", { class: "mn-r-auto t-transp" }, "In total", -1), Be = {
+};
+const _hoisted_7 = { class: "h3 flex" };
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { class: "mn-r-auto t-transp" }, "In total", -1);
+const _sfc_main = {
   __name: "OrderCreateBackoffice",
-  setup(ae) {
-    const p = L(), R = M();
-    D.resetOrder(e.current);
-    let S = T(() => Number(e.current.positions.reduce((y, a) => y + a.price * a.quantity, 0)));
-    const l = d("positions"), b = d(!1);
-    function V() {
-      b.value = !0;
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    mutations.resetOrder(state.current);
+    let cartTotalPrice = computed(() => {
+      return Number(state.current.positions.reduce((total, product) => {
+        return total + product.price * product.quantity;
+      }, 0));
+    });
+    const tabOrderCreate = ref("positions");
+    const isOpenProductsPopup = ref(false);
+    function openProductsPopup() {
+      isOpenProductsPopup.value = true;
     }
-    function k() {
-      b.value = !1;
+    function closeProductsPopup() {
+      isOpenProductsPopup.value = false;
     }
-    const v = d(!1);
-    function z() {
-      v.value = !0;
+    const isOpenCustomerPopup = ref(false);
+    function openCustomerPopup() {
+      isOpenCustomerPopup.value = true;
     }
-    function P() {
-      v.value = !1;
+    function closeCustomerPopup() {
+      isOpenCustomerPopup.value = false;
     }
-    d(null);
-    function A() {
-      e.current.creator = {
+    ref(null);
+    function onSubmit() {
+      state.current.creator = {
         type: "User",
-        target: Q.user._id
-      }, e.current.owner = {
+        target: state$1.user._id
+      };
+      state.current.owner = {
         type: "Organization",
-        target: p.params._id
-      }, e.current.customer = {
+        target: route.params._id
+      };
+      state.current.customer = {
         type: "Customer",
-        target: e.current.customer._id || null
-      }, W.create(e.current);
+        target: state.current.customer._id || null
+      };
+      actions$2.create(state.current);
     }
-    function F() {
-      R.push({
+    function redirectTo() {
+      router.push({
         name: "Backoffice Orders",
         params: {
-          _id: p.params._id
+          _id: route.params._id
         }
       });
     }
-    return q(() => {
-    }), (y, a) => (r(), m("div", Z, [
-      i(h, { class: "mn-b-thin" }, {
-        default: s(() => [
-          u("header", ee, [
-            te,
-            i(j, {
-              submit: A,
-              callback: F,
-              class: "pd-small radius-big bg-main t-black uppercase t-medium"
-            }, {
-              default: s(() => [
-                E(" Add Order ")
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }),
-      i(G, {
-        selected: l.value,
-        "onUpdate:selected": a[0] || (a[0] = (t) => l.value = t),
-        tabs: [
-          { name: "Positions", value: "positions" },
-          { name: "Customer", value: "customer" },
-          { name: "Delivery", value: "delivery" },
-          { name: "Payment", value: "payment" }
-        ],
-        class: "t-medium radius-medium bg-light mn-b-small"
-      }, null, 8, ["selected"]),
-      i(O, {
-        onClosePopup: k,
-        isPopupOpen: b.value,
-        class: "bg-white w-min-30r w-max-30r h-max-100 flex flex-column radius-big pd-medium pos-relative"
-      }, {
-        default: s(() => [
-          re,
-          u("div", oe, [
-            i($, {
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, { class: "mn-b-thin" }, {
+          default: withCtx(() => [
+            createElementVNode("header", _hoisted_2, [
+              _hoisted_3,
+              createVNode(_sfc_main$2, {
+                submit: onSubmit,
+                callback: redirectTo,
+                class: "pd-small radius-big bg-main t-black uppercase t-medium"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" Add Order ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$3, {
+          selected: tabOrderCreate.value,
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabOrderCreate.value = $event),
+          tabs: [
+            { name: "Positions", value: "positions" },
+            { name: "Customer", value: "customer" },
+            { name: "Delivery", value: "delivery" },
+            { name: "Payment", value: "payment" }
+          ],
+          class: "t-medium radius-medium bg-light mn-b-small"
+        }, null, 8, ["selected"]),
+        createVNode(_sfc_main$4, {
+          onClosePopup: closeProductsPopup,
+          isPopupOpen: isOpenProductsPopup.value,
+          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, [
+              createVNode(_sfc_main$5, {
+                search: {
+                  placeholder: "Search products...",
+                  class: "bg-white mn-b-thin"
+                },
+                states: {
+                  empty: {
+                    title: "No Products Found",
+                    description: "Currently, there are no such products available."
+                  }
+                },
+                store: {
+                  read: (options) => actions.read(options),
+                  state: null
+                },
+                options: {
+                  organization: unref(route).params._id
+                },
+                class: ""
+              }, {
+                default: withCtx(({
+                  items
+                }) => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (product, index) => {
+                    return openBlock(), createBlock(_sfc_main$6, {
+                      key: product._id,
+                      editable: false,
+                      product,
+                      onClick: () => {
+                        let p = { ...product };
+                        p.quantity = 1;
+                        actions$1.add(state.current.positions, p);
+                        closeProductsPopup();
+                      },
+                      class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
+                    }, null, 8, ["product", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["store", "options"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        tabOrderCreate.value === "positions" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          title: "Positions",
+          actions: [{
+            label: "+",
+            function: () => openProductsPopup()
+          }],
+          class: "mn-b-small"
+        }, {
+          default: withCtx(() => [
+            state.current.positions.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_6, " 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,
+                editable: true,
+                product,
+                onIncrease: () => {
+                  actions$1.increment(state.current.positions, product);
+                },
+                onDecrease: () => {
+                  actions$1.decrement(state.current.positions, product);
+                },
+                onRemove: () => {
+                  actions$1.delete(state.current.positions, product);
+                },
+                class: "mn-b-thin pd-thin radius-medium bg-white"
+              }, null, 8, ["product", "onIncrease", "onDecrease", "onRemove"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"])) : createCommentVNode("", true),
+        tabOrderCreate.value === "customer" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 1,
+          title: "Customer",
+          class: "mn-b-semi",
+          actions: [{
+            label: "+",
+            function: () => openCustomerPopup()
+          }]
+        }, {
+          default: withCtx(() => [
+            state.current.customer._id ? (openBlock(), createBlock(_sfc_main$7, {
+              key: 0,
+              user: state.current.customer,
+              photo: state.current.customer.profile.photo,
+              name: state.current.customer.profile.name || state.current.customer.phone || state.current.customer.email,
+              onClick: _cache[1] || (_cache[1] = () => {
+                mutations.resetCustomer(state.current.customer);
+              }),
+              class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
+            }, null, 8, ["user", "photo", "name"])) : (openBlock(), createBlock(_sfc_main$5, {
+              key: 1,
               search: {
-                placeholder: "Search products...",
+                placeholder: "Search customer...",
                 class: "bg-white mn-b-thin"
               },
               states: {
@@ -114,153 +228,68 @@ const Z = { class: "h-100 flex flex-column pd-thin" }, ee = { class: "flex-v-cen
                 }
               },
               store: {
-                read: (t) => X.read(t),
+                read: (options) => unref(customers).read(options),
                 state: null
               },
               options: {
-                organization: f(p).params._id
+                owner: unref(route).params._id
               },
-              class: ""
+              class: "bg-light h-max-20r o-scroll"
             }, {
-              default: s(({
-                items: t
+              default: withCtx(({
+                items
               }) => [
-                (r(!0), m(g, null, C(t, (o, I) => (r(), n(N, {
-                  key: o._id,
-                  editable: !1,
-                  product: o,
-                  onClick: () => {
-                    let w = { ...o };
-                    w.quantity = 1, _.add(e.current.positions, w), k();
-                  },
-                  class: "bg-white pd-thin radius-medium w-100 mn-b-thin"
-                }, null, 8, ["product", "onClick"]))), 128))
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (user, index) => {
+                  return openBlock(), createBlock(_sfc_main$7, {
+                    key: user._id,
+                    user,
+                    photo: user.profile.photo,
+                    name: user.profile.name || user.phone || user.email,
+                    onClick: () => {
+                      state.current.customer = user;
+                    },
+                    class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
+                  }, null, 8, ["user", "photo", "name", "onClick"]);
+                }), 128))
               ]),
               _: 1
-            }, 8, ["store", "options"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["isPopupOpen"]),
-      l.value === "positions" ? (r(), n(h, {
-        key: 0,
-        title: "Positions",
-        actions: [{
-          label: "+",
-          function: () => V()
-        }],
-        class: "mn-b-small"
-      }, {
-        default: s(() => [
-          e.current.positions.length === 0 ? (r(), m("span", se, " No positions added yet ")) : c("", !0),
-          (r(!0), m(g, null, C(e.current.positions, (t, o) => (r(), n(N, {
-            key: t._id,
-            editable: !0,
-            product: t,
-            onIncrease: () => {
-              _.increment(e.current.positions, t);
-            },
-            onDecrease: () => {
-              _.decrement(e.current.positions, t);
-            },
-            onRemove: () => {
-              _.delete(e.current.positions, t);
-            },
-            class: "mn-b-thin pd-thin radius-medium bg-white"
-          }, null, 8, ["product", "onIncrease", "onDecrease", "onRemove"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["actions"])) : c("", !0),
-      l.value === "customer" ? (r(), n(h, {
-        key: 1,
-        title: "Customer",
-        class: "mn-b-semi",
-        actions: [{
-          label: "+",
-          function: () => z()
-        }]
-      }, {
-        default: s(() => [
-          e.current.customer._id ? (r(), n(B, {
-            key: 0,
-            user: e.current.customer,
-            photo: e.current.customer.profile.photo,
-            name: e.current.customer.profile.name || e.current.customer.phone || e.current.customer.email,
-            onClick: a[1] || (a[1] = () => {
-              D.resetCustomer(e.current.customer);
-            }),
-            class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
-          }, null, 8, ["user", "photo", "name"])) : (r(), n($, {
-            key: 1,
-            search: {
-              placeholder: "Search customer...",
-              class: "bg-white mn-b-thin"
-            },
-            states: {
-              empty: {
-                title: "No Products Found",
-                description: "Currently, there are no such products available."
-              }
-            },
-            store: {
-              read: (t) => f(Y).read(t),
-              state: null
-            },
-            options: {
-              owner: f(p).params._id
-            },
-            class: "bg-light h-max-20r o-scroll"
-          }, {
-            default: s(({
-              items: t
-            }) => [
-              (r(!0), m(g, null, C(t, (o, I) => (r(), n(B, {
-                key: o._id,
-                user: o,
-                photo: o.profile.photo,
-                name: o.profile.name || o.phone || o.email,
-                onClick: () => {
-                  e.current.customer = o;
-                },
-                class: "bg-white pd-thin h-4r radius-medium w-100 mn-b-thin"
-              }, null, 8, ["user", "photo", "name", "onClick"]))), 128))
-            ]),
-            _: 1
-          }, 8, ["store", "options"]))
-        ]),
-        _: 1
-      }, 8, ["actions"])) : c("", !0),
-      l.value === "delivery" ? (r(), n(J, {
-        key: 2,
-        order: e.current
-      }, null, 8, ["order"])) : c("", !0),
-      l.value === "payment" ? (r(), n(K, {
-        key: 3,
-        order: e.current
-      }, null, 8, ["order"])) : c("", !0),
-      i(O, {
-        title: "Add customer",
-        onClosePopup: P,
-        isPopupOpen: v.value,
-        class: U("bg-white w-min-30r w-max-30r radius-big pd-medium")
-      }, {
-        default: s(() => [
-          i(H, { onCallbackCustomer: P })
-        ]),
-        _: 1
-      }, 8, ["isPopupOpen"]),
-      i(h, { class: "mn-b-semi" }, {
-        default: s(() => [
-          u("div", ne, [
-            ie,
-            u("span", null, x(f(S)) + " " + x(y.returnCurrency()), 1)
-          ])
-        ]),
-        _: 1
-      })
-    ]));
+            }, 8, ["store", "options"]))
+          ]),
+          _: 1
+        }, 8, ["actions"])) : createCommentVNode("", true),
+        tabOrderCreate.value === "delivery" ? (openBlock(), createBlock(_sfc_main$8, {
+          key: 2,
+          order: state.current
+        }, null, 8, ["order"])) : createCommentVNode("", true),
+        tabOrderCreate.value === "payment" ? (openBlock(), createBlock(_sfc_main$9, {
+          key: 3,
+          order: state.current
+        }, null, 8, ["order"])) : createCommentVNode("", true),
+        createVNode(_sfc_main$4, {
+          title: "Add customer",
+          onClosePopup: closeCustomerPopup,
+          isPopupOpen: isOpenCustomerPopup.value,
+          class: normalizeClass("bg-white w-min-30r w-max-30r radius-big pd-medium")
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$a, { onCallbackCustomer: closeCustomerPopup })
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$1, { class: "mn-b-semi" }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_7, [
+              _hoisted_8,
+              createElementVNode("span", null, toDisplayString(unref(cartTotalPrice)) + " " + toDisplayString(_ctx.returnCurrency()), 1)
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 };
 export {
-  Be as default
+  _sfc_main as default
 };
+//# sourceMappingURL=OrderCreateBackoffice.vue.js.map

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

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