@feedmepos/mf-inventory-portal 1.2.64 → 1.2.66-dev.1

package/dist/UnitCostHistoryView-Bjs4RwyR.js

@@ -0,0 +1,651 @@
+import { ref as h, defineComponent as Q, computed as b, resolveComponent as L, openBlock as u, createElementBlock as g, createVNode as p, withModifiers as oe, withCtx as A, createElementVNode as t, toDisplayString as n, unref as r, Fragment as O, createTextVNode as H, createCommentVNode as F, createBlock as T, renderList as se, normalizeClass as E, normalizeStyle as ae, Teleport as X } from "vue";
+import { F as ne, u as le, _ as re } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-mvRR4CrP.js";
+import { o as ie, u as J, a as Z } from "./app-EoCCjoRh.js";
+import { useSnackbar as q, useBreakpoints as ce } from "@feedmepos/ui-library";
+import { _ as ue } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CkUwLhut.js";
+import { useI18n as ee, useCoreStore as de } from "@feedmepos/mf-common";
+import { d as Y } from "./date2-CTHKdfXp.js";
+import { d as j } from "./number-CEUoMyIk.js";
+import { P as me, J as fe } from "./app-DiX-EfV6.js";
+const te = ie((w, _) => {
+  const i = J();
+  return {
+    async getLatestCostForAllSkus(d) {
+      const o = `${w.inventoryBackendUrl}/api/unit-cost-history?locationId=${encodeURIComponent(d)}`;
+      return await _.get(o);
+    },
+    async recalculate(d) {
+      const o = `${w.inventoryBackendUrl}/api/unit-cost-history/recalculate`;
+      return await _.post(o, d);
+    },
+    async getJobStatus(d) {
+      const o = `${w.inventoryBackendUrl}/api/unit-cost-history/jobs/${d}`;
+      return await _.get(o);
+    },
+    async listRecentRecalculationRequests() {
+      var C;
+      const d = (C = i._currentLocation) == null ? void 0 : C.dbName;
+      if (!d) return [];
+      const o = `${w.inventoryBackendUrl}/api/unit-cost-history/recalculation-requests?location=${encodeURIComponent(d)}`;
+      return await _.get(o);
+    }
+  };
+});
+function ye() {
+  const w = te(), _ = J(), i = h([]), d = h(!1);
+  async function o() {
+    if (!_._currentLocation)
+      return [];
+    d.value = !0;
+    try {
+      const C = _.currentLocation.doc._id, m = await w.getLatestCostForAllSkus(C);
+      return i.value = m, m;
+    } finally {
+      d.value = !1;
+    }
+  }
+  return {
+    historyData: i,
+    isLoading: d,
+    fetchHistory: o
+  };
+}
+const pe = { class: "fm-typo-en-heading-lg-600" }, ve = { class: "flex flex-col gap-16" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, be = { class: "flex flex-col gap-8" }, he = { class: "fm-typo-en-body-md-600" }, _e = { class: "flex flex-col gap-8" }, xe = { class: "fm-typo-en-body-md-600" }, Ce = {
+  key: 0,
+  class: "text-red-500 text-sm mt-2"
+}, ke = { class: "fm-typo-en-body-sm-400" }, Se = {
+  key: 1,
+  class: "flex flex-col gap-8"
+}, we = { class: "fm-typo-en-body-md-600" }, De = { class: "flex flex-col gap-8 max-h-[300px] overflow-y-auto" }, Ae = { class: "flex items-center justify-between" }, $e = { class: "fm-typo-en-body-sm-600" }, Re = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ie = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fe = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Le = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Ue = {
+  key: 2,
+  class: "fm-typo-en-body-xs-400 text-fm-color-system-error-500"
+}, Ne = {
+  key: 0,
+  class: "flex gap-8 ml-auto"
+}, Be = {
+  key: 1,
+  class: "flex gap-8 ml-auto"
+}, Ve = /* @__PURE__ */ Q({
+  __name: "UnitCostRecalculationDialog",
+  emits: ["submitted"],
+  setup(w, { expose: _, emit: i }) {
+    const d = i, { t: o } = ee(), C = te(), m = q(), U = de(), M = J(), x = h(!1), s = h(""), a = h(""), v = h(!1), $ = h([]), B = h(!1), D = b(() => {
+      if (!s.value || !a.value) return "";
+      const f = new Date(s.value).getTime();
+      return new Date(a.value).getTime() <= f ? o("inventory.unitCost.recalculation.error.endDateBeforeStart") : "";
+    }), R = b(() => !!s.value && !!a.value && !D.value), k = b(() => $.value.some(
+      (f) => !f.completedAt && !f.failedReason
+    ));
+    async function V() {
+      x.value = !0, await K();
+      const f = /* @__PURE__ */ new Date();
+      a.value = f.toISOString().split("T")[0];
+      const c = new Date(f.getFullYear(), 0, 1);
+      s.value = c.toISOString().split("T")[0];
+    }
+    function P() {
+      x.value = !1;
+    }
+    _({
+      open: V,
+      close: P
+    });
+    async function K() {
+      B.value = !0;
+      try {
+        const f = await C.listRecentRecalculationRequests();
+        $.value = f;
+      } catch (f) {
+        console.error("Error fetching recalculation requests:", f);
+      } finally {
+        B.value = !1;
+      }
+    }
+    async function W() {
+      var f, c;
+      if (R.value) {
+        v.value = !0;
+        try {
+          const S = ((f = U.currentBusiness.value) == null ? void 0 : f._id) ?? "", N = ((c = M._currentLocation) == null ? void 0 : c.dbName) ?? "";
+          if (!S)
+            throw new Error("No active business selected");
+          if (!N)
+            throw new Error("No active location selected");
+          await C.recalculate({
+            businessId: S,
+            locationId: N,
+            startDate: s.value,
+            endDate: a.value
+          }), m.open({
+            title: o("common.success"),
+            message: o("inventory.unitCost.recalculation.successMessage"),
+            type: "success"
+          }), await K(), x.value = !1, d("submitted");
+        } catch (S) {
+          console.error("Error scheduling recalculation:", S), m.open({
+            title: o("common.error"),
+            message: o("inventory.unitCost.recalculation.errorMessage"),
+            type: "error"
+          });
+        } finally {
+          v.value = !1;
+        }
+      }
+    }
+    return (f, c) => {
+      const S = L("FmButton"), N = L("FmDatePicker"), G = L("FmAlert"), l = L("FmDialog");
+      return u(), g("div", null, [
+        p(S, {
+          "prepend-icon": "info",
+          variant: "tertiary",
+          onClick: oe(V, ["stop"])
+        }),
+        p(l, {
+          modelValue: x.value,
+          "onUpdate:modelValue": c[4] || (c[4] = (e) => x.value = e),
+          "close-button": "",
+          dismissAway: "",
+          "max-width": "600px"
+        }, {
+          "dialog-header": A(() => [
+            t("div", pe, n(r(o)("inventory.unitCost.recalculation.title")), 1)
+          ]),
+          "dialog-footer": A(() => [
+            k.value ? (u(), g("div", Be, [
+              p(S, {
+                variant: "tertiary",
+                onClick: c[3] || (c[3] = (e) => x.value = !1),
+                label: r(o)("common.close")
+              }, null, 8, ["label"])
+            ])) : (u(), g("div", Ne, [
+              p(S, {
+                variant: "tertiary",
+                onClick: c[2] || (c[2] = (e) => x.value = !1),
+                disabled: v.value,
+                label: r(o)("common.cancel")
+              }, null, 8, ["disabled", "label"]),
+              p(S, {
+                variant: "primary",
+                onClick: W,
+                disabled: !R.value || v.value,
+                loading: v.value,
+                label: r(o)("inventory.unitCost.recalculation.schedule")
+              }, null, 8, ["disabled", "loading", "label"])
+            ]))
+          ]),
+          default: A(() => [
+            t("div", ve, [
+              t("div", ge, n(r(o)("inventory.unitCost.recalculation.description")), 1),
+              k.value ? F("", !0) : (u(), g(O, { key: 0 }, [
+                t("div", be, [
+                  t("p", he, [
+                    H(n(r(o)("inventory.unitCost.recalculation.startDate")) + " ", 1),
+                    c[5] || (c[5] = t("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                  ]),
+                  p(N, {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": c[0] || (c[0] = (e) => s.value = e),
+                    placeholder: r(o)("inventory.unitCost.recalculation.selectStartDate"),
+                    disabled: v.value
+                  }, null, 8, ["modelValue", "placeholder", "disabled"])
+                ]),
+                t("div", _e, [
+                  t("p", xe, [
+                    H(n(r(o)("inventory.unitCost.recalculation.endDate")) + " ", 1),
+                    c[6] || (c[6] = t("span", { class: "text-fm-color-system-error-300" }, "*", -1))
+                  ]),
+                  p(N, {
+                    modelValue: a.value,
+                    "onUpdate:modelValue": c[1] || (c[1] = (e) => a.value = e),
+                    placeholder: r(o)("inventory.unitCost.recalculation.selectEndDate"),
+                    disabled: !s.value || v.value,
+                    min: s.value
+                  }, null, 8, ["modelValue", "placeholder", "disabled", "min"]),
+                  D.value ? (u(), g("div", Ce, n(D.value), 1)) : F("", !0)
+                ]),
+                s.value && a.value && !D.value ? (u(), T(G, {
+                  key: 0,
+                  type: "info"
+                }, {
+                  default: A(() => [
+                    t("div", ke, n(r(o)("inventory.unitCost.recalculation.info")), 1)
+                  ]),
+                  _: 1
+                })) : F("", !0)
+              ], 64)),
+              $.value.length > 0 ? (u(), g("div", Se, [
+                t("p", we, n(r(o)("inventory.unitCost.recalculation.recentRequests")), 1),
+                t("div", De, [
+                  (u(!0), g(O, null, se($.value, (e) => (u(), g("div", {
+                    key: e._id,
+                    class: "p-12 border border-fm-color-border-primary rounded-8 flex flex-col gap-4"
+                  }, [
+                    t("div", Ae, [
+                      t("div", $e, n(r(o)("inventory.unitCost.recalculation.requestedAt")) + ": " + n(new Date(e.createdAt).toLocaleString()), 1),
+                      t("div", {
+                        class: E(["fm-typo-en-body-xs-600 px-8 py-4 rounded-4", {
+                          "bg-fm-color-system-error-100 text-fm-color-system-error-500": e.failedReason,
+                          "bg-fm-color-system-success-100 text-fm-color-system-success-500": e.completedAt,
+                          "bg-fm-color-system-info-100 text-fm-color-system-info-500": !e.failedReason && !e.completedAt
+                        }])
+                      }, n(e.failedReason ? r(o)("inventory.unitCost.recalculation.status.failed") : e.completedAt ? r(o)("inventory.unitCost.recalculation.status.completed") : r(o)("inventory.unitCost.recalculation.status.inProgress")), 3)
+                    ]),
+                    t("div", Re, n(r(o)("inventory.unitCost.recalculation.from")) + ": " + n(new Date(e.recalculateStartDate).toLocaleDateString()), 1),
+                    t("div", Ie, n(r(o)("inventory.unitCost.recalculation.to")) + ": " + n(new Date(e.recalculateEndDate).toLocaleDateString()), 1),
+                    e.createdBy ? (u(), g("div", Fe, n(r(o)("inventory.unitCost.recalculation.requestedBy")) + ": " + n(e.createdBy.name || e.createdBy._id), 1)) : F("", !0),
+                    e.completedAt ? (u(), g("div", Le, n(r(o)("inventory.unitCost.recalculation.completedAt")) + ": " + n(new Date(e.completedAt).toLocaleString()), 1)) : F("", !0),
+                    e.failedReason ? (u(), g("div", Ue, n(e.failedReason), 1)) : F("", !0)
+                  ]))), 128))
+                ])
+              ])) : F("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Te = {
+  key: 0,
+  class: "flex flex-col gap-24"
+}, Me = { class: "flex flex-col gap-8" }, ze = { class: "flex flex-col gap-5" }, He = { class: "flex flex-col gap-4" }, Ee = { class: "fm-typo-en-body-lg-600 flex gap-2" }, Pe = { class: "flex flex-col gap-4" }, Ke = { class: "fm-typo-en-body-lg-600 flex gap-2" }, Oe = { class: "flex flex-col gap-4" }, Ye = { class: "fm-typo-en-body-lg-600 flex gap-2" }, je = { class: "flex flex-col gap-4" }, Je = { class: "fm-typo-en-body-lg-600" }, We = { class: "flex flex-col gap-4" }, Ge = { class: "fm-typo-en-body-lg-600" }, Qe = { class: "flex flex-col gap-4" }, Xe = { class: "fm-typo-en-body-lg-600" }, Ze = { class: "flex flex-col gap-4" }, qe = { class: "fm-typo-en-body-lg-600" }, et = { class: "flex flex-col gap-8" }, tt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary whitespace-pre-wrap" }, ot = { class: "flex gap-4" }, st = /* @__PURE__ */ Q({
+  __name: "UnitCostDetailsSideSheet",
+  props: {
+    record: {}
+  },
+  setup(w, { expose: _ }) {
+    const i = w, d = Z(), o = h(!1), C = b(() => {
+      var s;
+      return (s = i.record) != null && s.skuId ? d.skus.find((a) => a._id === i.record.skuId) : null;
+    }), m = b(() => {
+      if (!i.record || !i.record.previousCost) return null;
+      const s = i.record.previousCost.amount, v = i.record.cost.amount - s;
+      return {
+        amount: Math.abs(v),
+        precision: i.record.cost.precision,
+        currency: i.record.cost.currency,
+        isIncrease: v > 0
+      };
+    }), U = b(() => i.record ? {
+      default: "Default",
+      weightedAverage: "Weighted Average (WAVG)",
+      netsuite: "NetSuite",
+      "netsuite-average": "NetSuite Average"
+    }[i.record.mechanism] || i.record.mechanism : "");
+    b(() => {
+      var s;
+      return !((s = i.record) != null && s.meta) || i.record.mechanism !== "netsuite" ? null : i.record.meta;
+    });
+    function M() {
+      o.value = !0;
+    }
+    function x() {
+      o.value = !1;
+    }
+    return _({
+      open: M,
+      close: x
+    }), (s, a) => {
+      const v = L("FmMenuDivider"), $ = L("FmCard"), B = L("FmButton"), D = L("FmSideSheet");
+      return u(), T(D, {
+        "model-value": o.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (R) => o.value = R),
+        header: "Unit Cost History Details",
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-footer": A(() => [
+          t("div", ot, [
+            p(B, {
+              variant: "tertiary",
+              onClick: x,
+              label: "Close"
+            })
+          ])
+        ]),
+        default: A(() => [
+          s.record ? (u(), g("div", Te, [
+            p($, {
+              variant: "outlined",
+              class: "flex flex-col gap-8 px-12 py-16"
+            }, {
+              default: A(() => {
+                var R, k;
+                return [
+                  a[8] || (a[8] = t("div", { class: "flex justify-between" }, [
+                    t("div", { class: "fm-typo-en-body-lg-600" }, "Details")
+                  ], -1)),
+                  p(v),
+                  t("div", Me, [
+                    t("div", ze, [
+                      t("div", He, [
+                        a[1] || (a[1] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Ingredient Code", -1)),
+                        t("div", Ee, n((R = C.value) == null ? void 0 : R.code), 1)
+                      ]),
+                      t("div", Pe, [
+                        a[2] || (a[2] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Ingredient Name", -1)),
+                        t("div", Ke, n((k = C.value) == null ? void 0 : k.name), 1)
+                      ]),
+                      t("div", Oe, [
+                        a[3] || (a[3] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "New Cost", -1)),
+                        t("div", Ye, [
+                          H(n(r(j)(s.record.cost, !0, s.record.cost.precision)) + " ", 1),
+                          m.value ? (u(), g("div", {
+                            key: 0,
+                            class: E(["fm-typo-en-body-md-600 flex items-center gap-4", {
+                              "text-fm-color-system-success-500": m.value.isIncrease,
+                              "text-fm-color-system-error-500": !m.value.isIncrease
+                            }])
+                          }, [
+                            t("span", {
+                              class: E({
+                                "text-red-500": m.value.isIncrease,
+                                "text-green-600": !m.value.isIncrease
+                              })
+                            }, n(m.value.isIncrease ? "↑" : "↓"), 3),
+                            t("span", {
+                              class: E({
+                                "text-red-500": m.value.isIncrease,
+                                "text-green-600": !m.value.isIncrease
+                              })
+                            }, n(m.value.isIncrease ? "Increase" : "Decrease"), 3)
+                          ], 2)) : F("", !0)
+                        ])
+                      ]),
+                      t("div", je, [
+                        a[4] || (a[4] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Previous Cost", -1)),
+                        t("div", Je, n(s.record.previousCost ? r(j)(
+                          s.record.previousCost,
+                          !0,
+                          s.record.previousCost.precision
+                        ) : "-"), 1)
+                      ]),
+                      t("div", We, [
+                        a[5] || (a[5] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Mechanism", -1)),
+                        t("div", Ge, n(U.value), 1)
+                      ]),
+                      t("div", Qe, [
+                        a[6] || (a[6] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Snapshot At", -1)),
+                        t("div", Xe, n(r(Y)(new Date(s.record.snapshotAt))) + " " + n(new Date(s.record.snapshotAt).toLocaleTimeString()), 1)
+                      ]),
+                      t("div", Ze, [
+                        a[7] || (a[7] = t("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Updated At", -1)),
+                        t("div", qe, [
+                          s.record.updatedAt ? (u(), g(O, { key: 0 }, [
+                            H(n(r(Y)(new Date(s.record.updatedAt))) + " " + n(new Date(s.record.updatedAt).toLocaleTimeString()), 1)
+                          ], 64)) : (u(), g(O, { key: 1 }, [
+                            H("-")
+                          ], 64))
+                        ])
+                      ])
+                    ])
+                  ])
+                ];
+              }),
+              _: 1
+            }),
+            p(ne, null, {
+              default: A(() => [
+                p($, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: A(() => [
+                    a[9] || (a[9] = t("div", { class: "flex justify-between" }, [
+                      t("div", { class: "fm-typo-en-body-lg-600" }, "Raw data")
+                    ], -1)),
+                    p(v),
+                    t("div", et, [
+                      t("pre", tt, n(JSON.stringify(s.record, null, 2)) + `
+`, 1)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])) : F("", !0)
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), ft = /* @__PURE__ */ Q({
+  __name: "UnitCostHistoryView",
+  setup(w) {
+    const { t: _ } = ee(), i = J(), d = Z(), o = q(), C = le(), { breakpoints: m } = ce(), U = b(() => m.value.xs || m.value.sm), M = b(() => U.value ? 10 : 20), x = h(), s = h(), a = h(null), { historyData: v, isLoading: $, fetchHistory: B } = ye(), D = h(""), R = b(() => [
+      {
+        type: "string",
+        key: "skuCode",
+        entity: "sku",
+        values: d.skus.map((e) => e.code)
+      },
+      {
+        type: "string",
+        key: "skuName",
+        entity: "sku",
+        values: d.skus.map((e) => e.name)
+      },
+      {
+        type: "string",
+        key: "mechanism",
+        entity: "sku",
+        values: ["weightedAverage", "netsuite", "netsuite-average"]
+      }
+    ]), k = h(null);
+    i.watchLocation(V);
+    async function V() {
+      if (i._currentLocation)
+        try {
+          await B();
+        } catch (l) {
+          o.open({
+            title: "Error",
+            message: "Failed to fetch unit cost history. Please try again.",
+            type: "error"
+          }), console.error("Error fetching unit cost history:", l);
+        }
+    }
+    const P = b(() => {
+      const l = /* @__PURE__ */ new Map();
+      for (const e of d.skus)
+        l.set(e._id, e);
+      return l;
+    }), K = b(() => {
+      let l = v.value;
+      if (k.value) {
+        const e = me.build(k.value);
+        l = l.filter((y) => {
+          const I = P.value.get(y.skuId);
+          return fe(
+            {
+              skuCode: (I == null ? void 0 : I.code) ?? y.skuId,
+              skuName: (I == null ? void 0 : I.name) ?? y.skuId,
+              mechanism: y.mechanism
+            },
+            e
+          );
+        });
+      }
+      return l.map((e) => {
+        const y = P.value.get(e.skuId);
+        return {
+          ...e,
+          skuCode: (y == null ? void 0 : y.code) ?? e.skuId,
+          skuName: (y == null ? void 0 : y.name) ?? "Unknown SKU"
+        };
+      });
+    }), W = b(() => [
+      {
+        accessorKey: "snapshotAt",
+        header: () => "Snapshot At",
+        cell: (l) => {
+          const e = new Date(l.row.original.snapshotAt);
+          return Y(e) + " " + e.toLocaleTimeString();
+        },
+        enableSorting: !0,
+        size: 180
+      },
+      {
+        accessorKey: "skuCode",
+        header: () => "SKU Code",
+        enableSorting: !0,
+        size: 150
+      },
+      {
+        accessorKey: "skuName",
+        header: () => "SKU Name",
+        enableSorting: !0,
+        size: "auto"
+      },
+      {
+        accessorKey: "previousCost",
+        header: () => "Previous Cost",
+        cell: (l) => {
+          const e = l.row.original.previousCost;
+          return e ? j(e, !1, e.precision) : "-";
+        },
+        enableSorting: !1,
+        size: 150
+      },
+      {
+        accessorKey: "cost",
+        header: () => "Current Cost",
+        cell: (l) => {
+          const e = l.row.original.cost;
+          return e ? j(e, !1, e.precision) : "-";
+        },
+        enableSorting: !1,
+        size: 150
+      },
+      {
+        accessorKey: "mechanism",
+        header: () => "Mechanism",
+        cell: (l) => {
+          const e = l.row.original.mechanism;
+          return {
+            default: "Default",
+            weightedAverage: "Weighted Average",
+            netsuite: "NetSuite",
+            "netsuite-average": "NetSuite Average"
+          }[e] ?? e;
+        },
+        enableSorting: !0,
+        size: 150
+      },
+      {
+        accessorKey: "updatedAt",
+        header: () => "Updated At",
+        cell: (l) => {
+          const e = l.row.original.updatedAt;
+          if (!e) return "-";
+          const y = new Date(e);
+          return Y(y) + " " + y.toLocaleTimeString();
+        },
+        enableSorting: !0,
+        size: 180
+      }
+    ]), f = b(() => [
+      {
+        label: "Recalculate Cost History",
+        value: "recalculate",
+        isPrimary: !0,
+        prependIcon: "calculate",
+        isAdminOnly: !0
+      },
+      {
+        label: _("inventory.common.refresh"),
+        value: "refresh"
+      }
+    ]);
+    function c() {
+      var l;
+      (l = x.value) == null || l.open();
+    }
+    function S() {
+      V();
+    }
+    function N(l) {
+      var e;
+      a.value = l, (e = s.value) == null || e.open();
+    }
+    function G(l) {
+      switch (l) {
+        case "recalculate":
+          return c();
+        case "refresh":
+          return V();
+      }
+    }
+    return (l, e) => {
+      const y = L("FmTable");
+      return u(), T(re, {
+        title: "Unit Cost History",
+        actions: f.value,
+        "onClick:action": G
+      }, {
+        default: A(() => {
+          var I;
+          return [
+            t("div", {
+              class: E([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": U.value,
+                  "px-24": !U.value
+                }
+              ])
+            }, [
+              p(ue, {
+                searchable: "",
+                "change-location": "",
+                search: D.value,
+                "onUpdate:search": e[0] || (e[0] = (z) => D.value = z),
+                filterable: "",
+                "filter-attributes": R.value,
+                filter: k.value,
+                "onUpdate:filter": e[1] || (e[1] = (z) => k.value = z)
+              }, null, 8, ["search", "filter-attributes", "filter"]),
+              (u(), T(y, {
+                key: `${(I = r(i)._currentLocation) == null ? void 0 : I.dbName}-${JSON.stringify(k.value)}`,
+                style: ae(r(C).tableHeight),
+                "column-defs": W.value,
+                "row-data": K.value,
+                "search-value": D.value,
+                loading: r($) || !r(i)._currentLocation,
+                "page-size": M.value,
+                onRowClick: e[2] || (e[2] = (z) => N(z.original))
+              }, null, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ], 2),
+            (u(), T(X, { to: "body" }, [
+              p(Ve, {
+                ref_key: "recalculationDialogRef",
+                ref: x,
+                onSubmitted: S
+              }, null, 512)
+            ])),
+            (u(), T(X, { to: "body" }, [
+              p(st, {
+                ref_key: "detailsSideSheetRef",
+                ref: s,
+                record: a.value
+              }, null, 8, ["record"])
+            ]))
+          ];
+        }),
+        _: 1
+      }, 8, ["actions"]);
+    };
+  }
+});
+export {
+  ft as default
+};