@feedmepos/mf-inventory-portal 1.0.10 → 1.0.12-dev.1

package/dist/{App-Cr9pjIYz.js → App-Cicsptfk.js}

@@ -1,7 +1,8 @@
 import { ref as U, onUnmounted as F, defineComponent as h, watch as P, onMounted as x, computed as g, resolveComponent as b, openBlock as S, createElementBlock as I, unref as v, createVNode as _, createElementVNode as p, toDisplayString as w, createBlock as B, createCommentVNode as k } from "vue";
-import { u as M, a as D, b as H, R as e, c as G, g as r, d as W } from "./app-RWihQSVW.js";
-import { useCoreStore as A, useI18n as O } from "@feedmepos/mf-common";
+import { u as M, a as D, b as H, R as e, g as s, c as W } from "./app-C_s8CpzV.js";
+import { useCoreStore as A, useI18n as G } from "@feedmepos/mf-common";
 import { useRouter as L, useRoute as K } from "vue-router";
+import { u as O } from "./feature-BGozj4cq.js";
 import { u as $ } from "./useTabStorage-BkIVScW_.js";
 import { u as Q } from "./googlemap-Dm8ERVai.js";
 import "./array-hChJVZLE.js";
@@ -40,19 +41,19 @@ const q = {
 }, X = { class: "flex flex-col gap-12 items-center text-center px-24 max-w-[1000px]" }, Y = { class: "fm-typo-en-title-lg-600" }, Z = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, ee = { class: "flex gap-16" }, te = { href: "https://feedme.ai/product/inventory/features?tab=plans_%26_prices" }, oe = { href: "https://feedme.ai/form" }, ne = /* @__PURE__ */ h({
   __name: "InventoryView",
   setup(l) {
-    const n = M(), i = D(), u = H(), s = A(), m = L(), o = z(), R = G(), { t: d } = O();
+    const n = M(), i = D(), u = H(), a = A(), m = L(), o = z(), R = O(), { t: d } = G();
     P(
-      [() => s.sessionUser.value, () => s.currentBusiness.value],
-      ([t, a]) => {
-        f(t, a);
+      [() => a.sessionUser.value, () => a.currentBusiness.value],
+      ([t, r]) => {
+        f(t, r);
       }
     ), x(async () => {
-      await R.init(), await s.readBusinesses();
-      const t = s.sessionUser.value, a = s.currentBusiness.value;
-      f(t, a);
+      await R.init(), await a.readBusinesses();
+      const t = a.sessionUser.value, r = a.currentBusiness.value;
+      f(t, r);
     });
-    function f(t, a) {
-      !t || !a || T();
+    function f(t, r) {
+      !t || !r || T();
     }
     async function T() {
       return await n.init(), await u.readSetting().catch((t) => {
@@ -60,7 +61,7 @@ const q = {
       }), await i.init();
     }
     const y = g(() => m.currentRoute.value.name === e.TRANSFER_TEMPLATE ? R.enablePoTemplate : !0);
-    return (t, a) => {
+    return (t, r) => {
       const c = b("FmSpacer"), N = b("FmCircularProgress"), C = b("FmButton"), V = b("RouterView");
       return S(), I("div", null, [
         v(o).isLoading ? (S(), I("div", q, [
@@ -68,9 +69,9 @@ const q = {
           p("div", null, [
             _(N, { size: "xl" })
           ]),
-          a[0] || (a[0] = p("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading page...", -1)),
+          r[0] || (r[0] = p("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading page...", -1)),
           _(c)
-        ])) : y.value ? v(s).sessionUser.value ? (S(), B(V, { key: 2 })) : k("", !0) : (S(), I("div", J, [
+        ])) : y.value ? v(a).sessionUser.value ? (S(), B(V, { key: 2 })) : k("", !0) : (S(), I("div", J, [
           p("div", X, [
             p("div", Y, w(v(d)("inventory.common.proPlan.title")), 1),
             p("div", Z, w(v(d)("inventory.common.proPlan.subtitle")), 1)
@@ -93,66 +94,66 @@ const q = {
       ]);
     };
   }
-}), ae = { class: "h-full flex flex-col overflow-auto py-16" }, se = /* @__PURE__ */ h({
+}), re = { class: "h-full flex flex-col overflow-auto py-16" }, ae = /* @__PURE__ */ h({
   __name: "NavigationTab",
   setup(l) {
-    const n = K(), i = L(), u = A(), s = G(), m = $(), { t: o } = O();
-    P([() => u.currentBusiness.value, () => n.name], ([t, a]) => {
-      (t == null ? void 0 : t.menuVersion) === "v3" && (a === e.INGREDIENTS || a === e.RECIPE || a === e.UNIT) && i.push({ name: e.STOCK });
+    const n = K(), i = L(), u = A(), a = O(), m = $(), { t: o } = G();
+    P([() => u.currentBusiness.value, () => n.name], ([t, r]) => {
+      (t == null ? void 0 : t.menuVersion) === "v3" && (r === e.INGREDIENTS || r === e.RECIPE || r === e.UNIT) && i.push({ name: e.STOCK });
     });
     const R = g(() => {
-      var a;
+      var r;
       const t = [
         {
-          label: r(e.STOCK, o),
+          label: s(e.STOCK, o),
           // icon: 'inventory_2',
           children: [
             {
               label: o("inventory.stock.stock_balance.title"),
               value: e.STOCK
             },
-            ...s.enableWastageTemplate ? [
+            ...a.enableWastageTemplate ? [
               {
-                label: r(e.WASTAGE_TEMPLATE, o),
+                label: s(e.WASTAGE_TEMPLATE, o),
                 value: e.WASTAGE_TEMPLATE
               }
             ] : []
           ]
         },
-        ...s.enableClosingTemplate ? [
+        ...a.enableClosingTemplate ? [
           {
             label: "Closing",
             children: [
               {
-                label: r(e.CLOSING_TEMPLATE, o),
+                label: s(e.CLOSING_TEMPLATE, o),
                 value: e.CLOSING_TEMPLATE
               },
               {
-                label: r(e.CLOSING_DRAFT, o),
+                label: s(e.CLOSING_DRAFT, o),
                 value: e.CLOSING_DRAFT
               }
             ]
           }
         ] : [],
         {
-          label: r(e.INGREDIENTS, o),
+          label: s(e.INGREDIENTS, o),
           // icon: 'grocery',
           value: e.INGREDIENTS
         },
-        ...s.enableIngredientGroup ? [
+        ...a.enableIngredientGroup ? [
           {
-            label: r(e.INGREDIENT_GROUP, o),
+            label: s(e.INGREDIENT_GROUP, o),
             // icon: 'grocery',
             value: e.INGREDIENT_GROUP
           }
         ] : [],
         {
-          label: r(e.RECIPE, o),
+          label: s(e.RECIPE, o),
           // icon: 'weight',
           value: e.RECIPE
         },
         {
-          label: r(e.UNIT, o),
+          label: s(e.UNIT, o),
           // icon: 'fastfood',
           value: e.UNIT
         },
@@ -161,42 +162,42 @@ const q = {
           // icon: 'swap_horiz',
           children: [
             {
-              label: r(e.RECEIVE_REQUEST, o),
+              label: s(e.RECEIVE_REQUEST, o),
               value: e.RECEIVE_REQUEST
             },
             {
-              label: r(e.APPROVAL, o),
+              label: s(e.APPROVAL, o),
               value: e.APPROVAL
             },
-            ...s.enablePoTemplate ? [
+            ...a.enablePoTemplate ? [
               {
-                label: r(e.TRANSFER_TEMPLATE, o),
+                label: s(e.TRANSFER_TEMPLATE, o),
                 value: e.TRANSFER_TEMPLATE
               }
             ] : []
           ]
         },
         {
-          label: r(e.SUPPLIER, o),
+          label: s(e.SUPPLIER, o),
           // icon: 'group',
           value: e.SUPPLIER
         },
         {
-          label: r(e.WAREHOUSE, o),
+          label: s(e.WAREHOUSE, o),
           // icon: 'warehouse',
           value: e.WAREHOUSE
         },
         {
-          label: r(e.PUBLISH, o),
+          label: s(e.PUBLISH, o),
           value: e.PUBLISH
         },
         {
-          label: r(e.INTEGRATION, o),
+          label: s(e.INTEGRATION, o),
           // icon: 'integration_instructions',
           value: e.INTEGRATION
         }
       ];
-      return ((a = u.currentBusiness.value) == null ? void 0 : a.menuVersion) === "v3" ? t.filter(
+      return ((r = u.currentBusiness.value) == null ? void 0 : r.menuVersion) === "v3" ? t.filter(
         (c) => c.value !== e.INGREDIENTS && c.value !== e.RECIPE && c.value !== e.UNIT && c.value !== e.PUBLISH
       ) : t;
     }), d = g({
@@ -224,12 +225,12 @@ const q = {
       T.value = !1, setTimeout(() => {
         y.value = !m.getItem(f.value);
       }, 2e3);
-    }), (t, a) => {
+    }), (t, r) => {
       const c = b("FmCollapsibleTabs");
-      return S(), I("div", ae, [
+      return S(), I("div", re, [
         _(c, {
           modelValue: d.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (N) => d.value = N),
+          "onUpdate:modelValue": r[0] || (r[0] = (N) => d.value = N),
           items: R.value
         }, null, 8, ["modelValue", "items"])
       ]);
@@ -238,14 +239,14 @@ const q = {
 });
 typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
   let l, n;
-  return { promise: new Promise((u, s) => {
-    l = u, n = s;
+  return { promise: new Promise((u, a) => {
+    l = u, n = a;
   }), resolve: l, reject: n };
 });
 typeof Promise.prototype.delayed > "u" && (Promise.prototype.delayed = async function(l) {
   return await new Promise((n) => setTimeout(n, l)), Promise.resolve(this);
 });
-const de = /* @__PURE__ */ h({
+const fe = /* @__PURE__ */ h({
   __name: "App",
   setup(l) {
     const n = A(), i = Q(), u = W();
@@ -254,13 +255,13 @@ const de = /* @__PURE__ */ h({
         n.setEmbedded(!0);
         return;
       }
-      n.registerSidebarComponent(se), i.initGoogleMap(u.appApi.googleMap).catch(() => {
+      n.registerSidebarComponent(ae), i.initGoogleMap(u.appApi.googleMap).catch(() => {
         console.error("Google map cannot be loaded");
       });
     }), P([() => n.currentCountry.value], () => {
-      s();
+      a();
     });
-    async function s() {
+    async function a() {
       var m;
       try {
         await n.readBusinesses(), n.currentBusiness.value = (m = n.businesses.value) == null ? void 0 : m.find((o) => o);
@@ -272,5 +273,5 @@ const de = /* @__PURE__ */ h({
   }
 });
 export {
-  de as default
+  fe as default
 };

package/dist/ApprovalView-oRqJ-z0x.js

@@ -0,0 +1,147 @@
+import { defineComponent as oe, ref as g, watch as re, computed as b, resolveComponent as ne, openBlock as y, createBlock as K, unref as e, withCtx as x, createElementVNode as l, normalizeClass as se, createVNode as n, normalizeStyle as le, toDisplayString as ie, createElementBlock as ce, createCommentVNode as ue, Teleport as pe, mergeProps as me } from "vue";
+import { u as de, av as v, aG as fe, a8 as Q, z as ve, _ as _e, B as De, C as he, E as _ } from "./app-C_s8CpzV.js";
+import { a as ge, P as R, b as be, _ as ye } from "./TransferDetails.vue_vue_type_script_setup_true_lang-Dkk3gKIY.js";
+import { useBreakpoints as xe } from "@feedmepos/ui-library";
+import { useI18n as Re } from "@feedmepos/mf-common";
+const Oe = { class: "flex flex-col py-8" }, we = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pe = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Ce = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, Se = { class: "pt-8" }, $e = /* @__PURE__ */ oe({
+  __name: "ApprovalView",
+  setup(Te) {
+    const r = ge(R.APPROVAL), { columnDefs: W } = be(R.APPROVAL, r), X = de();
+    v.object({
+      name: v.string().optional().nullable(),
+      start: v.date().optional().nullable(),
+      end: v.date().optional().nullable()
+    });
+    const O = g({
+      name: "",
+      ...fe()
+    }), a = g({
+      startDate: Q(O.value.start ?? /* @__PURE__ */ new Date()),
+      endDate: Q(O.value.end ?? /* @__PURE__ */ new Date())
+    });
+    re([() => a.value.startDate], () => {
+      if (!a.value.startDate)
+        return;
+      if (!a.value.endDate) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+      const i = new Date(a.value.startDate);
+      if (new Date(a.value.endDate).getTime() < i.getTime()) {
+        a.value.endDate = a.value.startDate;
+        return;
+      }
+      r.updateDateRange(a.value.startDate, a.value.endDate);
+    });
+    const D = g(""), { breakpoints: w } = xe(), h = b(() => w.value.xs || w.value.sm), Z = b(() => h.value ? 10 : 20), B = ve(), { t: P } = Re(), I = b(() => [
+      {
+        label: P("inventory.common.refresh"),
+        value: "refresh"
+      }
+    ]);
+    function ee(i) {
+      switch (i) {
+        case "refresh":
+          return r.fetchData();
+      }
+    }
+    return (i, s) => {
+      const ae = ne("FmTable");
+      return y(), K(_e, {
+        title: e(P)("inventory.transfer.approval.title"),
+        actions: I.value,
+        "onClick:action": ee
+      }, {
+        default: x(() => [
+          l("div", {
+            class: se([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": h.value,
+                "px-24 ": !h.value
+              }
+            ])
+          }, [
+            n(De, {
+              "date-range-query": "",
+              "date-range": a.value,
+              "onUpdate:dateRange": s[0] || (s[0] = (o) => a.value = o),
+              searchable: "",
+              "change-location": "",
+              search: D.value,
+              "onUpdate:search": s[1] || (s[1] = (o) => D.value = o)
+            }, null, 8, ["date-range", "search"]),
+            n(ae, {
+              style: le(e(B).tableHeight),
+              "column-defs": e(W),
+              "row-data": e(r).purchaseRequests.value,
+              "search-value": D.value,
+              loading: !e(X)._currentLocation || e(r).loading.value,
+              onRowClick: s[2] || (s[2] = (o) => e(r).promptShowTransferDetails(
+                o.original.purchaseOrder,
+                o.original
+              )),
+              "page-size": Z.value
+            }, {
+              "list-row": x((o) => [
+                n(he, {
+                  row: o,
+                  onRowClick: (t) => e(r).promptShowTransferDetails(t.purchaseOrder, t)
+                }, {
+                  default: x((t) => {
+                    var k, C, S, c, T, A, V, z, u, L, M, p, $, m, q, E, F, Y, N, d, j, H, U, G, f, J;
+                    return [
+                      l("div", Oe, [
+                        l("div", we, [
+                          n(e(_), {
+                            render: (S = (C = (k = t.purchaseOrder__id) == null ? void 0 : k.column) == null ? void 0 : C.columnDef) == null ? void 0 : S.cell,
+                            props: (T = (c = t.purchaseOrder__id) == null ? void 0 : c.getContext) == null ? void 0 : T.call(c)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        l("div", Pe, [
+                          n(e(_), {
+                            render: (z = (V = (A = t.to_name) == null ? void 0 : A.column) == null ? void 0 : V.columnDef) == null ? void 0 : z.cell,
+                            props: (L = (u = t.to_name) == null ? void 0 : u.getContext) == null ? void 0 : L.call(u)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        l("div", ke, ie((q = (m = ($ = (p = (M = o.original.purchaseOrder) == null ? void 0 : M.items) == null ? void 0 : p.map) == null ? void 0 : $.call(p, (te) => `${te.name}`)) == null ? void 0 : m.join) == null ? void 0 : q.call(m, ", ")), 1),
+                        (E = o.original.purchaseOrder) != null && E.ref ? (y(), ce("div", Ce, [
+                          n(e(_), {
+                            render: (N = (Y = (F = t.purchaseOrder_ref) == null ? void 0 : F.column) == null ? void 0 : Y.columnDef) == null ? void 0 : N.cell,
+                            props: (j = (d = t.purchaseOrder_ref) == null ? void 0 : d.getContext) == null ? void 0 : j.call(d)
+                          }, null, 8, ["render", "props"])
+                        ])) : ue("", !0),
+                        l("div", Se, [
+                          n(e(_), {
+                            render: (G = (U = (H = t.purchaseOrder_status) == null ? void 0 : H.column) == null ? void 0 : U.columnDef) == null ? void 0 : G.cell,
+                            props: (J = (f = t.purchaseOrder_status) == null ? void 0 : f.getContext) == null ? void 0 : J.call(f)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ], 2),
+          (y(), K(pe, { to: "body" }, [
+            n(ye, me({
+              scope: e(R).APPROVAL
+            }, e(r).transferDetailsProps.value, {
+              onSubmitted: e(r).fetchData
+            }), null, 16, ["scope", "onSubmitted"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  $e as default
+};

package/dist/{BindingsDialog-BI-7NkS4.js → BindingsDialog-BOIsLkdn.js}

@@ -1,6 +1,6 @@
 import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
-import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BBjySZCZ.js";
-import { a as L, aR as S } from "./app-RWihQSVW.js";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CXs6G1yw.js";
+import { a as L, b6 as S } from "./app-C_s8CpzV.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-B_h_aaK8.js → BindingsPicker-Co4UtTLT.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { a as M, aR as x, J as z } from "./app-RWihQSVW.js";
+import { a as M, b6 as x, W as z } from "./app-C_s8CpzV.js";
 const F = {
   key: 0,
   class: "flex flex-col gap-16"
@@ -71,10 +71,10 @@ const F = {
         }
       ), o.sendMessage("props:binding-items");
     }
-    function R() {
+    function P() {
       o.sendMessage("@close");
     }
-    function P() {
+    function R() {
       o.sendMessage("@submit:items", i.value);
     }
     const y = l();
@@ -106,11 +106,11 @@ const F = {
             u(n, {
               variant: "tertiary",
               label: "Close",
-              onClick: R
+              onClick: P
             }),
             u(n, {
               label: "Submit",
-              onClick: P
+              onClick: R
             })
           ])
         ]))

package/dist/{BindingsTable-Ce6bGuBs.js → BindingsTable-DLsppTGt.js}

@@ -1,5 +1,5 @@
-import { defineComponent as x, ref as r, provide as C, computed as g, resolveComponent as h, openBlock as l, createElementBlock as u, createStaticVNode as F, Fragment as L, renderList as I, createElementVNode as p, toDisplayString as v, createVNode as w, withModifiers as N, onMounted as E, onUnmounted as R, createBlock as z } from "vue";
-import { F as b, a as M, aR as P } from "./app-RWihQSVW.js";
+import { defineComponent as x, ref as r, provide as C, computed as g, resolveComponent as h, openBlock as l, createElementBlock as u, createStaticVNode as F, Fragment as L, renderList as I, createElementVNode as p, toDisplayString as v, createVNode as w, withModifiers as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
+import { F as b, a as P, b6 as R } from "./app-C_s8CpzV.js";
 import "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
 const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, V = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, T = /* @__PURE__ */ x({
@@ -68,7 +68,7 @@ const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-
 }, K = /* @__PURE__ */ x({
   __name: "BindingsTable",
   setup(_) {
-    const a = M(), d = r(!0), i = r(new Array()), f = g(() => a.recipes), m = g(() => a.skus), k = r(""), s = P(e), t = r();
+    const a = P(), d = r(!0), i = r(new Array()), f = g(() => a.recipes), m = g(() => a.skus), k = r(""), s = R(e), t = r();
     async function e() {
       await a.readInventory(), t.value = s.onMessage(
         "props:grouped-bindings",
@@ -89,7 +89,7 @@ const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-
       n && new ResizeObserver(() => {
         s.sendMessage("resize", n.scrollHeight);
       }).observe(n);
-    }), R(() => {
+    }), z(() => {
       var n, o;
       (o = (n = t.value) == null ? void 0 : n.removeEventListener) == null || o.call(n);
     }), (n, o) => {
@@ -102,7 +102,7 @@ const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-
         d.value ? (l(), u("div", A, [
           w(B, { size: "md" }),
           o[0] || (o[0] = p("div", null, "Loading bindings table...", -1))
-        ])) : (l(), z(T, {
+        ])) : (l(), M(T, {
           key: 0,
           items: i.value,
           recipes: f.value,