@feedmepos/mf-inventory-portal 1.7.6-dev.1 → 1.7.7-dev.0

package/dist/App-C-lDjYhd.js

@@ -0,0 +1,978 @@
+import { ref as F, onUnmounted as Ae, computed as x, defineComponent as W, watch as M, onMounted as fe, resolveComponent as U, createElementBlock as c, openBlock as r, createBlock as re, createCommentVNode as D, unref as I, createVNode as b, createElementVNode as l, toDisplayString as y, Fragment as N, renderList as Z, withKeys as be, normalizeClass as we, withModifiers as Me, withCtx as O, createTextVNode as se, h as Oe, onBeforeUnmount as ze, Teleport as Ke, normalizeStyle as Ge, withDirectives as je, vModelText as He } from "vue";
+import { _ as Ye } from "./empty-placeholder-B0QU467o.js";
+import { u as $e, a as ke, R as Y, d as We, b as Je } from "./app-LaCUn1-r.js";
+import { useCoreStore as oe, useI18n as ie } from "@feedmepos/mf-common";
+import { useRouter as ve, useRoute as qe } from "vue-router";
+import { u as Xe, a as Qe, I as Ze } from "./feature-B4hdHc6A.js";
+import { u as et } from "./netsuite-C0jq58Bs.js";
+import { u as Se } from "./useNavigationMenu-CmXtHYX1.js";
+import { useBreakpoints as tt } from "@feedmepos/ui-library";
+import { F as Re } from "./FmAdminBadge-DlplQOHb.js";
+import { i as nt, _ as ot } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-BYM5JnmS.js";
+import { t as at, a as lt } from "./date2-BoulU1Tu.js";
+import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { u as rt } from "./useTabStorage-BkIVScW_.js";
+import { u as it } from "./googlemap-D9vA7GsS.js";
+function ut() {
+  return {
+    loadingHookInstalled: !1,
+    isLoading: !1
+  };
+}
+const X = F(ut());
+function ct() {
+  const f = ve();
+  if (!X.value.loadingHookInstalled) {
+    X.value.loadingHookInstalled = !0;
+    const t = f.beforeEach(() => {
+      X.value.isLoading = !0;
+    }), o = f.afterEach(() => {
+      X.value.isLoading = !1;
+    });
+    Ae(() => {
+      X.value.loadingHookInstalled = !1, t(), o();
+    });
+  }
+  return {
+    get isLoading() {
+      return X.value.isLoading;
+    }
+  };
+}
+function dt() {
+  const { firstAccessibleRouteName: f } = Se();
+  return { hasAnyAccessibleInventoryRoute: x(() => f.value !== null) };
+}
+const mt = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, ft = {
+  key: 1,
+  class: "flex flex-col pt-[200px] gap-32 items-center"
+}, vt = { class: "flex flex-col gap-12 items-center text-center px-24 max-w-[600px]" }, pt = { class: "fm-typo-en-title-lg-600" }, gt = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, yt = {
+  key: 2,
+  class: "flex flex-col pt-[200px] gap-32 items-center"
+}, ht = { class: "flex flex-col gap-12 items-center text-center px-24 max-w-[1000px]" }, _t = { class: "fm-typo-en-title-lg-600" }, xt = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, bt = { class: "flex gap-16" }, wt = { href: "https://feedme.ai/product/inventory/features?tab=plans_%26_prices" }, $t = { href: "https://feedme.ai/form" }, kt = /* @__PURE__ */ W({
+  __name: "InventoryView",
+  setup(f) {
+    const t = $e(), o = ke(), v = et(), i = oe(), a = ve(), m = ct(), s = Xe(), { t: w } = ie(), { hasAnyAccessibleInventoryRoute: $ } = dt();
+    M(
+      [() => i.sessionUser.value, () => i.currentBusiness.value],
+      ([V, p]) => {
+        _(V, p);
+      }
+    ), fe(async () => {
+      await s.init(), await i.readBusinesses();
+      const V = i.sessionUser.value, p = i.currentBusiness.value;
+      _(V, p);
+    });
+    function _(V, p) {
+      !V || !p || k();
+    }
+    async function k() {
+      return await t.init(), await v.readSetting().catch((V) => {
+        console.error("[all] error on reading netsuite store", V);
+      }), await o.init();
+    }
+    const E = x(() => a.currentRoute.value.name === Y.TRANSFER_TEMPLATE ? s.enablePoTemplate : a.currentRoute.value.name === Y.INGREDIENT_GROUP ? s.enableIngredientGroup : !0), A = x(
+      () => a.currentRoute.value.matched.some((V) => {
+        var n;
+        const p = V.meta, S = p == null ? void 0 : p.validationManifest;
+        return (((n = S == null ? void 0 : S.requiredCaslPermissions) == null ? void 0 : n.length) ?? 0) > 0;
+      })
+    ), z = x(() => {
+      if (!i.sessionUser.value) return !1;
+      if (t._locations !== null && t.locations.length === 0) return !0;
+      if (!s.isLoaded) return !1;
+      const S = a.currentRoute.value.name === Y.LOADING;
+      return !$.value && (S || A.value);
+    });
+    return (V, p) => {
+      const S = U("FmSpacer"), n = U("FmCircularProgress"), u = U("FmButton"), g = U("RouterView");
+      return r(), c("div", null, [
+        I(m).isLoading ? (r(), c("div", mt, [
+          b(S),
+          l("div", null, [
+            b(n, { size: "xl" })
+          ]),
+          p[0] || (p[0] = l("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading page...", -1)),
+          b(S)
+        ])) : z.value ? (r(), c("div", ft, [
+          p[1] || (p[1] = l("img", {
+            src: Ye,
+            alt: "No permission",
+            class: "w-[200px] h-[200px]"
+          }, null, -1)),
+          l("div", vt, [
+            l("div", pt, y(I(w)("inventory.common.noPermission.title")), 1),
+            l("div", gt, y(I(w)("inventory.common.noPermission.description")), 1)
+          ])
+        ])) : E.value ? I(i).sessionUser.value ? (r(), re(g, { key: 3 })) : D("", !0) : (r(), c("div", yt, [
+          l("div", ht, [
+            l("div", _t, y(I(w)("inventory.common.proPlan.title")), 1),
+            l("div", xt, y(I(w)("inventory.common.proPlan.subtitle")), 1)
+          ]),
+          l("div", bt, [
+            l("a", wt, [
+              b(u, {
+                label: I(w)("inventory.common.proPlan.comparePlans"),
+                variant: "secondary"
+              }, null, 8, ["label"])
+            ]),
+            l("a", $t, [
+              b(u, {
+                label: I(w)("inventory.common.proPlan.callUs"),
+                "prepend-icon": "call"
+              }, null, 8, ["label"])
+            ])
+          ])
+        ]))
+      ]);
+    };
+  }
+}), Fe = We((f, t) => ({
+  /**
+   * Commits for one record. recordId is the changelog docId, `${dbName}/${id}`.
+   * The dbName scopes the (access-checked) backend route; only the bare id is
+   * sent — the backend rebuilds the docId server-side.
+   */
+  async getRecordChangelog(o, v) {
+    const i = o.indexOf("/");
+    if (i < 0) return [];
+    const a = o.slice(0, i), m = o.slice(i + 1), s = new URLSearchParams({ id: m });
+    v != null && s.set("limit", String(v));
+    const w = `${f.inventoryBackendUrl}/${a}/changelog?${s.toString()}`;
+    return await t.get(w);
+  },
+  /**
+   * Purchase orders in a date range, each with when it last changed. The
+   * backend joins the orders to their newest commit, so no ids travel and the
+   * browser makes one request instead of list-then-ask-for-timestamps.
+   */
+  async listPurchaseOrders(o, v, i) {
+    if (!o) return [];
+    const a = new URLSearchParams({ start: v, end: i }), m = `${f.inventoryBackendUrl}/${o}/changelog/purchase-order?${a}`;
+    return await t.get(m);
+  },
+  /**
+   * Closing drafts created in a date range, each with when it last changed.
+   * Closing groups come back as rows of their own — their submit/approve/
+   * reject is recorded against the group document, not its parent.
+   */
+  async listClosingDrafts(o, v, i) {
+    if (!o) return [];
+    const a = new URLSearchParams({ start: v, end: i }), m = `${f.inventoryBackendUrl}/${o}/changelog/closing-draft?${a}`;
+    return await t.get(m);
+  },
+  /**
+   * One inventory module's records, each with when it last changed. Business-
+   * scoped, so the db is `business_<id>` — the same prefixed name the record's
+   * own changelog docId carries.
+   */
+  async listInventory(o, v) {
+    if (!o) return [];
+    const i = `${f.inventoryBackendUrl}/business_${o}/changelog/inventory?module=${v}`;
+    return await t.get(i);
+  }
+}));
+function St() {
+  const f = Fe(), t = F([]), o = F(!1);
+  async function v(i, a) {
+    if (!i) {
+      t.value = [];
+      return;
+    }
+    o.value = !0;
+    try {
+      t.value = await f.getRecordChangelog(i, a);
+    } catch (m) {
+      throw t.value = [], m;
+    } finally {
+      o.value = !1;
+    }
+  }
+  return { commits: t, isLoading: o, load: v };
+}
+function Ve(f) {
+  if (!f) return null;
+  try {
+    const t = JSON.parse(f);
+    return typeof (t == null ? void 0 : t.changelogLabelKey) == "string" && typeof (t == null ? void 0 : t.verb) == "string" ? {
+      labelKey: t.changelogLabelKey,
+      verb: t.verb,
+      ...typeof t.name == "string" ? { name: t.name } : {}
+    } : null;
+  } catch {
+    return null;
+  }
+}
+function Rt(f) {
+  return f.startsWith("inventory.changelog.");
+}
+const Le = "
";
+function me(f) {
+  const t = f.indexOf(Le);
+  return t === -1 ? { raw: f, human: f } : { raw: f.slice(0, t), human: f.slice(t + 1) };
+}
+const Ft = [
+  "inventory.changelog.label.recipe",
+  "inventory.changelog.label.sku",
+  "inventory.changelog.label.unit"
+], Vt = [...Ft, "Recipe", "Ingredient", "Unit"];
+function Ie(f) {
+  const { human: t } = me(f);
+  if (!t) return { type: "Document", name: "", field: [] };
+  const o = t.split(" › ");
+  return o.length >= 2 && Vt.includes(o[0]) ? { type: o[0], name: o[1], field: o.slice(2) } : { type: "Document", name: "", field: o };
+}
+const Lt = {
+  key: 0,
+  class: "flex justify-center p-16"
+}, It = {
+  key: 1,
+  class: "p-16 text-center text-gray-500"
+}, Pt = {
+  key: 2,
+  class: "flex h-full min-h-0 gap-8"
+}, Ct = { class: "w-1/3 shrink-0 overflow-y-auto border-r border-gray-200 pr-4" }, Ut = ["onClick", "onKeydown"], Tt = { class: "fm-typo-en-body-md-600" }, Dt = { class: "text-xs text-gray-500" }, Nt = {
+  key: 0,
+  class: "flex-1 overflow-y-auto pl-4"
+}, Et = { class: "mb-12 flex flex-col gap-2 border-b border-gray-200 pb-8" }, Bt = { class: "fm-typo-en-body-lg-600" }, At = { class: "text-xs text-gray-500" }, Mt = { class: "mb-12" }, Ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary pl-8" }, zt = { class: "fm-typo-en-body-md-600 mb-8" }, Kt = { class: "flex flex-col gap-6" }, Gt = {
+  key: 0,
+  class: "text-gray-700"
+}, jt = { class: "min-w-[120px] shrink-0 text-gray-500" }, Ht = { class: "flex flex-wrap items-baseline gap-4" }, Yt = {
+  key: 0,
+  class: "rounded bg-red-50 px-4 text-red-700"
+}, Wt = {
+  key: 1,
+  class: "text-gray-400"
+}, Jt = {
+  key: 2,
+  class: "rounded bg-green-50 px-4 text-green-700"
+}, qt = {
+  key: 0,
+  class: "text-sm text-gray-500"
+}, Xt = {
+  key: 1,
+  class: "flex flex-col gap-16"
+}, Qt = { class: "flex items-center gap-4" }, Zt = { class: "rounded bg-gray-100 px-2 py-1 text-xs" }, en = { class: "flex min-w-0 flex-wrap items-center gap-1 font-mono text-xs text-gray-600" }, tn = {
+  key: 0,
+  class: "text-gray-400"
+}, nn = { class: "cursor-default" }, on = {
+  key: 0,
+  class: "ml-auto shrink-0 text-xs text-gray-400"
+}, an = { class: "grid grid-cols-2 gap-2 font-mono text-xs" }, ln = { class: "m-0 min-h-[1.5em] overflow-x-auto whitespace-pre-wrap break-all rounded bg-red-50 p-4 text-red-700" }, sn = { class: "m-0 min-h-[1.5em] overflow-x-auto whitespace-pre-wrap break-all rounded bg-green-50 p-4 text-green-700" }, rn = {
+  key: 2,
+  class: "mt-16 break-all border-t border-gray-200 pt-8 font-mono text-xs text-gray-400"
+}, un = { key: 0 }, cn = /* @__PURE__ */ W({
+  __name: "ChangelogPanel",
+  props: {
+    commits: {},
+    isLoading: { type: Boolean }
+  },
+  setup(f) {
+    const t = f, { t: o } = ie(), v = F(null), i = F(!1), a = x(() => i.value ? "raw" : "friendly"), m = x(
+      () => t.commits.find((n) => n.id === v.value)
+    ), s = x(() => {
+      var u;
+      const n = ((u = m.value) == null ? void 0 : u.changes) ?? [];
+      return a.value === "raw" ? n : n.filter((g) => me(g.path).raw !== "@payload" && !(g.from == null && g.to == null));
+    });
+    M(
+      () => t.commits,
+      (n) => {
+        var u;
+        n.find((g) => g.id === v.value) || (v.value = ((u = n[0]) == null ? void 0 : u.id) ?? null);
+      },
+      { immediate: !0 }
+    );
+    function w(n) {
+      return n ? n.slice(0, 8) : "";
+    }
+    function $(n) {
+      return n ? new Date(n).toLocaleString() : "";
+    }
+    function _(n) {
+      const { raw: u } = me(n);
+      if (!u) {
+        const g = o("inventory.changelog.documentRoot");
+        return [{ display: g, full: g }];
+      }
+      return u.split(".").map((g) => ({
+        full: g,
+        display: g.length > 28 ? `${g.slice(0, 14)}…${g.slice(-8)}` : g
+      }));
+    }
+    function k(n) {
+      return n;
+    }
+    function E(n) {
+      if (n == null) return "";
+      let u;
+      try {
+        u = JSON.parse(n);
+      } catch {
+        return n;
+      }
+      return a.value === "raw" ? JSON.stringify(u, null, 2) : u === null ? "—" : typeof u == "string" ? u : typeof u == "number" ? u.toLocaleString() : typeof u == "boolean" ? o(u ? "inventory.changelog.yes" : "inventory.changelog.no") : JSON.stringify(u, null, 2);
+    }
+    function A(n) {
+      return (n.authors || []).join(", ") || o("inventory.changelog.unknownActor");
+    }
+    function z(n) {
+      const u = Ve(n.message);
+      if (!u) return n.message || o("inventory.changelog.noMessage");
+      const g = V(u.labelKey);
+      return u.name ? o(`inventory.changelog.message.${u.verb}`, { module: g, name: u.name }) : o(`inventory.changelog.message.${u.verb}NoName`, { module: g });
+    }
+    function V(n) {
+      return Rt(n) ? o(n) : n;
+    }
+    function p(n) {
+      if (n == null) return !1;
+      try {
+        const u = JSON.parse(n);
+        return u !== null && typeof u == "object";
+      } catch {
+        return !1;
+      }
+    }
+    const S = x(() => {
+      const n = /* @__PURE__ */ new Map(), u = [];
+      for (const g of s.value) {
+        const R = Ie(g.path), B = `${R.type}${Le}${R.name}`;
+        let h = n.get(B);
+        h || (h = { header: R.name ? `${V(R.type)} "${R.name}"` : V(R.type), lines: [] }, n.set(B, h), u.push(h));
+        const T = R.field.map(V).join(" › "), L = T || (R.name ? `${V(R.type)} "${R.name}"` : V(R.type));
+        g.kind === "create" ? h.lines.push({ text: o("inventory.changelog.kind.created") }) : g.from != null && g.to != null ? h.lines.push({ label: T || L, from: g.from, to: g.to }) : g.to != null ? p(g.to) ? h.lines.push({ text: `${o("inventory.changelog.added")} ${L}` }) : h.lines.push({ label: T || L, to: g.to }) : g.from != null && h.lines.push({ text: `${o("inventory.changelog.kind.removed")} ${L}` });
+      }
+      return u;
+    });
+    return (n, u) => {
+      const g = U("FmCircularProgress"), R = U("FmSwitch"), B = U("FmTooltip");
+      return n.isLoading ? (r(), c("div", Lt, [
+        b(g)
+      ])) : n.commits.length ? (r(), c("div", Pt, [
+        l("ol", Ct, [
+          (r(!0), c(N, null, Z(n.commits, (h) => (r(), c("li", {
+            key: h.id,
+            role: "button",
+            tabindex: "0",
+            class: we([
+              "cursor-pointer border-l-2 py-8 pl-12",
+              h.id === v.value ? "border-fm-color-primary bg-fm-color-primary-50" : "border-gray-200 hover:bg-gray-50"
+            ]),
+            onClick: (T) => v.value = h.id,
+            onKeydown: [
+              be((T) => v.value = h.id, ["enter"]),
+              be(Me((T) => v.value = h.id, ["prevent"]), ["space"])
+            ]
+          }, [
+            l("div", Tt, y(z(h)), 1),
+            l("div", Dt, y(A(h)) + " · " + y($(h.at)) + " · " + y(w(h.id)), 1)
+          ], 42, Ut))), 128))
+        ]),
+        m.value ? (r(), c("div", Nt, [
+          l("div", Et, [
+            l("div", Bt, y(z(m.value)), 1),
+            l("div", At, y(A(m.value)) + " · " + y($(m.value.at)), 1)
+          ]),
+          l("div", Mt, [
+            b(Re, null, {
+              default: O(() => [
+                l("span", Ot, y(I(o)("inventory.changelog.tabRaw")), 1),
+                b(R, {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": u[0] || (u[0] = (h) => i.value = h)
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          a.value === "friendly" ? (r(), c(N, { key: 0 }, [
+            (r(!0), c(N, null, Z(S.value, (h, T) => (r(), c("div", {
+              key: T,
+              class: "mb-12 rounded-lg border border-gray-200 p-12"
+            }, [
+              l("div", zt, y(h.header), 1),
+              l("ul", Kt, [
+                (r(!0), c(N, null, Z(h.lines, (L, K) => (r(), c("li", {
+                  key: K,
+                  class: "flex flex-wrap items-baseline gap-8 text-sm"
+                }, [
+                  L.text ? (r(), c("span", Gt, y(L.text), 1)) : (r(), c(N, { key: 1 }, [
+                    l("span", jt, y(L.label), 1),
+                    l("span", Ht, [
+                      L.from != null ? (r(), c("span", Yt, y(E(L.from)), 1)) : D("", !0),
+                      L.from != null && L.to != null ? (r(), c("span", Wt, "→")) : D("", !0),
+                      L.to != null ? (r(), c("span", Jt, y(E(L.to)), 1)) : D("", !0)
+                    ])
+                  ], 64))
+                ]))), 128))
+              ])
+            ]))), 128)),
+            S.value.length ? D("", !0) : (r(), c("div", qt, y(I(o)("inventory.changelog.empty")), 1))
+          ], 64)) : (r(), c("ul", Xt, [
+            (r(!0), c(N, null, Z(s.value, (h, T) => (r(), c("li", {
+              key: T,
+              class: "flex flex-col gap-2"
+            }, [
+              l("div", Qt, [
+                l("span", Zt, y(h.kind), 1),
+                l("div", en, [
+                  (r(!0), c(N, null, Z(_(h.path), (L, K) => (r(), c(N, { key: K }, [
+                    K > 0 ? (r(), c("span", tn, "›")) : D("", !0),
+                    b(B, {
+                      placement: "top",
+                      content: L.full,
+                      "z-index": 9999
+                    }, {
+                      default: O(() => [
+                        l("span", nn, y(L.display), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["content"])
+                  ], 64))), 128))
+                ]),
+                h.at ? (r(), c("span", on, y($(h.at)), 1)) : D("", !0)
+              ]),
+              l("div", an, [
+                l("pre", ln, y(E(h.from)), 1),
+                l("pre", sn, y(E(h.to)), 1)
+              ])
+            ]))), 128))
+          ])),
+          a.value === "raw" ? (r(), c("div", rn, [
+            se(y(m.value.id) + " ", 1),
+            m.value.parent ? (r(), c("span", un, "← " + y(m.value.parent), 1)) : D("", !0)
+          ])) : D("", !0)
+        ])) : D("", !0)
+      ])) : (r(), c("div", It, y(I(o)("inventory.changelog.empty")), 1));
+    };
+  }
+}), dn = { class: "flex flex-wrap items-center gap-16" }, mn = { class: "fm-typo-en-heading-lg-600" }, fn = { class: "flex h-full min-h-0 flex-col gap-12 p-16" }, vn = { class: "flex flex-wrap items-center gap-12" }, pn = { class: "flex shrink-0 items-center gap-8" }, gn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yn = { class: "flex flex-wrap items-center gap-12" }, hn = {
+  key: 0,
+  class: "fm-typo-en-body-md-600"
+}, _n = { class: "fm-typo-en-heading-md-600" }, de = "inventory.changelog.label.", xn = 1e3, bn = /* @__PURE__ */ W({
+  __name: "ChangelogDialog",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: t }) {
+    const o = f, v = t, i = x({
+      get: () => o.modelValue,
+      set: (e) => v("update:modelValue", e)
+    }), { t: a } = ie(), m = oe(), s = ke(), w = $e(), $ = Fe(), { breakpoints: _ } = tt(), k = x(() => _.value.xs || _.value.sm), E = x(() => k.value ? "98vw" : "72vw"), { commits: A, isLoading: z, load: V } = St();
+    function p(e) {
+      return e ? new Date(e).toLocaleString() : "—";
+    }
+    function S(e) {
+      return [...e].sort((d, P) => (P.lastUpdate ?? "").localeCompare(d.lastUpdate ?? ""));
+    }
+    function n(e, d) {
+      V(e, d).catch((P) => console.error("changelog load failed", P));
+    }
+    const u = x(() => [
+      { label: a("inventory.changelog.label.purchaseOrder"), value: "purchaseOrder" },
+      { label: a("inventory.changelog.label.closingDraft"), value: "closingDraft" },
+      { label: a("inventory.changelog.domainInventory"), value: "inventory" }
+    ]), g = F(u.value[0]), R = x(() => {
+      var e;
+      return ((e = g.value) == null ? void 0 : e.value) ?? "purchaseOrder";
+    }), B = F(!1), h = x(
+      () => ["sku", "recipe", "unit"].map((e) => ({
+        label: a(de + e),
+        value: e
+      }))
+    ), T = F(h.value[0]), L = x(() => {
+      var e;
+      return ((e = T.value) == null ? void 0 : e.value) ?? "sku";
+    }), K = F(""), G = F(null), ee = F(!1), pe = x(() => {
+      var P;
+      const e = (P = m.currentBusiness.value) == null ? void 0 : P._id, d = s.inventory._id;
+      return e && d ? `business_${e}/${d}` : "";
+    }), ae = F([]), ue = F(!1);
+    async function ge() {
+      var d;
+      const e = (d = m.currentBusiness.value) == null ? void 0 : d._id;
+      if (e) {
+        ue.value = !0;
+        try {
+          ae.value = S(await $.listInventory(e, L.value));
+        } catch (P) {
+          console.error("changelog inventory list load failed", P), ae.value = [];
+        } finally {
+          ue.value = !1;
+        }
+      }
+    }
+    const Pe = x(
+      () => ee.value ? ae.value : ae.value.filter((e) => !e.deleted)
+    ), Ce = x(() => [
+      { accessorKey: "id", header: () => a("inventory.closing.draft.table.id"), size: 320 },
+      {
+        id: "name",
+        header: () => a("inventory.common.name"),
+        accessorFn: (e) => e.name,
+        // Deleted records sit in the same list as live ones, so the row says which
+        // it is; nothing else distinguishes them.
+        cell: ({ row: e }) => e.original.deleted ? Oe(
+          "span",
+          { "data-deleted": "" },
+          `${e.original.name} (${a("inventory.changelog.deleted")})`
+        ) : e.original.name
+      },
+      {
+        id: "lastUpdate",
+        header: () => a("inventory.changelog.column.lastUpdate"),
+        size: 200,
+        // Raw ISO is the sort key — clicking the header on formatted dates would
+        // order them lexicographically by locale string. Formatted only to display.
+        accessorFn: (e) => e.lastUpdate ?? "",
+        cell: ({ getValue: e }) => p(e() || void 0)
+      }
+    ]);
+    function Ue(e) {
+      G.value = e, B.value = !0, n(pe.value, xn);
+    }
+    function Te(e, d) {
+      const P = Ve(e.message);
+      return P && P.labelKey === de + L.value && P.name === d.name ? !0 : (e.changes ?? []).some((q) => {
+        const j = Ie(q.path);
+        return j.type === de + L.value && j.name === d.name;
+      });
+    }
+    const De = x(() => {
+      const e = G.value;
+      return e ? A.value.filter((d) => Te(d, e)) : [];
+    }), te = F(nt()), le = F([]), ce = F(!1), J = F(null), ye = x(() => {
+      const e = w._currentLocation;
+      return e ? `${e.name} (${e.doc.profile.code ?? "--"})` : "";
+    }), Ne = x(() => [
+      { accessorKey: "id", header: () => a("inventory.closing.draft.table.id"), size: 320 },
+      {
+        accessorKey: "name",
+        header: () => R.value === "purchaseOrder" ? a("inventory.changelog.column.seq") : a("inventory.common.name"),
+        size: 240
+      },
+      {
+        id: "lastUpdate",
+        header: () => a("inventory.changelog.column.lastUpdate"),
+        size: 200,
+        // Raw ISO is the sort key; see the note on the inventory table.
+        accessorFn: (e) => e.lastUpdate ?? "",
+        cell: ({ getValue: e }) => p(e() || void 0)
+      }
+    ]);
+    async function he() {
+      var q;
+      const e = (q = w._currentLocation) == null ? void 0 : q.dbName;
+      if (!e) return;
+      const d = at(new Date(te.value.startDate)).toISOString(), P = lt(new Date(te.value.endDate)).toISOString();
+      ce.value = !0;
+      try {
+        le.value = S(
+          R.value === "purchaseOrder" ? await $.listPurchaseOrders(e, d, P) : await $.listClosingDrafts(e, d, P)
+        );
+      } catch (j) {
+        console.error("changelog location list load failed", j), le.value = [];
+      } finally {
+        ce.value = !1;
+      }
+      J.value && !le.value.find((j) => {
+        var ne;
+        return j.id === ((ne = J.value) == null ? void 0 : ne.id);
+      }) && (J.value = null, n(""));
+    }
+    function Ee(e) {
+      J.value = e, B.value = !0, n(`${w.currentLocationDBName}/${e.id}`);
+    }
+    const Be = x(() => {
+      var e, d;
+      return R.value === "inventory" ? ((e = G.value) == null ? void 0 : e.name) ?? "" : ((d = J.value) == null ? void 0 : d.name) ?? "";
+    });
+    function _e() {
+      B.value = !1, R.value === "inventory" ? (G.value = null, ee.value = !1, n(""), ge().catch(
+        (e) => console.error("changelog inventory list failed", e)
+      )) : (J.value = null, n(""), he().catch(
+        (e) => console.error("changelog location list failed", e)
+      ));
+    }
+    return M(i, (e) => {
+      e && _e();
+    }), M(R, () => {
+      i.value && _e();
+    }), M(te, () => {
+      i.value && R.value !== "inventory" && he().catch(
+        (e) => console.error("changelog location list failed", e)
+      );
+    }), M(ee, (e) => {
+      var d;
+      !e && ((d = G.value) != null && d.deleted) && (G.value = null, B.value = !1);
+    }), M(L, () => {
+      G.value = null, B.value = !1, i.value && R.value === "inventory" && ge().catch(
+        (e) => console.error("changelog inventory list failed", e)
+      );
+    }), M(pe, (e) => {
+      G.value = null, i.value && R.value === "inventory" && n(e);
+    }), (e, d) => {
+      const P = U("FmButtonGroup"), q = U("FmSearch"), j = U("FmSwitch"), ne = U("FmTable"), xe = U("FmDialog");
+      return r(), c(N, null, [
+        b(xe, {
+          modelValue: i.value,
+          "onUpdate:modelValue": d[7] || (d[7] = (C) => i.value = C),
+          "close-button": "",
+          "dismiss-away": "",
+          "min-width": "98vw",
+          "max-width": "98vw",
+          "max-height": "94vh",
+          "content-class": "!p-0 h-[86vh]"
+        }, {
+          "dialog-header": O(() => [
+            l("div", dn, [
+              l("div", mn, y(I(a)("inventory.changelog.title")), 1),
+              b(P, {
+                modelValue: g.value,
+                "onUpdate:modelValue": d[0] || (d[0] = (C) => g.value = C),
+                items: u.value
+              }, null, 8, ["modelValue", "items"])
+            ])
+          ]),
+          default: O(() => [
+            l("div", fn, [
+              R.value === "inventory" ? (r(), c(N, { key: 0 }, [
+                l("div", vn, [
+                  b(P, {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": d[1] || (d[1] = (C) => T.value = C),
+                    items: h.value
+                  }, null, 8, ["modelValue", "items"]),
+                  b(q, {
+                    modelValue: K.value,
+                    "onUpdate:modelValue": d[2] || (d[2] = (C) => K.value = C),
+                    class: "flex-1",
+                    placeholder: I(a)("inventory.changelog.searchInventory")
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  l("div", pn, [
+                    l("span", gn, y(I(a)("inventory.changelog.includeDeleted")), 1),
+                    b(j, {
+                      modelValue: ee.value,
+                      "onUpdate:modelValue": d[3] || (d[3] = (C) => ee.value = C)
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                b(ne, {
+                  class: "min-h-0 flex-1",
+                  "row-data": Pe.value,
+                  "column-defs": Ce.value,
+                  "search-value": K.value,
+                  loading: ue.value,
+                  "page-size": 20,
+                  onRowClick: d[4] || (d[4] = (C) => Ue(C.original))
+                }, null, 8, ["row-data", "column-defs", "search-value", "loading"])
+              ], 64)) : (r(), c(N, { key: 1 }, [
+                l("div", yn, [
+                  b(ot, {
+                    modelValue: te.value,
+                    "onUpdate:modelValue": d[5] || (d[5] = (C) => te.value = C)
+                  }, null, 8, ["modelValue"]),
+                  ye.value ? (r(), c("span", hn, y(ye.value), 1)) : D("", !0)
+                ]),
+                b(ne, {
+                  class: "min-h-0 flex-1",
+                  "row-data": le.value,
+                  "column-defs": Ne.value,
+                  loading: ce.value,
+                  "page-size": 20,
+                  onRowClick: d[6] || (d[6] = (C) => Ee(C.original))
+                }, null, 8, ["row-data", "column-defs", "loading"])
+              ], 64))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        b(xe, {
+          modelValue: B.value,
+          "onUpdate:modelValue": d[8] || (d[8] = (C) => B.value = C),
+          "close-button": "",
+          "dismiss-away": "",
+          "min-width": E.value,
+          "max-width": E.value,
+          "max-height": "86vh"
+        }, {
+          "dialog-header": O(() => [
+            l("div", _n, y(Be.value), 1)
+          ]),
+          default: O(() => [
+            b(cn, {
+              commits: R.value === "inventory" ? De.value : I(A),
+              "is-loading": I(z)
+            }, null, 8, ["commits", "is-loading"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "min-width", "max-width"])
+      ], 64);
+    };
+  }
+}), wn = /* @__PURE__ */ st(bn, [["__scopeId", "data-v-fedde99f"]]), $n = ["title"], Q = 48, H = 8, kn = /* @__PURE__ */ W({
+  __name: "ChangelogFloatingButton",
+  setup(f) {
+    const { t } = ie(), o = oe(), v = x(() => {
+      var p;
+      return !!((p = o.sessionUser.value) != null && p.role.isAdmin);
+    }), i = F(!1), a = F({ x: 0, y: 0 });
+    function m(p, S, n) {
+      return Math.min(Math.max(p, S), n);
+    }
+    function s() {
+      const p = Math.max(H, window.innerWidth - Q - H), S = Math.max(H, window.innerHeight - Q - H), n = a.value.x + Q / 2;
+      a.value = {
+        x: n < window.innerWidth / 2 ? H : p,
+        y: m(a.value.y, H, S)
+      };
+    }
+    function w() {
+      a.value = { x: window.innerWidth - Q - H, y: Math.round(window.innerHeight / 2) };
+    }
+    fe(() => {
+      w(), window.addEventListener("resize", s), window.addEventListener("orientationchange", s);
+    }), ze(() => {
+      window.removeEventListener("resize", s), window.removeEventListener("orientationchange", s);
+    });
+    const $ = F(!1);
+    let _ = null, k = !1;
+    function E(p) {
+      _ = { x: p.clientX, y: p.clientY, px: a.value.x, py: a.value.y }, $.value = !0, k = !1, p.currentTarget.setPointerCapture(p.pointerId);
+    }
+    function A(p) {
+      if (!_) return;
+      const S = p.clientX - _.x, n = p.clientY - _.y;
+      Math.abs(S) + Math.abs(n) > 3 && (k = !0), a.value = {
+        x: m(_.px + S, 0, window.innerWidth - Q),
+        y: m(_.py + n, 0, window.innerHeight - Q)
+      };
+    }
+    function z() {
+      _ = null, $.value = !1, s();
+    }
+    function V() {
+      _ && (z(), k || (i.value = !0));
+    }
+    return (p, S) => {
+      const n = U("FmIcon");
+      return r(), re(Ke, { to: "body" }, [
+        v.value ? (r(), c(N, { key: 0 }, [
+          l("button", {
+            type: "button",
+            title: I(t)("inventory.changelog.title"),
+            class: we([
+              "fixed z-50 flex h-48 w-48 touch-none items-center justify-center rounded-full border border-gray-200 bg-white shadow-lg hover:bg-gray-50",
+              $.value ? "cursor-grabbing" : "cursor-grab transition-[left,top] duration-200 ease-out"
+            ]),
+            style: Ge({ left: `${a.value.x}px`, top: `${a.value.y}px` }),
+            onPointerdown: E,
+            onPointermove: A,
+            onPointerup: V,
+            onPointercancel: z
+          }, [
+            b(n, {
+              name: "history",
+              size: "md",
+              outline: ""
+            })
+          ], 46, $n),
+          b(wn, {
+            modelValue: i.value,
+            "onUpdate:modelValue": S[0] || (S[0] = (u) => i.value = u)
+          }, null, 8, ["modelValue"])
+        ], 64)) : D("", !0)
+      ]);
+    };
+  }
+}), Sn = { class: "flex items-center gap-2" }, Rn = { class: "text-xs text-gray-400 font-normal" }, Fn = { class: "flex flex-col gap-3" }, Vn = { class: "max-h-[480px] flex flex-col gap-1" }, Ln = { class: "font-mono text-xs text-gray-700 break-all min-w-0" }, In = {
+  key: 0,
+  class: "inline-flex items-center gap-1 text-xs font-medium text-green-700 bg-green-50 px-2 py-0.5 rounded-full"
+}, Pn = {
+  key: 1,
+  class: "inline-flex items-center gap-1 text-xs font-medium text-red-700 bg-red-50 px-2 py-0.5 rounded-full"
+}, Cn = {
+  key: 2,
+  class: "inline-flex items-center gap-1 text-xs font-medium text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full"
+}, Un = {
+  key: 0,
+  class: "text-center text-sm text-gray-400 py-4"
+}, Tn = /* @__PURE__ */ W({
+  __name: "FmFeatureFlagDialog",
+  setup(f) {
+    const t = F(!1), o = F(""), v = x(() => {
+      const { getFlagValue: m } = Qe();
+      return Object.values(Ze).map((s) => {
+        const w = m(s, ($) => $ === "true");
+        return {
+          name: s,
+          enabled: w
+        };
+      });
+    }), i = x(() => {
+      const m = o.value.toLowerCase();
+      return m ? v.value.filter((s) => s.name.toLowerCase().includes(m)) : v.value;
+    }), a = x(() => {
+      const m = v.value.filter(($) => $.enabled === !0).length, s = v.value.filter(($) => $.enabled === !1).length, w = v.value.filter(($) => $.enabled === null).length;
+      return { enabled: m, disabled: s, unknown: w, total: v.value.length };
+    });
+    return (m, s) => {
+      const w = U("FmButton"), $ = U("FmSpacer"), _ = U("FmDialog");
+      return r(), re(_, {
+        modelValue: t.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (k) => t.value = k),
+        overlay: !0
+      }, {
+        "dialog-button": O(() => [
+          b(Re, null, {
+            default: O(() => [
+              b(w, {
+                variant: "secondary",
+                label: "Feature flags"
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        "dialog-header": O(() => [
+          l("div", Sn, [
+            s[3] || (s[3] = l("span", null, "Feature Flags", -1)),
+            l("span", Rn, y(a.value.enabled) + " enabled · " + y(a.value.disabled) + " disabled · " + y(a.value.unknown) + " unknown ", 1)
+          ])
+        ]),
+        "dialog-footer": O(() => [
+          b($, { class: "sm:hidden xs:hidden" }),
+          b(w, {
+            class: "sm:w-full xs:w-full",
+            label: "Close",
+            size: "md",
+            variant: "primary",
+            onClick: s[1] || (s[1] = (k) => t.value = !1)
+          })
+        ]),
+        default: O(() => [
+          l("div", Fn, [
+            je(l("input", {
+              "onUpdate:modelValue": s[0] || (s[0] = (k) => o.value = k),
+              type: "text",
+              placeholder: "Search flags...",
+              class: "w-full px-3 py-2 text-sm border border-gray-300 rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500"
+            }, null, 512), [
+              [He, o.value]
+            ]),
+            l("div", Vn, [
+              (r(!0), c(N, null, Z(i.value, (k) => (r(), c("div", {
+                key: k.name,
+                class: "flex items-start justify-between gap-2 px-3 py-2 rounded-md hover:bg-gray-50 text-sm"
+              }, [
+                l("span", Ln, y(k.name), 1),
+                k.enabled === !0 ? (r(), c("span", In, s[4] || (s[4] = [
+                  l("span", { class: "w-1.5 h-1.5 rounded-full bg-green-500" }, null, -1),
+                  se(" Enabled ")
+                ]))) : k.enabled === !1 ? (r(), c("span", Pn, s[5] || (s[5] = [
+                  l("span", { class: "w-1.5 h-1.5 rounded-full bg-red-500" }, null, -1),
+                  se(" Disabled ")
+                ]))) : (r(), c("span", Cn, s[6] || (s[6] = [
+                  l("span", { class: "w-1.5 h-1.5 rounded-full bg-gray-400" }, null, -1),
+                  se(" Unknown ")
+                ])))
+              ]))), 128)),
+              i.value.length === 0 ? (r(), c("div", Un, ' No flags matching "' + y(o.value) + '" ', 1)) : D("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Dn = { class: "h-full flex flex-col overflow-auto py-16 gap-2" }, Nn = /* @__PURE__ */ W({
+  __name: "NavigationTab",
+  setup(f) {
+    const t = qe(), o = ve(), v = oe(), i = rt(), { menuItems: a } = Se();
+    M([() => v.currentBusiness.value, () => t.name], ([_, k]) => {
+      (_ == null ? void 0 : _.menuVersion) === "v3" && (k === Y.INGREDIENTS || k === Y.RECIPE || k === Y.UNIT) && o.push({ name: Y.STOCK });
+    });
+    const m = x({
+      get() {
+        if (t.name)
+          return String(t.name);
+      },
+      set(_) {
+        _ && o.push({ name: _ });
+      }
+    }), s = x(
+      () => {
+        var _;
+        return `NavigationTab.${(_ = v.currentBusiness.value) == null ? void 0 : _._id}`;
+      }
+    ), w = F(!1), $ = x({
+      get() {
+        return w.value;
+      },
+      set(_) {
+        w.value = _, _ || i.setItem(s.value, "true");
+      }
+    });
+    return M([() => s.value], () => {
+      w.value = !1, setTimeout(() => {
+        $.value = !i.getItem(s.value);
+      }, 2e3);
+    }), (_, k) => {
+      const E = U("FmCollapsibleTabs");
+      return r(), c("div", Dn, [
+        b(Tn),
+        b(E, {
+          modelValue: m.value,
+          "onUpdate:modelValue": k[0] || (k[0] = (A) => m.value = A),
+          items: I(a)
+        }, null, 8, ["modelValue", "items"])
+      ]);
+    };
+  }
+});
+typeof Promise.withResolvers > "u" && (Promise.withResolvers = () => {
+  let f, t;
+  return { promise: new Promise((v, i) => {
+    f = v, t = i;
+  }), resolve: f, reject: t };
+});
+typeof Promise.prototype.delayed > "u" && (Promise.prototype.delayed = async function(f) {
+  return await new Promise((t) => setTimeout(t, f)), Promise.resolve(this);
+});
+const Qn = /* @__PURE__ */ W({
+  __name: "App",
+  setup(f) {
+    const t = oe(), o = it(), v = Je(), i = window.location.href.includes("print-preview");
+    fe(() => {
+      if (window.location.href.includes("print-preview")) {
+        t.setEmbedded(!0), document.body.classList.add("print-mode");
+        return;
+      }
+      t.registerSidebarComponent(Nn), o.initGoogleMap(v.appApi.googleMap).catch(() => {
+        console.error("Google map cannot be loaded");
+      });
+    }), M([() => t.currentCountry.value], () => {
+      a();
+    });
+    async function a() {
+      var m;
+      try {
+        await t.readBusinesses(), t.currentBusiness.value = (m = t.businesses.value) == null ? void 0 : m.find((s) => s);
+      } catch (s) {
+        console.error("error when trying to reset businesses:", s);
+      }
+    }
+    return (m, s) => (r(), c(N, null, [
+      b(kt),
+      I(i) ? D("", !0) : (r(), re(kn, { key: 0 }))
+    ], 64));
+  }
+});
+export {
+  Qn as default
+};