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

package/dist/{InventoryBindingForm-AB8rum4-.js → InventoryBindingForm-BRwOXV_P.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BgZt_9h1.js";
+import { _ as f } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-NDbtbtqK.js";
 export {
   f as default
 };

package/dist/{InventoryBindingForm.vue_vue_type_script_setup_true_lang-BgZt_9h1.js → InventoryBindingForm.vue_vue_type_script_setup_true_lang-NDbtbtqK.js}

@@ -1,7 +1,7 @@
 import { defineComponent as ee, computed as _, reactive as ne, resolveComponent as k, openBlock as r, createElementBlock as p, createVNode as y, withCtx as U, createElementVNode as n, toDisplayString as m, unref as i, createBlock as B, createCommentVNode as v, Fragment as E, renderList as C, nextTick as oe } from "vue";
-import { a as te, X as le, b4 as ie, j as h, b5 as N, V as G, T as se, F as de } from "./app-B6mXF-3v.js";
-import { u as re } from "./use-inventory-binding-dialog-CavX3SFd.js";
-import { _ as ae, c as ue, d as me } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DJctVhvZ.js";
+import { a as te, a3 as le, bd as ie, n as h, be as T, a1 as G, a0 as se, F as de } from "./app-a9r50k3U.js";
+import { u as re } from "./use-inventory-binding-dialog-ClAkJ864.js";
+import { _ as ae, c as ue, d as me } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DwqVRUFz.js";
 import { useI18n as ce } from "@feedmepos/mf-common";
 const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-16" }, fe = { class: "flex items-center" }, ve = { class: "flex-1 fm-typo-en-title-sm-600" }, be = { class: "flex flex-col" }, ge = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, _e = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, xe = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, he = {
   class: "flex items-center",
@@ -21,16 +21,16 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
 }, Pe = {
   class: "flex items-center",
   style: { "min-height": "48px" }
-}, Te = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Ne = { class: "flex flex-col" }, Me = { class: "w-[200px]" }, De = {
+}, Ne = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Te = { class: "flex flex-col" }, Me = { class: "w-[200px]" }, De = {
   key: 0,
   class: "w-[52px]"
 }, Ke = { class: "flex flex-col gap-16" }, $e = { class: "flex items-center" }, je = { class: "flex-1 fm-typo-en-title-sm-600" }, ze = { class: "flex flex-col" }, Le = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Oe = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Ye = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, We = {
   class: "flex items-center w-full",
   style: { "min-height": "48px" }
-}, Xe = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, qe = { class: "line-clamp-1" }, He = { class: "w-[150px]" }, Je = {
+}, qe = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, He = { class: "line-clamp-1" }, Je = { class: "w-[150px]" }, Qe = {
   key: 0,
   class: "w-[52px]"
-}, Qe = { class: "flex flex-col px-12 pb-4" }, ln = /* @__PURE__ */ ee({
+}, Xe = { class: "flex flex-col px-12 pb-4" }, ln = /* @__PURE__ */ ee({
   __name: "InventoryBindingForm",
   props: {
     id: {},
@@ -76,7 +76,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
       );
     }
     const W = _(() => s.modelValue.filter((e) => e.type === "SKU_GROUP"));
-    async function X() {
+    async function q() {
       O(
         s.modelValue,
         (e) => b("update:modelValue", e),
@@ -84,7 +84,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
       );
     }
     const R = _(() => s.modelValue.filter((e) => e.type === "SKU") ?? []);
-    async function q() {
+    async function H() {
       if (s.iframeMode) {
         b("click:pick-inventory-bindings", "SKU");
         return;
@@ -113,10 +113,10 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
         throw new Error(`Cannot find ingredient: ${e.id}`);
       return (d = I.value[e.id]) == null ? void 0 : d.unit;
     }
-    function H(e) {
+    function J(e) {
       return { amount: e.amount, measurement: e.measurement };
     }
-    function J(e, t, o) {
+    function Q(e, t, o) {
       const d = o.map((f) => f.id !== e ? f : {
         ...f,
         amount: t.amount,
@@ -124,9 +124,9 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
       });
       b("update:modelValue", d);
     }
-    const T = ne({});
-    function Q(e) {
-      return T[e.id] ?? {
+    const N = ne({});
+    function X(e) {
+      return N[e.id] ?? {
         modelValue: {
           amount: e.amount,
           measurement: e.measurement
@@ -136,7 +136,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
     }
     function Z(e, t) {
       oe(() => {
-        T[e.id] = {
+        N[e.id] = {
           modelValue: {
             amount: e.amount,
             measurement: e.measurement
@@ -184,7 +184,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
               key: l.id,
               disabled: e.disabled,
               modelValue: +i(h)(l.amount ?? { amount: 1, precision: 0 }),
-              rules: [i(N)(0), i(G)(0)]
+              rules: [i(T)(0), i(G)(0)]
             }, {
               default: U(({ invalid: V }) => {
                 var g;
@@ -239,7 +239,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
               "border-color": "primary",
               label: i(a)("inventory.inventoryBindings.linkIngredientGroup"),
               "prepend-icon": "link",
-              onClick: X
+              onClick: q
             }, null, 8, ["label"]))
           ]),
           n("div", Ce, [
@@ -252,7 +252,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
               key: l.id,
               disabled: e.disabled,
               modelValue: +i(h)(l.amount ?? { amount: 1, precision: 0 }),
-              rules: [i(N)(0), i(G)(0)]
+              rules: [i(T)(0), i(G)(0)]
             }, {
               default: U(({ invalid: V }) => {
                 var g;
@@ -267,8 +267,8 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
                       n("div", null, m(i(a)("inventory.inventoryBindings.circularError")), 1)
                     ])) : v("", !0),
                     n("div", Pe, [
-                      n("div", Te, [
-                        n("div", Ne, m((g = $.value[l.id]) == null ? void 0 : g.name), 1)
+                      n("div", Ne, [
+                        n("div", Te, m((g = $.value[l.id]) == null ? void 0 : g.name), 1)
                       ]),
                       n("div", Me, [
                         y(f, {
@@ -307,7 +307,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
               "border-color": "primary",
               label: i(a)("inventory.inventoryBindings.linkIngredient"),
               "prepend-icon": "link",
-              onClick: q
+              onClick: H
             }, null, 8, ["label"]))
           ]),
           n("div", ze, [
@@ -323,13 +323,13 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
                 class: "flex flex-col border-b border-fm-color-neutral-gray-100"
               }, [
                 n("div", We, [
-                  n("div", Xe, [
-                    n("span", qe, m((g = I.value[l.id]) == null ? void 0 : g.name), 1)
+                  n("div", qe, [
+                    n("span", He, m((g = I.value[l.id]) == null ? void 0 : g.name), 1)
                   ]),
-                  n("div", He, [
+                  n("div", Je, [
                     y(ae, {
-                      "model-value": H(l),
-                      "onUpdate:modelValue": (c) => c && J(l.id, c, e.modelValue),
+                      "model-value": J(l),
+                      "onUpdate:modelValue": (c) => c && Q(l.id, c, e.modelValue),
                       "onUpdate:amount": (c) => Z(l, c),
                       unit: P(l),
                       placement: V === R.value.length - 1 ? "top" : "bottom",
@@ -337,7 +337,7 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
                       disabled: e.readonly
                     }, null, 8, ["model-value", "onUpdate:modelValue", "onUpdate:amount", "unit", "placement", "disabled"])
                   ]),
-                  e.readonly ? v("", !0) : (r(), p("div", Je, [
+                  e.readonly ? v("", !0) : (r(), p("div", Qe, [
                     y(d, {
                       disabled: e.disabled,
                       type: "button",
@@ -347,13 +347,13 @@ const pe = { class: "flex flex-col gap-24" }, ye = { class: "flex flex-col gap-1
                     }, null, 8, ["disabled", "onClick"])
                   ]))
                 ]),
-                n("div", Qe, [
+                n("div", Xe, [
                   y(o, {
                     modelValue: +i(h)(l.amount ?? { amount: 1, precision: 0 }),
                     rules: [i(G)(0)]
                   }, null, 8, ["modelValue", "rules"]),
                   y(o, {
-                    modelValue: Q(l),
+                    modelValue: X(l),
                     rules: [
                       i(ue)(),
                       i(me)(P(l)),

package/dist/{InventoryBindingSummary-CWOG5DIz.js → InventoryBindingSummary-DKM2gX8_.js}

@@ -1,7 +1,7 @@
 import { defineComponent as l, resolveComponent as m, openBlock as c, createBlock as d, h as g } from "vue";
 import { useI18n as p } from "@feedmepos/mf-common";
 import { components as u } from "@feedmepos/ui-library";
-import { F as r } from "./app-B6mXF-3v.js";
+import { F as r } from "./app-a9r50k3U.js";
 const w = /* @__PURE__ */ l({
   __name: "InventoryBindingSummary",
   props: {

package/dist/{NumberPrecisionInput.vue_vue_type_script_setup_true_lang-CmN30iEZ.js → NumberPrecisionInput.vue_vue_type_script_setup_true_lang-CdaiYTdf.js}

@@ -1,6 +1,6 @@
 import { defineComponent as V, computed as w, ref as h, watch as u, resolveComponent as i, openBlock as F, createBlock as g, withCtx as d, createVNode as A, createElementVNode as k, normalizeClass as K } from "vue";
-import { T as s } from "./app-B6mXF-3v.js";
-const T = ["value", "disabled"], B = /* @__PURE__ */ V({
+import { a0 as s } from "./app-a9r50k3U.js";
+const _ = ["value", "disabled"], C = /* @__PURE__ */ V({
   __name: "NumberPrecisionInput",
   props: {
     modelValue: {},
@@ -57,7 +57,7 @@ const T = ["value", "disabled"], B = /* @__PURE__ */ V({
                   "text-fm-color-typo-disabled": e.disabled
                 }),
                 disabled: e.disabled
-              }, null, 42, T)
+              }, null, 42, _)
             ]),
             _: 2
           }, 1032, ["invalid"])
@@ -68,5 +68,5 @@ const T = ["value", "disabled"], B = /* @__PURE__ */ V({
   }
 });
 export {
-  B as _
+  C as _
 };

package/dist/{PremiumBadge.vue_vue_type_script_setup_true_lang-C1cUDp0u.js → PremiumBadge.vue_vue_type_script_setup_true_lang-B0OKeK5O.js}

@@ -1,17 +1,17 @@
-import { aH as u, aI as _, a3 as h, u as F } from "./app-B6mXF-3v.js";
+import { aR as u, aS as _, aa as h, u as F } from "./app-a9r50k3U.js";
 import { useCoreStore as y } from "@feedmepos/mf-common";
-import { ref as v, defineComponent as k, resolveComponent as l, openBlock as g, createElementBlock as S, renderSlot as x, createVNode as m, withCtx as I } from "vue";
-function O(e, t) {
+import { ref as v, defineComponent as k, resolveComponent as l, openBlock as g, createElementBlock as S, renderSlot as x, createVNode as m, withCtx as O } from "vue";
+function w(e, t) {
   return t.map((r) => typeof r.selector == "function" ? r.selector(e) : e[r.selector]);
 }
-function w(e, t) {
-  const r = t.map((o) => o.name), n = e.map((o) => O(o, t));
+function I(e, t) {
+  const r = t.map((o) => o.name), n = e.map((o) => w(o, t));
   return u.aoa_to_sheet([r, ...n]);
 }
 async function C(e, t) {
   const r = u.book_new();
   for (const n of e) {
-    const o = w(
+    const o = I(
       n.data,
       n.columns.map((a) => typeof a == "string" ? {
         name: a,
@@ -98,7 +98,7 @@ const b = { class: "flex items-center gap-8" }, B = "Experience enhanced invento
           content: B,
           "z-index": t.zIndex
         }, {
-          default: I(() => [
+          default: O(() => [
             m(n, { variant: "premium" })
           ]),
           _: 1

package/dist/{PublishView-FHyjjevA.js → PublishView-D0NnU22l.js}

@@ -1,10 +1,20 @@
-import { defineComponent as Q, ref as z, computed as r, resolveComponent as s, openBlock as B, createBlock as I, unref as v, createSlots as X, withCtx as c, createElementVNode as h, normalizeClass as Z, createVNode as n, normalizeStyle as ee, Teleport as te, h as f } from "vue";
-import { aB as oe, u as ne, a as ae, a$ as se, B as le, _ as ie, a4 as H } from "./app-B6mXF-3v.js";
-import { useBreakpoints as re, useDialog as ce, useSnackbar as ue, components as R } from "@feedmepos/ui-library";
-const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, fe = /* @__PURE__ */ Q({
+import { defineComponent as Q, ref as D, computed as c, watch as X, resolveComponent as l, openBlock as W, createBlock as z, unref as h, createSlots as Z, withCtx as u, createElementVNode as f, normalizeClass as ee, createVNode as a, normalizeStyle as te, Teleport as oe, h as g } from "vue";
+import { aM as ne, u as ae, a as se, b7 as le, G as ie, I as re, ab as B } from "./app-a9r50k3U.js";
+import { useBreakpoints as ce, useDialog as ue, useSnackbar as me, components as H } from "@feedmepos/ui-library";
+const pe = { class: "flex flex-col py-8" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ge = /* @__PURE__ */ Q({
   __name: "PublishView",
-  setup(ye) {
-    const { t } = oe(), { breakpoints: x } = re(), l = ne(), A = ae(), S = se(), g = z(!1), u = r(() => A.state.inventory.updatedAt ? A.state.inventory.updatedAt : null), Y = le(), C = ce(), $ = ue(), N = r(() => l.locations), _ = r(() => x.value.xs || x.value.sm), U = r(() => _.value ? 10 : 20), q = r(() => [
+  setup(be) {
+    const { t } = ne(), { breakpoints: x } = ce(), n = ae(), A = se(), S = le(), i = D(!1), m = c(() => A.state.inventory.updatedAt ? A.state.inventory.updatedAt : null), R = ie(), I = ue(), Y = me(), N = c(() => n.locationsWithInventory), _ = c(() => x.value.xs || x.value.sm), $ = c(() => _.value ? 10 : 20);
+    X(
+      () => n._locations,
+      async () => {
+        var e;
+        i.value = !0, (!n._locationWithInventory || ((e = n._locationWithInventory) == null ? void 0 : e.length) === 0) && await n.readLocationsWithInventory(), i.value = !1;
+      },
+      { immediate: !0 }
+      // Optional: triggers the watcher immediately on mount
+    );
+    const U = c(() => [
       {
         label: t("inventory.common.refresh"),
         value: "refresh",
@@ -12,42 +22,42 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
       },
       { label: t("inventory.publish.actions.publishAll"), value: "publish", isPrimary: !0 }
     ]);
-    async function E(e) {
+    async function q(e) {
       switch (e) {
         case "publish":
-          C.open({
+          I.open({
             title: t("inventory.common.publish"),
             message: "Are you sure you want to publish to all locations?",
             primaryActions: { text: t("inventory.common.publish"), close: !0 },
             secondaryActions: { text: "Cancel", close: !0 }
           }).onPrimary(async () => {
-            await S.publishAllInventory(), await l.readLocations();
+            await S.publishAllInventory(), await n.readLocationsWithInventory();
           });
           break;
         case "refresh":
-          g.value = !0, await l.readLocations(), g.value = !1;
+          i.value = !0, await n.readLocationsWithInventory(), i.value = !1;
           break;
       }
     }
-    const w = z(!1), K = [
+    const w = D(!1), E = [
       {
         value: "publish",
         label: t("inventory.publish.actions.publishAll")
       }
     ];
-    function W(e) {
+    function G(e) {
       switch (w.value = !1, e) {
         case "publish":
           console.log("publish all");
       }
     }
-    const j = [
+    const K = [
       {
         id: "type",
         header: () => t("inventory.publish.columns.type"),
         enableSorting: !0,
         cell(e) {
-          return f(R.FmChip, {
+          return g(H.FmChip, {
             color: "primary",
             label: e.row.original.type
           });
@@ -64,8 +74,8 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
         header: () => t("inventory.publish.columns.version"),
         enableSorting: !0,
         cell(e) {
-          var o, a;
-          return (o = e.row.original.inventory) != null && o.updatedAt ? H((a = e.row.original.inventory) == null ? void 0 : a.updatedAt) : "";
+          var o, s;
+          return (o = e.row.original.inventory) != null && o.updatedAt ? B((s = e.row.original.inventory) == null ? void 0 : s.updatedAt) : "";
         }
       },
       {
@@ -73,17 +83,17 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
         header: () => t("inventory.publish.columns.status"),
         enableSorting: !0,
         cell(e) {
-          var p;
-          if (!u.value)
+          var d;
+          if (!m.value)
             return "";
-          const o = ((p = e.row.original.inventory) == null ? void 0 : p.updatedAt) == u.value, a = e.row.original.dbName, m = e.row.original.type === "warehouse";
-          return f(
+          const o = ((d = e.row.original.inventory) == null ? void 0 : d.updatedAt) == m.value, s = e.row.original.dbName, p = e.row.original.type === "warehouse";
+          return g(
             "div",
             {
               class: "flex items-center gap-8"
             },
             [
-              f(
+              g(
                 "div",
                 {
                   class: [
@@ -93,18 +103,18 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
                 },
                 t(o ? "inventory.publish.status.published" : "inventory.publish.status.outdated")
               ),
-              !o && !m ? f(R.FmButton, {
+              !o && !p ? g(H.FmButton, {
                 class: "tertiary",
                 variant: "secondary",
                 icon: "sync",
                 onClick: () => {
-                  C.open({
+                  I.open({
                     title: t("inventory.common.publish"),
                     message: `Are you sure you want to publish this location "${e.row.original.name}"?`,
                     primaryActions: { text: t("inventory.common.publish"), close: !0 },
                     secondaryActions: { text: "Cancel", close: !0 }
                   }).onPrimary(async () => {
-                    await S.publishInventory(a.split("_")[1]), await l.readLocations(), $.open({ message: "Publish request submitted", type: "success" });
+                    await S.publishInventory(s.split("_")[1]), await n.readLocations(), Y.open({ message: "Publish request submitted", type: "success" });
                   });
                 }
               }) : null
@@ -132,15 +142,15 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
       // }
     ];
     return (e, o) => {
-      const a = s("FmChip"), m = s("FlexRender"), p = s("TableActionableRow"), G = s("FmTable"), J = s("FmCollapsibleTabs"), O = s("FmBottomSheet");
-      return B(), I(ie, {
-        title: v(t)("inventory.publish.title"),
-        actions: q.value,
-        "onClick:action": E
-      }, X({
-        default: c(() => [
-          h("div", {
-            class: Z([
+      const s = l("FmChip"), p = l("FlexRender"), d = l("TableActionableRow"), j = l("FmTable"), J = l("FmCollapsibleTabs"), O = l("FmBottomSheet");
+      return W(), z(re, {
+        title: h(t)("inventory.publish.title"),
+        actions: U.value,
+        "onClick:action": q
+      }, Z({
+        default: u(() => [
+          f("div", {
+            class: ee([
               "flex flex-col gap-8 max-h-full",
               {
                 "p-0": _.value,
@@ -148,30 +158,30 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
               }
             ])
           }, [
-            n(G, {
-              style: ee(v(Y).tableHeight),
-              "column-defs": j,
+            a(j, {
+              style: te(h(R).tableHeight),
+              "column-defs": K,
               "row-data": N.value,
-              loading: !v(l)._currentLocation || g.value,
+              loading: !h(n)._currentLocation || i.value,
               "loading-text": "Loading",
-              "page-size": U.value
+              "page-size": $.value
             }, {
-              "list-row": c((i) => [
-                n(p, { row: i }, {
-                  default: c((d) => {
-                    var F, k, M, y, P, L, T, V, b, D;
+              "list-row": u((r) => [
+                a(d, { row: r }, {
+                  default: u((y) => {
+                    var C, F, k, b, M, L, P, T, v, V;
                     return [
-                      h("div", me, [
-                        h("div", pe, [
-                          n(m, {
-                            render: (M = (k = (F = d.code) == null ? void 0 : F.column) == null ? void 0 : k.columnDef) == null ? void 0 : M.cell,
-                            props: (P = (y = d.code) == null ? void 0 : y.getContext) == null ? void 0 : P.call(y)
+                      f("div", pe, [
+                        f("div", de, [
+                          a(p, {
+                            render: (k = (F = (C = y.code) == null ? void 0 : C.column) == null ? void 0 : F.columnDef) == null ? void 0 : k.cell,
+                            props: (M = (b = y.code) == null ? void 0 : b.getContext) == null ? void 0 : M.call(b)
                           }, null, 8, ["render", "props"])
                         ]),
-                        h("div", de, [
-                          n(m, {
-                            render: (V = (T = (L = d.name) == null ? void 0 : L.column) == null ? void 0 : T.columnDef) == null ? void 0 : V.cell,
-                            props: (D = (b = d.name) == null ? void 0 : b.getContext) == null ? void 0 : D.call(b)
+                        f("div", ye, [
+                          a(p, {
+                            render: (T = (P = (L = y.name) == null ? void 0 : L.column) == null ? void 0 : P.columnDef) == null ? void 0 : T.cell,
+                            props: (V = (v = y.name) == null ? void 0 : v.getContext) == null ? void 0 : V.call(v)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -183,17 +193,17 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
               _: 1
             }, 8, ["style", "row-data", "loading", "page-size"])
           ], 2),
-          (B(), I(te, { to: "body" }, [
-            n(O, {
+          (W(), z(oe, { to: "body" }, [
+            a(O, {
               "dismiss-away": "",
               modelValue: w.value,
-              "onUpdate:modelValue": o[1] || (o[1] = (i) => w.value = i)
+              "onUpdate:modelValue": o[1] || (o[1] = (r) => w.value = r)
             }, {
-              default: c(() => [
-                n(J, {
+              default: u(() => [
+                a(J, {
                   class: "pb-8",
-                  items: K,
-                  "onUpdate:modelValue": o[0] || (o[0] = (i) => W(i))
+                  items: E,
+                  "onUpdate:modelValue": o[0] || (o[0] = (r) => G(r))
                 })
               ]),
               _: 1
@@ -202,12 +212,12 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
         ]),
         _: 2
       }, [
-        u.value ? {
+        m.value ? {
           name: "headerInfo",
-          fn: c(() => [
-            n(a, {
+          fn: u(() => [
+            a(s, {
               variant: "info",
-              label: `Latest: ${v(H)(u.value)}`
+              label: `Latest: ${h(B)(m.value)}`
             }, null, 8, ["label"])
           ]),
           key: "0"
@@ -217,5 +227,5 @@ const me = { class: "flex flex-col py-8" }, pe = { class: "fm-typo-en-body-md-40
   }
 });
 export {
-  fe as default
+  ge as default
 };

package/dist/{PurchaseOrderPrintPreview-BPvvkjkR.js → PurchaseOrderPrintPreview-BmuwNbeL.js}

@@ -1,7 +1,7 @@
 import { defineComponent as b, computed as m, ref as x, onMounted as f, openBlock as u, createElementBlock as n, createElementVNode as t, toDisplayString as e, normalizeStyle as g, createTextVNode as i, Fragment as o, createCommentVNode as p, renderList as v } from "vue";
 import { useRoute as w } from "vue-router";
-import { aA as y, ao as k } from "./app-B6mXF-3v.js";
-const A = { class: "purchase-box" }, C = { valign: "bottom" }, R = { class: "title" }, N = { class: "text-right" }, O = { class: "header" }, P = { class: "sub-header" }, D = { class: "caption" }, E = { class: "address" }, S = { class: "text-right" }, T = { class: "sub-header" }, F = { class: "address" }, q = { class: "purchase-body" }, L = { class: "text-left" }, U = { class: "text-left" }, V = { class: "text-right" }, B = { class: "text-right" }, H = { class: "text-right" }, I = { style: { "padding-top": "30px" } }, M = { valign: "bottom" }, z = { class: "header" }, J = { class: "caption" }, Q = {
+import { aL as y, aw as k } from "./app-a9r50k3U.js";
+const A = { class: "purchase-box" }, C = { valign: "bottom" }, R = { class: "title" }, N = { class: "text-right" }, O = { class: "header" }, P = { class: "sub-header" }, D = { class: "caption" }, E = { class: "address" }, S = { class: "text-right" }, T = { class: "sub-header" }, F = { class: "address" }, L = { class: "purchase-body" }, q = { class: "text-left" }, U = { class: "text-left" }, V = { class: "text-right" }, B = { class: "text-right" }, H = { class: "text-right" }, I = { style: { "padding-top": "30px" } }, M = { valign: "bottom" }, z = { class: "header" }, J = { class: "caption" }, Q = {
   class: "text-left",
   style: { width: "20%" }
 }, j = { class: "text-left" }, G = {
@@ -79,7 +79,7 @@ const A = { class: "purchase-box" }, C = { valign: "bottom" }, R = { class: "tit
           ])
         ])
       ]),
-      t("div", q, [
+      t("div", L, [
         t("table", null, [
           l[10] || (l[10] = t("thead", { class: "item-header" }, [
             t("tr", null, [
@@ -104,7 +104,7 @@ const A = { class: "purchase-box" }, C = { valign: "bottom" }, R = { class: "tit
           ], -1)),
           t("tbody", null, [
             (u(!0), n(o, null, v(s.value.items, (r, a) => (u(), n("tr", { key: a }, [
-              t("td", L, e(r.code), 1),
+              t("td", q, e(r.code), 1),
               t("td", U, e(r.description), 1),
               t("td", V, e(r.quantity), 1),
               t("td", B, e(r.unit), 1),