@feedmepos/mf-inventory-portal 1.2.43 → 1.2.44-dev.1

package/dist/ClosingHistoryView-CGV72nOD.js

@@ -0,0 +1,447 @@
+import { defineComponent as G, ref as v, computed as D, watch as se, resolveComponent as S, openBlock as i, createElementBlock as f, createVNode as g, withModifiers as ie, withCtx as B, createElementVNode as n, toDisplayString as s, unref as a, Fragment as E, createTextVNode as N, createBlock as T, createCommentVNode as k, renderList as z, normalizeClass as ce, h as re, onMounted as de, Teleport as ue } from "vue";
+import { F as me, _ as fe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
+import { useI18n as J, useCoreStore as ve } from "@feedmepos/mf-common";
+import { D as Q, A as V, u as ye } from "./app-BuvV4n4w.js";
+import { _ as pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-ClY0PFyA.js";
+import { useSnackbar as W, useDialog as ge } from "@feedmepos/ui-library";
+import { u as _e } from "./stock-X1ADgvOm.js";
+const be = { class: "fm-typo-en-heading-lg-600" }, he = { class: "flex flex-col gap-16" }, ke = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xe = { class: "flex flex-col gap-8" }, De = { class: "fm-typo-en-body-md-600" }, we = { class: "flex flex-col gap-8" }, Se = { class: "fm-typo-en-body-md-600" }, Ve = { class: "flex items-center gap-8 mb-8" }, Ae = {
+  key: 2,
+  class: "text-red-500 text-sm mt-2"
+}, Ce = { class: "fm-typo-en-body-sm-400" }, Fe = {
+  key: 1,
+  class: "p-12 border border-fm-color-border-primary rounded-8 bg-fm-color-background-secondary"
+}, Re = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Le = {
+  key: 1,
+  class: "flex flex-col gap-8"
+}, Be = { class: "fm-typo-en-body-sm-600" }, Te = { class: "flex flex-col gap-4" }, Ie = { key: 0 }, Oe = {
+  key: 1,
+  class: "flex flex-col gap-8"
+}, $e = { class: "fm-typo-en-body-md-600" }, Ee = { class: "flex flex-col gap-8 max-h-[300px] overflow-y-auto" }, Ne = { class: "flex items-center justify-between" }, Pe = { class: "fm-typo-en-body-sm-600" }, Ue = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ke = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Me = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, He = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, je = {
+  key: 2,
+  class: "fm-typo-en-body-xs-400 text-fm-color-system-error-500"
+}, ze = {
+  key: 0,
+  class: "flex gap-8 ml-auto"
+}, Ge = {
+  key: 1,
+  class: "flex gap-8 ml-auto"
+}, Je = /* @__PURE__ */ G({
+  __name: "RecalculationDialog",
+  emits: ["submitted"],
+  setup(X, { expose: h, emit: I }) {
+    const C = I, { t: l } = J(), A = _e(), O = Q(), x = W(), y = v(!1), d = v(""), c = v(""), _ = v(!1), F = v([]), u = v(!1), w = v([]), m = v(!1), r = v([]), p = v(!1), R = D(() => F.value.map((e) => {
+      const o = V(e._id), b = new Date(o);
+      return {
+        label: `${b.toLocaleDateString()} ${b.toLocaleTimeString()}`,
+        value: e._id
+      };
+    })), Y = D(() => d.value ? R.value.filter((e) => e.value > d.value) : []), P = D({
+      get: () => {
+        if (_.value && c.value) {
+          const e = F.value.find((o) => V(o._id) === c.value);
+          return (e == null ? void 0 : e._id) || c.value;
+        }
+        return c.value;
+      },
+      set: (e) => {
+        _.value && e ? c.value = V(e) : c.value = e;
+      }
+    }), Z = D(() => {
+      if (d.value)
+        try {
+          const e = V(d.value);
+          if (e)
+            return e;
+        } catch (e) {
+          console.error("Error parsing date from closing ID:", e);
+        }
+    }), L = D(() => {
+      if (!d.value || !c.value) return "";
+      const e = V(d.value), o = c.value;
+      if (e && o) {
+        const b = new Date(e).getTime();
+        if (new Date(o).getTime() <= b)
+          return l("inventory.stock.recalculation.error.endDateBeforeOpening");
+      }
+      return "";
+    }), U = D(() => !!d.value && !!c.value && !L.value), K = D(() => w.value.some(
+      (e) => !e.completedAt && !e.failedReason
+    ));
+    async function M() {
+      y.value = !0, await Promise.all([ee(), H()]), d.value = "", c.value = "", _.value = !1;
+    }
+    function q() {
+      y.value = !1;
+    }
+    h({
+      open: M,
+      close: q
+    });
+    async function ee() {
+      u.value = !0;
+      try {
+        const e = await O.getLastNClosings(30);
+        F.value = e;
+      } catch (e) {
+        console.error("Error fetching recent closings:", e), x.open({
+          title: l("common.error"),
+          message: "Failed to fetch recent closings",
+          type: "error"
+        });
+      } finally {
+        u.value = !1;
+      }
+    }
+    async function H() {
+      m.value = !0;
+      try {
+        const e = await A.recalculation.recalculationRequests();
+        w.value = e;
+      } catch (e) {
+        console.error("Error fetching recalculation requests:", e);
+      } finally {
+        m.value = !1;
+      }
+    }
+    async function te() {
+      if (!d.value || !c.value) {
+        r.value = [];
+        return;
+      }
+      p.value = !0;
+      try {
+        const e = await A.recalculation.getAffectedClosingDrafts(
+          d.value,
+          c.value
+        );
+        r.value = e;
+      } catch {
+        x.open({
+          title: l("common.error"),
+          message: "Failed to fetch affected closing drafts",
+          type: "error"
+        }), r.value = [];
+      } finally {
+        p.value = !1;
+      }
+    }
+    se(
+      [d, c],
+      () => {
+        d.value && c.value && !L.value ? te() : r.value = [];
+      },
+      { immediate: !1 }
+    );
+    async function oe() {
+      if (U.value) {
+        u.value = !0;
+        try {
+          if (await A.recalculation.scheduleRecalculation(d.value, c.value), r.value.length > 0) {
+            const e = r.value.map((o) => o._id);
+            await A.recalculation.scheduleInvalidateClosingDraftCache(e);
+          }
+          x.open({
+            title: l("common.success"),
+            message: "Stock recalculation has been scheduled successfully",
+            type: "success"
+          }), await H(), y.value = !1, C("submitted");
+        } catch (e) {
+          console.error("Error scheduling recalculation:", e), x.open({
+            title: l("common.error"),
+            message: "Failed to schedule stock recalculation",
+            type: "error"
+          });
+        } finally {
+          u.value = !1;
+        }
+      }
+    }
+    return (e, o) => {
+      const b = S("FmButton"), $ = S("FmSelect"), j = S("FmRadio"), le = S("FmDatePicker"), ae = S("FmAlert"), ne = S("FmDialog");
+      return i(), f("div", null, [
+        g(b, {
+          "prepend-icon": "info",
+          variant: "tertiary",
+          onClick: ie(M, ["stop"])
+        }),
+        g(ne, {
+          modelValue: y.value,
+          "onUpdate:modelValue": o[7] || (o[7] = (t) => y.value = t),
+          "close-button": "",
+          dismissAway: "",
+          "max-width": "600px"
+        }, {
+          "dialog-header": B(() => [
+            n("div", be, s(a(l)("inventory.stock.recalculation.title")), 1)
+          ]),
+          "dialog-footer": B(() => [
+            K.value ? (i(), f("div", Ge, [
+              g(b, {
+                variant: "tertiary",
+                onClick: o[6] || (o[6] = (t) => y.value = !1),
+                label: a(l)("common.close")
+              }, null, 8, ["label"])
+            ])) : (i(), f("div", ze, [
+              g(b, {
+                variant: "tertiary",
+                onClick: o[5] || (o[5] = (t) => y.value = !1),
+                disabled: u.value,
+                label: a(l)("common.cancel")
+              }, null, 8, ["disabled", "label"]),
+              g(b, {
+                variant: "primary",
+                onClick: oe,
+                disabled: !U.value || u.value,
+                loading: u.value,
+                label: a(l)("inventory.stock.recalculation.schedule")
+              }, null, 8, ["disabled", "loading", "label"])
+            ]))
+          ]),
+          default: B(() => [
+            n("div", he, [
+              n("div", ke, s(a(l)("inventory.stock.recalculation.description")), 1),
+              K.value ? k("", !0) : (i(), f(E, { key: 0 }, [
+                n("div", xe, [
+                  n("p", De, [
+                    N(s(a(l)("inventory.stock.recalculation.openingDate")) + " ", 1),
+                    o[8] || (o[8] = n("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                  ]),
+                  o[9] || (o[9] = n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mb-4" }, " Showing the last 30 closing records. Select the opening date to start recalculation. ", -1)),
+                  g($, {
+                    modelValue: d.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (t) => d.value = t),
+                    items: R.value,
+                    placeholder: a(l)("inventory.stock.recalculation.selectOpening"),
+                    loading: u.value,
+                    disabled: u.value
+                  }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])
+                ]),
+                n("div", we, [
+                  n("p", Se, [
+                    N(s(a(l)("inventory.stock.recalculation.untilDate")) + " ", 1),
+                    o[10] || (o[10] = n("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                  ]),
+                  n("div", Ve, [
+                    g(j, {
+                      modelValue: _.value,
+                      "onUpdate:modelValue": o[1] || (o[1] = (t) => _.value = t),
+                      value: !1,
+                      label: a(l)("inventory.stock.recalculation.selectByDate")
+                    }, null, 8, ["modelValue", "label"]),
+                    g(j, {
+                      modelValue: _.value,
+                      "onUpdate:modelValue": o[2] || (o[2] = (t) => _.value = t),
+                      value: !0,
+                      label: a(l)("inventory.stock.recalculation.selectByClosing")
+                    }, null, 8, ["modelValue", "label"])
+                  ]),
+                  _.value ? (i(), T($, {
+                    key: 1,
+                    modelValue: P.value,
+                    "onUpdate:modelValue": o[4] || (o[4] = (t) => P.value = t),
+                    items: Y.value,
+                    placeholder: a(l)("inventory.stock.recalculation.selectClosing"),
+                    loading: u.value,
+                    disabled: !d.value || u.value
+                  }, null, 8, ["modelValue", "items", "placeholder", "loading", "disabled"])) : (i(), T(le, {
+                    key: 0,
+                    modelValue: c.value,
+                    "onUpdate:modelValue": o[3] || (o[3] = (t) => c.value = t),
+                    placeholder: a(l)("inventory.stock.recalculation.selectDate"),
+                    min: Z.value,
+                    disabled: !d.value || u.value
+                  }, null, 8, ["modelValue", "placeholder", "min", "disabled"])),
+                  L.value ? (i(), f("div", Ae, s(L.value), 1)) : k("", !0)
+                ]),
+                d.value && c.value && !L.value ? (i(), T(ae, {
+                  key: 0,
+                  type: "info"
+                }, {
+                  default: B(() => [
+                    n("div", Ce, s(a(l)("inventory.stock.recalculation.info")), 1)
+                  ]),
+                  _: 1
+                })) : k("", !0),
+                r.value.length > 0 ? (i(), f("div", Fe, [
+                  p.value ? (i(), f("div", Re, " Loading affected closing drafts... ")) : (i(), f("div", Le, [
+                    n("div", Be, " Affected closing draft(s): " + s(r.value.length), 1),
+                    n("div", Te, [
+                      (i(!0), f(E, null, z(r.value, (t) => (i(), f("div", {
+                        key: t._id,
+                        class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+                      }, [
+                        N(" • " + s(t._id) + " ", 1),
+                        t.effectiveAt ? (i(), f("span", Ie, " (" + s(new Date(t.effectiveAt).toLocaleString()) + ") ", 1)) : k("", !0)
+                      ]))), 128))
+                    ])
+                  ]))
+                ])) : k("", !0)
+              ], 64)),
+              w.value.length > 0 ? (i(), f("div", Oe, [
+                n("p", $e, s(a(l)("inventory.stock.recalculation.recentRequests")), 1),
+                n("div", Ee, [
+                  (i(!0), f(E, null, z(w.value, (t) => (i(), f("div", {
+                    key: t._id,
+                    class: "p-12 border border-fm-color-border-primary rounded-8 flex flex-col gap-4"
+                  }, [
+                    n("div", Ne, [
+                      n("div", Pe, s(a(l)("inventory.stock.recalculation.requestedAt")) + ": " + s(new Date(t.createdAt).toLocaleString()), 1),
+                      n("div", {
+                        class: ce(["fm-typo-en-body-xs-600 px-8 py-4 rounded-4", {
+                          "bg-fm-color-system-error-100 text-fm-color-system-error-500": t.failedReason,
+                          "bg-fm-color-system-success-100 text-fm-color-system-success-500": t.completedAt,
+                          "bg-fm-color-system-info-100 text-fm-color-system-info-500": !t.failedReason && !t.completedAt
+                        }])
+                      }, s(t.failedReason ? a(l)("inventory.stock.recalculation.status.failed") : t.completedAt ? a(l)("inventory.stock.recalculation.status.completed") : a(l)("inventory.stock.recalculation.status.inProgress")), 3)
+                    ]),
+                    n("div", Ue, s(a(l)("inventory.stock.recalculation.from")) + ": " + s(new Date(t.recalculateStartDate).toLocaleDateString()), 1),
+                    n("div", Ke, s(a(l)("inventory.stock.recalculation.to")) + ": " + s(new Date(t.recalculateEndDate).toLocaleDateString()), 1),
+                    t.createdBy ? (i(), f("div", Me, s(a(l)("inventory.stock.recalculation.requestedBy")) + ": " + s(t.createdBy.name || t.createdBy.id), 1)) : k("", !0),
+                    t.completedAt ? (i(), f("div", He, s(a(l)("inventory.stock.recalculation.completedAt")) + ": " + s(new Date(t.completedAt).toLocaleString()), 1)) : k("", !0),
+                    t.failedReason ? (i(), f("div", je, s(t.failedReason), 1)) : k("", !0)
+                  ]))), 128))
+                ])
+              ])) : k("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Qe = { class: "flex flex-col gap-16 p-16" }, ot = /* @__PURE__ */ G({
+  __name: "ClosingHistoryView",
+  setup(X) {
+    var w;
+    const { t: h } = J(), I = Q(), C = ye(), l = ve(), A = ge(), O = W(), x = v([]), y = v(!1), d = D(() => [
+      {
+        label: h("inventory.stock.recalculation.title", "Stock Recalculation"),
+        value: "recalculation",
+        prependIcon: "history",
+        isAdminOnly: !0
+      },
+      {
+        label: h("inventory.closing.history.initiate_opening", "Initiate Opening"),
+        value: "initiateOpening",
+        prependIcon: "add_box",
+        isAdminOnly: !0
+      }
+    ]), c = v();
+    function _(m) {
+      var r;
+      switch (m) {
+        case "recalculation":
+          return (r = c.value) == null ? void 0 : r.open();
+        case "initiateOpening":
+          A.open({
+            title: "Initiate Opening Balance",
+            message: "Initiate opening balance if no opening balance exists for the current location.",
+            primaryActions: { text: "Confirm", close: !0 }
+          }).onPrimary(async () => {
+            try {
+              await I.initiateClosing(), O.open({
+                message: "Opening balance initiated successfully.",
+                type: "success"
+              }), await u();
+            } catch (p) {
+              O.open({
+                message: p.message || "Failed to initiate opening balance. Please try again.",
+                type: "error"
+              });
+            }
+          });
+      }
+    }
+    const F = [
+      ...(w = l.sessionUser.value) != null && w.role.isAdmin ? [
+        {
+          accessorKey: "_id",
+          header: () => re(me, {}, () => `${h("inventory.closing.history.closingId")}`),
+          cell: (m) => m.getValue()
+        }
+      ] : [],
+      {
+        accessorKey: "_id",
+        id: "date",
+        header: () => h("inventory.closing.history.date"),
+        cell: (m) => {
+          const r = m.getValue(), p = V(r);
+          return new Date(p).toLocaleDateString();
+        }
+      },
+      {
+        accessorKey: "_id",
+        id: "time",
+        header: () => h("inventory.closing.history.time"),
+        cell: (m) => {
+          const r = m.getValue(), p = V(r);
+          return new Date(p).toLocaleTimeString();
+        }
+      },
+      {
+        accessorKey: "ref",
+        header: () => h("inventory.closing.history.createdFrom"),
+        cell: (m) => m.getValue() || "-"
+      }
+    ];
+    async function u() {
+      if (C.currentLocationDBName) {
+        y.value = !0;
+        try {
+          const m = await I.getLastNClosings(30);
+          x.value = m;
+        } catch (m) {
+          console.error("Error fetching closings:", m), x.value = [];
+        } finally {
+          y.value = !1;
+        }
+      }
+    }
+    return de(async () => {
+      C.currentLocationDBName && await u();
+    }), C.watchLocation(u), (m, r) => {
+      const p = S("FmTable");
+      return i(), T(fe, {
+        actions: d.value,
+        title: a(h)("inventory.closing.history.title"),
+        "onClick:action": _
+      }, {
+        default: B(() => [
+          n("div", Qe, [
+            g(pe, {
+              "change-location": "",
+              "hide-filter-options": !0
+            }),
+            r[1] || (r[1] = n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Displaying the last 30 closing records. ", -1)),
+            g(p, {
+              loading: y.value,
+              "row-data": x.value,
+              "column-defs": F
+            }, null, 8, ["loading", "row-data"])
+          ]),
+          (i(), T(ue, { to: "body" }, [
+            g(Je, {
+              ref_key: "recalculationDialogRef",
+              ref: c,
+              onSubmitted: r[0] || (r[0] = (R) => u())
+            }, null, 512)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["actions", "title"]);
+    };
+  }
+});
+export {
+  ot as default
+};

package/dist/{ClosingTemplateView-DqfxzSBi.js → ClosingTemplateView-Xij995aZ.js}

@@ -4,23 +4,23 @@ import { useI18n as W, useCoreStore as de } from "@feedmepos/mf-common";
 import { useDialog as pe, useDialogChild as Ze, useSnackbar as ce, FmButtonVariant as oe, components as Y, FmAdvancedSort as et, useProxiedModel as tt, useBreakpoints as nt } from "@feedmepos/ui-library";
 import { defineStore as Ve, storeToRefs as Ue } from "pinia";
 import { F as G } from "./form-mode.enum-BKiNVH6A.js";
-import { a as me } from "./closing-template-DrBlhTbC.js";
-import { u as fe, c as Ne, a as ve, n as ot } from "./app-CioeggUO.js";
-import { t as re, a as ge, d as ye, s as Le, r as st } from "./xlsx.util-JOeDOZ3P.js";
+import { a as me } from "./closing-template-D1NlAV-G.js";
+import { u as fe, c as Ne, a as ve, n as ot } from "./app-BuvV4n4w.js";
+import { t as re, a as ge, d as ye, s as Le, r as st } from "./xlsx.util-jpTCFIaP.js";
 import { F as lt } from "./FmDroppableField-J0xUsOTV.js";
-import { f as Be, a as le } from "./date2-mucf0HV-.js";
+import { f as Be, a as le } from "./date2-CkkGwYSP.js";
 import { D as se, R as z } from "./row-action.enum-BcW_L_nE.js";
 import { c as at, F as X, _ as ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-cfFHDIwQ.js";
-import { f as rt } from "./format-time-from-id-qnJY4xQY.js";
-import { _ as it } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-plLh-5S3.js";
-import { u as ct } from "./netsuite-DKE_ORM0.js";
-import { u as mt } from "./duplicate-template-K_oezMr4.js";
-import { _ as ut } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-yp0tPBLr.js";
-import { R as dt, A as pt } from "./rules-fd3m4inF.js";
-import { u as ft } from "./use-ingredient-select-dialog-2j3Nbou_.js";
-import { d as vt } from "./defineDeepModel-BQ_3cF8o.js";
-import { u as gt } from "./use-template-enabled-locations-2-CWlQQnyD.js";
-import { _ as yt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-BUs4-nO6.js";
+import { f as rt } from "./format-time-from-id-CRiwabgV.js";
+import { _ as it } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-C0Vd0X-5.js";
+import { u as ct } from "./netsuite-CcC4Y1c-.js";
+import { u as mt } from "./duplicate-template-DJceVj9n.js";
+import { _ as ut } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-ClY0PFyA.js";
+import { R as dt, A as pt } from "./rules-DwOMpBOV.js";
+import { u as ft } from "./use-ingredient-select-dialog-D7UCiLcS.js";
+import { d as vt } from "./defineDeepModel-s0no34Rq.js";
+import { u as gt } from "./use-template-enabled-locations-2-l2e5ocrp.js";
+import { _ as yt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-3bruORgT.js";
 import { _ as ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ue = Ve(
   "closingTemplateTable",

package/dist/{DeliveryOrderPrintPreview-DvaTq4XO.js → DeliveryOrderPrintPreview-BoBBu5lC.js}

@@ -1,14 +1,14 @@
 import { defineComponent as x, computed as f, ref as h, onMounted as _, openBlock as u, createElementBlock as i, createElementVNode as t, createTextVNode as n, toDisplayString as e, createCommentVNode as d, Fragment as o, renderList as p, normalizeClass as g } from "vue";
 import { useRoute as k } from "vue-router";
-import { K as y } from "./app-CioeggUO.js";
+import { L as y } from "./app-BuvV4n4w.js";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const c = { class: "purchase-box" }, A = { valign: "bottom" }, N = { class: "sub-header" }, O = ["src"], P = { style: { "padding-left": "10px" } }, C = { class: "address" }, D = { class: "text-right" }, R = {
   key: 0,
   class: "subtitle"
-}, S = { class: "sub-header" }, E = { class: "caption" }, T = { class: "address" }, q = { class: "text-right" }, F = { class: "sub-header" }, I = { class: "address" }, U = { class: "purchase-body" }, B = { class: "text-left" }, H = { class: "text-left" }, L = { class: "text-left" }, M = { class: "text-left" }, V = { class: "text-left" }, J = { class: "text-right" }, j = { key: 0 }, z = {
+}, S = { class: "sub-header" }, E = { class: "caption" }, T = { class: "address" }, q = { class: "text-right" }, F = { class: "sub-header" }, I = { class: "address" }, L = { class: "purchase-body" }, U = { class: "text-left" }, B = { class: "text-left" }, H = { class: "text-left" }, M = { class: "text-left" }, V = { class: "text-left" }, J = { class: "text-right" }, j = { key: 0 }, z = {
   key: 1,
   style: { "padding-top": "30px" }
-}, G = { valign: "bottom" }, K = { class: "header" }, Q = { class: "caption" }, W = {
+}, G = { valign: "bottom" }, Q = { class: "header" }, K = { class: "caption" }, W = {
   class: "text-left",
   style: { width: "20%" }
 }, X = { class: "text-left" }, Y = {
@@ -107,7 +107,7 @@ const c = { class: "purchase-box" }, A = { valign: "bottom" }, N = { class: "sub
           ])
         ])
       ]),
-      t("div", U, [
+      t("div", L, [
         t("table", null, [
           l[19] || (l[19] = t("thead", { class: "item-header" }, [
             t("tr", null, [
@@ -127,9 +127,9 @@ const c = { class: "purchase-box" }, A = { valign: "bottom" }, N = { class: "sub
           ], -1)),
           t("tbody", null, [
             t("tr", null, [
-              t("td", B, e(s.value.orderNumber), 1),
-              t("td", H, e(s.value.ref), 1),
-              t("td", L, e(s.value.supplier.phoneNumber), 1)
+              t("td", U, e(s.value.orderNumber), 1),
+              t("td", B, e(s.value.ref), 1),
+              t("td", H, e(s.value.supplier.phoneNumber), 1)
             ])
           ])
         ]),
@@ -179,8 +179,8 @@ const c = { class: "purchase-box" }, A = { valign: "bottom" }, N = { class: "sub
           t("table", null, [
             t("tr", G, [
               t("td", null, [
-                t("div", K, "Ref: " + e(r.ref), 1),
-                t("div", Q, e(r.createdAt), 1),
+                t("div", Q, "Ref: " + e(r.ref), 1),
+                t("div", K, e(r.createdAt), 1),
                 t("div", null, "Remark: " + e(r.remark), 1)
               ])
             ])