@feedmepos/mf-inventory-portal 1.2.1 → 1.2.2-5.dev-1

package/dist/App-DMkUg806.js

@@ -0,0 +1,297 @@
+import { ref as B, onUnmounted as D, defineComponent as w, watch as L, onMounted as M, computed as P, resolveComponent as y, openBlock as R, createElementBlock as A, unref as T, createVNode as g, createElementVNode as v, toDisplayString as x, createBlock as F, createCommentVNode as W } from "vue";
+import { u as K, a as $, b as j, R as e, c as V, m as _, g as r, d as k } from "./app-a9r50k3U.js";
+import { useCoreStore as U, useI18n as H } from "@feedmepos/mf-common";
+import { useRouter as O, useRoute as z } from "vue-router";
+import { u as Q } from "./useTabStorage-BkIVScW_.js";
+import { u as Y } from "./googlemap-Dm8ERVai.js";
+function q() {
+  return {
+    loadingHookInstalled: !1,
+    isLoading: !1
+  };
+}
+const I = B(q());
+function J() {
+  const c = O();
+  if (!I.value.loadingHookInstalled) {
+    I.value.loadingHookInstalled = !0;
+    const a = c.beforeEach(() => {
+      I.value.isLoading = !0;
+    }), d = c.afterEach(() => {
+      I.value.isLoading = !1;
+    });
+    D(() => {
+      I.value.loadingHookInstalled = !1, a(), d();
+    });
+  }
+  return {
+    get isLoading() {
+      return I.value.isLoading;
+    }
+  };
+}
+const X = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Z = {
+  key: 1,
+  class: "flex flex-col pt-[200px] gap-32 items-center"
+}, ee = { class: "flex flex-col gap-12 items-center text-center px-24 max-w-[1000px]" }, te = { class: "fm-typo-en-title-lg-600" }, oe = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, ne = { class: "flex gap-16" }, ae = { href: "https://feedme.ai/product/inventory/features?tab=plans_%26_prices" }, re = { href: "https://feedme.ai/form" }, le = /* @__PURE__ */ w({
+  __name: "InventoryView",
+  setup(c) {
+    const a = K(), d = $(), p = j(), l = U(), s = O(), m = J(), t = V(), { t: E } = H();
+    L(
+      [() => l.sessionUser.value, () => l.currentBusiness.value],
+      ([u, i]) => {
+        h(u, i);
+      }
+    ), M(async () => {
+      await t.init(), await l.readBusinesses();
+      const u = l.sessionUser.value, i = l.currentBusiness.value;
+      h(u, i);
+    });
+    function h(u, i) {
+      !u || !i || N();
+    }
+    async function N() {
+      return await a.init(), await p.readSetting().catch((u) => {
+        console.error("[all] error on reading netsuite store", u);
+      }), await d.init();
+    }
+    const C = P(() => s.currentRoute.value.name === e.TRANSFER_TEMPLATE ? t.enablePoTemplate : s.currentRoute.value.name === e.INGREDIENT_GROUP ? t.enableIngredientGroup : !0);
+    return (u, i) => {
+      const S = y("FmSpacer"), G = y("FmCircularProgress"), o = y("FmButton"), n = y("RouterView");
+      return R(), A("div", null, [
+        T(m).isLoading ? (R(), A("div", X, [
+          g(S),
+          v("div", null, [
+            g(G, { size: "xl" })
+          ]),
+          i[0] || (i[0] = v("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading page...", -1)),
+          g(S)
+        ])) : C.value ? T(l).sessionUser.value ? (R(), F(n, { key: 2 })) : W("", !0) : (R(), A("div", Z, [
+          v("div", ee, [
+            v("div", te, x(T(E)("inventory.common.proPlan.title")), 1),
+            v("div", oe, x(T(E)("inventory.common.proPlan.subtitle")), 1)
+          ]),
+          v("div", ne, [
+            v("a", ae, [
+              g(o, {
+                label: T(E)("inventory.common.proPlan.comparePlans"),
+                variant: "secondary"
+              }, null, 8, ["label"])
+            ]),
+            v("a", re, [
+              g(o, {
+                label: T(E)("inventory.common.proPlan.callUs"),
+                "prepend-icon": "call"
+              }, null, 8, ["label"])
+            ])
+          ])
+        ]))
+      ]);
+    };
+  }
+}), se = { class: "h-full flex flex-col overflow-auto py-16" }, ie = /* @__PURE__ */ w({
+  __name: "NavigationTab",
+  setup(c) {
+    const a = _.object({
+      label: _.string(),
+      value: _.string().optional(),
+      icon: _.string().optional(),
+      hide: _.boolean().optional(),
+      children: _.array(_.lazy(() => a)).optional()
+    }), d = z(), p = O(), l = U(), s = V(), m = Q(), { t } = H(), { isDev: E } = k();
+    L([() => l.currentBusiness.value, () => d.name], ([o, n]) => {
+      (o == null ? void 0 : o.menuVersion) === "v3" && (n === e.INGREDIENTS || n === e.RECIPE || n === e.UNIT) && p.push({ name: e.STOCK });
+    });
+    const h = (o) => o.filter((n) => !n.hide).map((n) => n.children ? { ...n, children: h(n.children) } : n), N = (o) => o.map((n) => {
+      delete n.hide;
+      const f = n;
+      return n.children && (f.children = N(n.children)), f;
+    }), C = P(() => {
+      var f;
+      const o = [
+        {
+          label: "Non-Production Environment",
+          icon: "logo_dev",
+          disabled: !0,
+          hide: !E
+        },
+        {
+          label: r(e.STOCK, t),
+          // icon: 'inventory_2',
+          children: [
+            {
+              label: t("inventory.stock.stock_balance.title"),
+              value: e.STOCK
+            },
+            {
+              label: r(e.WASTAGE_TEMPLATE, t),
+              value: e.WASTAGE_TEMPLATE,
+              hide: !s.enableWastageTemplate
+            }
+          ]
+        },
+        {
+          label: "Closing",
+          children: [
+            {
+              label: r(e.CLOSING_HISTORY, t),
+              value: e.CLOSING_HISTORY
+            },
+            {
+              label: r(e.CLOSING_TEMPLATE, t),
+              value: e.CLOSING_TEMPLATE,
+              hide: !s.enableClosingTemplate
+            },
+            {
+              label: r(e.CLOSING_DRAFT, t),
+              value: e.CLOSING_DRAFT,
+              hide: !s.enableClosingTemplate
+            }
+          ]
+        },
+        {
+          label: r(e.INGREDIENTS, t),
+          // icon: 'grocery',
+          value: e.INGREDIENTS
+        },
+        {
+          label: r(e.INGREDIENT_GROUP, t),
+          // icon: 'grocery',
+          value: e.INGREDIENT_GROUP,
+          hide: !s.enableIngredientGroup
+        },
+        {
+          label: r(e.RECIPE, t),
+          // icon: 'weight',
+          value: e.RECIPE
+        },
+        {
+          label: r(e.UNIT, t),
+          // icon: 'fastfood',
+          value: e.UNIT
+        },
+        {
+          label: t("inventory.transfer.title"),
+          // icon: 'swap_horiz',
+          children: [
+            {
+              label: r(e.RECEIVE_REQUEST, t),
+              value: e.RECEIVE_REQUEST
+            },
+            {
+              label: r(e.APPROVAL, t),
+              value: e.APPROVAL
+            },
+            {
+              label: r(e.TRANSFER_TEMPLATE, t),
+              value: e.TRANSFER_TEMPLATE,
+              hide: !s.enablePoTemplate
+            }
+          ]
+        },
+        {
+          label: r(e.SUPPLIER, t),
+          // icon: 'group',
+          value: e.SUPPLIER
+        },
+        {
+          label: r(e.WAREHOUSE, t),
+          // icon: 'warehouse',
+          value: e.WAREHOUSE
+        },
+        {
+          label: r(e.PUBLISH, t),
+          value: e.PUBLISH
+        },
+        {
+          label: r(e.IMPORT, t),
+          value: e.IMPORT,
+          hide: !s.enableBulkImport
+        },
+        {
+          label: r(e.INTEGRATION, t),
+          // icon: 'integration_instructions',
+          value: e.INTEGRATION
+        }
+      ], n = N(h(o));
+      return ((f = l.currentBusiness.value) == null ? void 0 : f.menuVersion) === "v3" ? n.filter(
+        (b) => b.value !== e.INGREDIENTS && b.value !== e.RECIPE && b.value !== e.UNIT && b.value !== e.PUBLISH
+      ) : n;
+    }), u = P({
+      get() {
+        if (d.name)
+          return String(d.name);
+      },
+      set(o) {
+        o && p.push({ name: o });
+      }
+    }), i = P(
+      () => {
+        var o;
+        return `NavigationTab.${(o = l.currentBusiness.value) == null ? void 0 : o._id}`;
+      }
+    ), S = B(!1), G = P({
+      get() {
+        return S.value;
+      },
+      set(o) {
+        S.value = o, o || m.setItem(i.value, "true");
+      }
+    });
+    return L([() => i.value], () => {
+      S.value = !1, setTimeout(() => {
+        G.value = !m.getItem(i.value);
+      }, 2e3);
+    }), (o, n) => {
+      const f = y("FmCollapsibleTabs");
+      return R(), A("div", se, [
+        g(f, {
+          modelValue: u.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (b) => u.value = b),
+          items: C.value
+        }, null, 8, ["modelValue", "items"])
+      ]);
+    };
+  }
+});
+typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
+  let c, a;
+  return { promise: new Promise((p, l) => {
+    c = p, a = l;
+  }), resolve: c, reject: a };
+});
+typeof Promise.prototype.delayed > "u" && (Promise.prototype.delayed = async function(c) {
+  return await new Promise((a) => setTimeout(a, c)), Promise.resolve(this);
+});
+const fe = /* @__PURE__ */ w({
+  __name: "App",
+  setup(c) {
+    const a = U(), d = Y(), p = k();
+    M(() => {
+      if (window.location.href.includes("print-preview")) {
+        a.setEmbedded(!0), document.body.classList.add("print-mode");
+        return;
+      }
+      a.registerSidebarComponent(ie), d.initGoogleMap(p.appApi.googleMap).catch(() => {
+        console.error("Google map cannot be loaded");
+      });
+    }), L([() => a.currentCountry.value], () => {
+      l();
+    });
+    async function l() {
+      var s;
+      try {
+        await a.readBusinesses(), a.currentBusiness.value = (s = a.businesses.value) == null ? void 0 : s.find((m) => m);
+      } catch (m) {
+        console.error("error when trying to reset businesses:", m);
+      }
+    }
+    return (s, m) => (R(), F(le));
+  }
+});
+export {
+  fe as default
+};

package/dist/{ApprovalView-DwRrbVDo.js → ApprovalView-DWJh2K6W.js}

@@ -1,15 +1,15 @@
-import { defineComponent as ue, ref as y, watch as ie, computed as d, resolveComponent as ce, openBlock as x, createBlock as X, unref as n, withCtx as k, createElementVNode as c, normalizeClass as pe, createVNode as i, normalizeStyle as de, toDisplayString as me, createElementBlock as fe, createCommentVNode as ve, Teleport as he, mergeProps as _e } from "vue";
-import { u as De, b as ge, aG as b, aR as ye, ah as Z, B as be, N as Re, H as Oe, _ as Se, C as xe, E as ke, G as R } from "./app-CruHLH1e.js";
-import { a as qe, P as q, b as we, _ as Pe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-eqUOnJoM.js";
+import { defineComponent as ue, ref as y, watch as ie, computed as d, resolveComponent as ce, openBlock as x, createBlock as W, unref as n, withCtx as k, createElementVNode as c, normalizeClass as pe, createVNode as i, normalizeStyle as de, toDisplayString as me, createElementBlock as fe, createCommentVNode as ve, Teleport as he, mergeProps as _e } from "vue";
+import { u as De, b as ge, m as b, aZ as ye, am as X, G as be, N as Oe, H as Re, I as Se, J as xe, K as ke, L as O } from "./app-a9r50k3U.js";
+import { u as qe, P as q, a as we, _ as Pe } from "./TransferDetails.vue_vue_type_script_setup_true_lang-c428GXwc.js";
 import { useBreakpoints as Ne } from "@feedmepos/ui-library";
 import { useI18n as Te } from "@feedmepos/mf-common";
-const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Le = {
+const Ae = { class: "flex flex-col py-8" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Ve = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
 }, ze = { class: "pt-8" }, je = /* @__PURE__ */ ue({
   __name: "ApprovalView",
-  setup(Ee) {
-    const s = qe(q.APPROVAL), { columnDefs: B } = we(q.APPROVAL, s), I = De(), ee = ge();
+  setup(Fe) {
+    const a = qe(q.APPROVAL), { columnDefs: I } = we(q.APPROVAL, a, a.shipments), B = De(), ee = ge();
     b.object({
       name: b.string().optional().nullable(),
       start: b.date().optional().nullable(),
@@ -19,8 +19,8 @@ const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-40
       name: "",
       ...ye()
     }), l = y({
-      startDate: Z(w.value.start ?? /* @__PURE__ */ new Date()),
-      endDate: Z(w.value.end ?? /* @__PURE__ */ new Date())
+      startDate: X(w.value.start ?? /* @__PURE__ */ new Date()),
+      endDate: X(w.value.end ?? /* @__PURE__ */ new Date())
     });
     ie([() => l.value.startDate], () => {
       if (!l.value.startDate)
@@ -34,9 +34,9 @@ const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-40
         l.value.endDate = l.value.startDate;
         return;
       }
-      s.updateDateRange(l.value.startDate, l.value.endDate);
+      a.updateDateRange(l.value.startDate, l.value.endDate);
     });
-    const O = y(""), { breakpoints: P } = Ne(), S = d(() => P.value.xs || P.value.sm), te = d(() => S.value ? 10 : 20), ae = be(), { t: N } = Te(), re = d(() => [
+    const R = y(""), { breakpoints: P } = Ne(), S = d(() => P.value.xs || P.value.sm), te = d(() => S.value ? 10 : 20), ae = be(), { t: N } = Te(), re = d(() => [
       {
         label: N("inventory.common.refresh"),
         value: "refresh"
@@ -45,7 +45,7 @@ const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-40
     function se(u) {
       switch (u) {
         case "refresh":
-          return s.fetchData();
+          return a.fetchData();
       }
     }
     const ne = d(() => {
@@ -56,69 +56,69 @@ const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-40
           entity: "purchaseOrderRequest",
           values: Array.from(
             new Set(
-              s.purchaseRequests.value.map((e) => {
-                var a;
-                return ((a = e.purchaseOrder) == null ? void 0 : a.status) ?? "";
+              a.purchaseRequests.value.map((e) => {
+                var r;
+                return ((r = e.purchaseOrder) == null ? void 0 : r.status) ?? "";
               }).filter((e) => e !== "")
             )
           )
         }
-      ], r = [
+      ], s = [
         {
           type: "string",
           key: "netsuiteTransactionNumber",
           entity: "purchaseOrderRequest",
-          values: s.purchaseRequests.value.map((e) => {
-            var a, t;
-            return (t = (a = e.netSuite) == null ? void 0 : a.additionalInfo) == null ? void 0 : t.transactionnumber;
+          values: a.purchaseRequests.value.map((e) => {
+            var r, t;
+            return (t = (r = e.netSuite) == null ? void 0 : r.additionalInfo) == null ? void 0 : t.transactionnumber;
           }).filter((e) => e != null)
         },
         {
           type: "string",
           key: "netsuiteOrderNo",
           entity: "purchaseOrderRequest",
-          values: s.purchaseRequests.value.map((e) => {
-            var a;
-            return (a = e.netSuite) == null ? void 0 : a.refNo;
+          values: a.purchaseRequests.value.map((e) => {
+            var r;
+            return (r = e.netSuite) == null ? void 0 : r.refNo;
           }).filter((e) => e != null)
         },
         {
           type: "string",
           key: "netsuiteOrderId",
           entity: "purchaseOrderRequest",
-          values: s.purchaseRequests.value.map((e) => {
-            var a;
-            return (a = e.netSuite) == null ? void 0 : a.id;
+          values: a.purchaseRequests.value.map((e) => {
+            var r;
+            return (r = e.netSuite) == null ? void 0 : r.id;
           }).filter((e) => e != null)
         }
       ];
-      return [...u, ...ee.isEnabled ? r : []];
+      return [...u, ...ee.isEnabled ? s : []];
     }), m = y(null), oe = d(() => {
       if (!m.value)
-        return s.purchaseRequests.value;
-      const u = Re.build(m.value);
-      return s.purchaseRequests.value.filter((r) => {
-        var e, a, t, o, p;
-        return Oe(
+        return a.purchaseRequests.value;
+      const u = Oe.build(m.value);
+      return a.purchaseRequests.value.filter((s) => {
+        var e, r, t, o, p;
+        return Re(
           {
-            netsuiteTransactionNumber: (a = (e = r.netSuite) == null ? void 0 : e.additionalInfo) == null ? void 0 : a.transactionnumber,
-            netsuiteOrderNo: (t = r.netSuite) == null ? void 0 : t.refNo,
-            netsuiteOrderId: (o = r.netSuite) == null ? void 0 : o.id,
-            status: (p = r.purchaseOrder) == null ? void 0 : p.status
+            netsuiteTransactionNumber: (r = (e = s.netSuite) == null ? void 0 : e.additionalInfo) == null ? void 0 : r.transactionnumber,
+            netsuiteOrderNo: (t = s.netSuite) == null ? void 0 : t.refNo,
+            netsuiteOrderId: (o = s.netSuite) == null ? void 0 : o.id,
+            status: (p = s.purchaseOrder) == null ? void 0 : p.status
           },
           u
         );
       });
     });
-    return (u, r) => {
+    return (u, s) => {
       const e = ce("FmTable");
-      return x(), X(Se, {
+      return x(), W(Se, {
         title: n(N)("inventory.transfer.approval.title"),
         actions: re.value,
         "onClick:action": se
       }, {
         default: k(() => {
-          var a;
+          var r;
           return [
             c("div", {
               class: pe([
@@ -132,23 +132,23 @@ const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-40
               i(xe, {
                 "date-range-query": "",
                 "date-range": l.value,
-                "onUpdate:dateRange": r[0] || (r[0] = (t) => l.value = t),
+                "onUpdate:dateRange": s[0] || (s[0] = (t) => l.value = t),
                 searchable: "",
                 "change-location": "",
-                search: O.value,
-                "onUpdate:search": r[1] || (r[1] = (t) => O.value = t),
+                search: R.value,
+                "onUpdate:search": s[1] || (s[1] = (t) => R.value = t),
                 filterable: "",
                 "filter-attributes": ne.value,
                 filter: m.value,
-                "onUpdate:filter": r[2] || (r[2] = (t) => m.value = t)
+                "onUpdate:filter": s[2] || (s[2] = (t) => m.value = t)
               }, null, 8, ["date-range", "search", "filter-attributes", "filter"]),
               i(e, {
                 style: de(n(ae).tableHeight),
-                "column-defs": n(B),
+                "column-defs": n(I),
                 "row-data": oe.value,
-                "search-value": O.value,
-                loading: !n(I)._currentLocation || n(s).loading.value,
-                onRowClick: r[3] || (r[3] = (t) => n(s).promptShowTransferDetails(
+                "search-value": R.value,
+                loading: !n(B)._currentLocation || n(a).loading.value,
+                onRowClick: s[3] || (s[3] = (t) => n(a).promptShowTransferDetails(
                   t.original.purchaseOrder,
                   t.original
                 )),
@@ -157,35 +157,35 @@ const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-40
                 "list-row": k((t) => [
                   i(ke, {
                     row: t,
-                    onRowClick: (o) => n(s).promptShowTransferDetails(o.purchaseOrder, o)
+                    onRowClick: (o) => n(a).promptShowTransferDetails(o.purchaseOrder, o)
                   }, {
                     default: k((o) => {
-                      var p, T, C, f, A, M, V, L, v, z, E, h, F, _, $, H, Y, U, j, D, G, J, K, Q, g, W;
+                      var p, T, A, f, C, M, L, V, v, z, F, h, $, _, E, H, Y, U, j, D, G, J, K, Z, g, Q;
                       return [
-                        c("div", Ce, [
-                          c("div", Ae, [
-                            i(n(R), {
-                              render: (C = (T = (p = o.purchaseOrder__id) == null ? void 0 : p.column) == null ? void 0 : T.columnDef) == null ? void 0 : C.cell,
-                              props: (A = (f = o.purchaseOrder__id) == null ? void 0 : f.getContext) == null ? void 0 : A.call(f)
+                        c("div", Ae, [
+                          c("div", Ce, [
+                            i(n(O), {
+                              render: (A = (T = (p = o.purchaseOrder__id) == null ? void 0 : p.column) == null ? void 0 : T.columnDef) == null ? void 0 : A.cell,
+                              props: (C = (f = o.purchaseOrder__id) == null ? void 0 : f.getContext) == null ? void 0 : C.call(f)
                             }, null, 8, ["render", "props"])
                           ]),
                           c("div", Me, [
-                            i(n(R), {
-                              render: (L = (V = (M = o.to_name) == null ? void 0 : M.column) == null ? void 0 : V.columnDef) == null ? void 0 : L.cell,
+                            i(n(O), {
+                              render: (V = (L = (M = o.to_name) == null ? void 0 : M.column) == null ? void 0 : L.columnDef) == null ? void 0 : V.cell,
                               props: (z = (v = o.to_name) == null ? void 0 : v.getContext) == null ? void 0 : z.call(v)
                             }, null, 8, ["render", "props"])
                           ]),
-                          c("div", Ve, me(($ = (_ = (F = (h = (E = t.original.purchaseOrder) == null ? void 0 : E.items) == null ? void 0 : h.map) == null ? void 0 : F.call(h, (le) => `${le.name}`)) == null ? void 0 : _.join) == null ? void 0 : $.call(_, ", ")), 1),
-                          (H = t.original.purchaseOrder) != null && H.ref ? (x(), fe("div", Le, [
-                            i(n(R), {
+                          c("div", Le, me((E = (_ = ($ = (h = (F = t.original.purchaseOrder) == null ? void 0 : F.items) == null ? void 0 : h.map) == null ? void 0 : $.call(h, (le) => `${le.name}`)) == null ? void 0 : _.join) == null ? void 0 : E.call(_, ", ")), 1),
+                          (H = t.original.purchaseOrder) != null && H.ref ? (x(), fe("div", Ve, [
+                            i(n(O), {
                               render: (j = (U = (Y = o.purchaseOrder_ref) == null ? void 0 : Y.column) == null ? void 0 : U.columnDef) == null ? void 0 : j.cell,
                               props: (G = (D = o.purchaseOrder_ref) == null ? void 0 : D.getContext) == null ? void 0 : G.call(D)
                             }, null, 8, ["render", "props"])
                           ])) : ve("", !0),
                           c("div", ze, [
-                            i(n(R), {
-                              render: (Q = (K = (J = o.purchaseOrder_status) == null ? void 0 : J.column) == null ? void 0 : K.columnDef) == null ? void 0 : Q.cell,
-                              props: (W = (g = o.purchaseOrder_status) == null ? void 0 : g.getContext) == null ? void 0 : W.call(g)
+                            i(n(O), {
+                              render: (Z = (K = (J = o.purchaseOrder_status) == null ? void 0 : J.column) == null ? void 0 : K.columnDef) == null ? void 0 : Z.cell,
+                              props: (Q = (g = o.purchaseOrder_status) == null ? void 0 : g.getContext) == null ? void 0 : Q.call(g)
                             }, null, 8, ["render", "props"])
                           ])
                         ])
@@ -197,14 +197,15 @@ const Ce = { class: "flex flex-col py-8" }, Ae = { class: "fm-typo-en-body-md-40
                 _: 1
               }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
             ], 2),
-            (x(), X(he, { to: "body" }, [
+            (x(), W(he, { to: "body" }, [
               i(Pe, _e({
                 scope: n(q).APPROVAL
               }, {
-                ...n(s).transferDetailsProps.value,
-                receivedMap: ((a = n(s).transferDetailsProps.value) == null ? void 0 : a.receivedMap) ?? {}
+                ...n(a).transferDetailsProps.value,
+                receivedMap: ((r = n(a).transferDetailsProps.value) == null ? void 0 : r.receivedMap) ?? {},
+                shipments: n(a).shipments.value ?? []
               }, {
-                onSubmitted: n(s).fetchData
+                onSubmitted: n(a).fetchData
               }), null, 16, ["scope", "onSubmitted"])
             ]))
           ];

package/dist/{BindingsDialog-DUVKv10-.js → BindingsDialog-EmHCvqJI.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-B7DND2dQ.js";
-import { a as L, b3 as S } from "./app-CruHLH1e.js";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-NDbtbtqK.js";
+import { a as L, bc as S } from "./app-a9r50k3U.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-Daib_iq4.js → BindingsPicker-h_9jm1s0.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, b3 as x, a2 as z } from "./app-CruHLH1e.js";
+import { a as x, bc as M, x as z } from "./app-a9r50k3U.js";
 const F = {
   key: 0,
   class: "flex flex-col gap-16"
@@ -9,7 +9,7 @@ const F = {
 }, N = /* @__PURE__ */ S({
   __name: "BindingsPicker",
   setup(L) {
-    const d = M(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
+    const d = x(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
@@ -62,7 +62,7 @@ const F = {
           ];
         }
       }
-    }), _ = l(), o = x(B);
+    }), _ = l(), o = M(B);
     async function B() {
       await d.readInventory(), _.value = o.onMessage(
         "props:binding-items",

package/dist/{BindingsTable-Bv9UmcJP.js → BindingsTable-BAVWGUoa.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 z, createBlock as M } from "vue";
-import { F as b, a as P, b3 as R } from "./app-CruHLH1e.js";
+import { F as b, a as P, bc as R } from "./app-a9r50k3U.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({