@feedmepos/mf-inventory-portal 1.8.0-dev.0 → 1.8.0-dev.10

package/dist/ProductionRunView-BkvQHeCP.js

@@ -0,0 +1,931 @@
+import { defineComponent as ae, computed as m, createElementBlock as k, createCommentVNode as H, openBlock as p, withModifiers as ot, createVNode as C, unref as r, ref as h, watch as fe, onMounted as ke, onBeforeUnmount as Re, resolveComponent as ne, Fragment as X, createElementVNode as s, createTextVNode as _e, toDisplayString as b, withCtx as G, renderList as xe, normalizeClass as se, nextTick as rt, watchEffect as xt, h as Q, createBlock as ee, normalizeStyle as wt } from "vue";
+import { F as te } from "./index-eGvSlWMU.js";
+import { useRouter as kt } from "vue-router";
+import { useDialog as Rt, useSnackbar as It, useBreakpoints as $t } from "@feedmepos/ui-library";
+import { useI18n as ie, useCoreStore as St } from "@feedmepos/mf-common";
+import { u as At, _ as Ct } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { _ as Ft } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
+import { F as st } from "./FmAdminBadge-DlplQOHb.js";
+import { p as Ie, a as Nt, i as we, _ as Pt, h as Tt, b as Dt, f as Mt, c as zt, d as at, e as Lt, u as Vt, g as Ot, j as Et, P as qt, m as Ut, k as jt, l as Wt, n as Ht, o as Bt, q as ge, r as et, s as tt, t as nt, v as Yt } from "./ProductionRunLifecycleDialogs.vue_vue_type_script_setup_true_lang-C88pjV2s.js";
+import { _ as Qt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CiBhz5sq.js";
+import { u as Gt, a as Kt } from "./app-OztWApio.js";
+import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Jt = /* @__PURE__ */ ae({
+  __name: "ProductionRunActionsCell",
+  props: {
+    run: {}
+  },
+  emits: ["action"],
+  setup(q, { emit: o }) {
+    const i = q, N = o, { t: u } = ie(), R = m(
+      () => Ie(i.run, u("inventory.production.run.list.untitled"))
+    ), x = {
+      request: 0,
+      prepare: 0,
+      complete: 0,
+      update: 1,
+      close: 1,
+      cancel: 2
+    }, f = m(
+      () => Nt(i.run).filter(({ action: t }) => t !== "request" || i.run.plan.items.length > 0).sort((t, d) => we(i.run) && t.action === "close" ? -1 : we(i.run) && d.action === "close" ? 1 : x[t.action] - x[d.action]).map(({ action: t }) => t)
+    );
+    function w(t) {
+      return t === "complete" && Tt(i.run) ? u("inventory.production.run.detail.pendingStock.resume") : u(`inventory.production.run.list.rowActions.${t}`);
+    }
+    const c = m(
+      () => f.value.map((t) => ({
+        id: t,
+        label: w(t),
+        destructive: t === "cancel"
+      }))
+    );
+    function v(t) {
+      N("action", t);
+    }
+    return (t, d) => f.value.length ? (p(), k("div", {
+      key: 0,
+      class: "production-run-action-interactive relative flex items-center justify-center",
+      onClick: d[0] || (d[0] = ot(() => {
+      }, ["stop"]))
+    }, [
+      C(Pt, {
+        items: c.value,
+        placement: "bottom-end",
+        "menu-testid": "run-actions-menu",
+        "accessible-label": r(u)("inventory.production.run.list.actionsFor", { name: R.value }),
+        onSelect: v
+      }, null, 8, ["items", "accessible-label"])
+    ])) : H("", !0);
+  }
+}), Xt = ["id"], Zt = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, en = {
+  key: 1,
+  class: "production-run-items-interactive relative min-w-0"
+}, tn = { class: "min-w-0 overflow-hidden whitespace-nowrap" }, nn = {
+  key: 0,
+  class: "shrink-0",
+  "aria-hidden": "true"
+}, on = ["data-hidden-count"], rn = ["aria-label"], sn = { class: "fm-typo-en-body-sm-600 mb-8 text-fm-color-typo-primary" }, an = { class: "flex flex-col gap-8 border-t border-fm-color-neutral-gray-100 pt-8" }, ln = { class: "text-fm-color-typo-primary" }, un = { class: "shrink-0 text-fm-color-typo-secondary" };
+let cn = 0;
+const dn = /* @__PURE__ */ ae({
+  __name: "ProductionRunItemsCell",
+  props: {
+    run: {},
+    resolveSku: {},
+    rowLinkFocused: { type: Boolean, default: !1 },
+    descriptionId: {},
+    wrap: { type: Boolean, default: !1 }
+  },
+  setup(q) {
+    const o = q, { t: i } = ie(), N = h(!1), u = m(() => N.value || o.rowLinkFocused), R = h(null), x = h(null), f = h(null), w = h(Number.POSITIVE_INFINITY), c = h(!1), v = typeof navigator < "u" && /safari/i.test(navigator.userAgent) && !/(chrome|chromium|crios|android)/i.test(navigator.userAgent), t = ++cn, d = `production-run-items-tooltip-${t}`, T = `production-run-items-description-${t}`, P = m(() => o.descriptionId ?? T), l = 44;
+    let _ = null, g = null, O = null, B = !1;
+    const I = m(
+      () => o.run.plan.items.map((a, S) => {
+        const D = o.resolveSku(a.skuId), $ = Dt(a.measurement) ? a.measurement : null, V = ($ == null ? void 0 : $.abbrev) ?? null, j = Mt(a.requestedAmount, V, {
+          precision: a.requestedAmount.precision
+        });
+        return {
+          key: `${a.skuId}-${S}`,
+          name: (D == null ? void 0 : D.name) ?? a.skuId,
+          quantity: V ? j : `${j} · ${i("inventory.production.run.list.itemsUnitUnresolved")}`
+        };
+      })
+    ), z = m(() => I.value.slice(0, w.value)), K = m(() => I.value.map(({ name: a }) => a).join(", ")), U = m(() => z.value.map(({ name: a }) => a).join(", ")), L = m(
+      () => o.wrap ? 0 : Math.max(0, I.value.length - z.value.length)
+    ), Z = m(() => L.value > 99 ? "99+" : `+${L.value}`), ye = m(
+      () => I.value.map(({ name: a, quantity: S }) => `${a}: ${S}`).join(", ")
+    );
+    function he() {
+      if (o.wrap) {
+        w.value = I.value.length, c.value = !1;
+        return;
+      }
+      const a = x.value, S = f.value;
+      if (!a || !S || a.clientWidth <= 0) return;
+      const D = Array.from(S.children).map((W) => W.offsetWidth);
+      if (!D.length || D.reduce((W, Y) => W + Y, 0) <= a.clientWidth) {
+        w.value = I.value.length, c.value = !1;
+        return;
+      }
+      c.value = !0;
+      const $ = Math.max(0, a.clientWidth - l);
+      let V = 0, j = 0;
+      for (const W of D) {
+        if (V + W > $) break;
+        V += W, j++;
+      }
+      w.value = Math.min(I.value.length, Math.max(1, j + 1));
+    }
+    function J() {
+      B || (B = !0, rt(() => {
+        B = !1, he();
+      }));
+    }
+    function oe() {
+      _ && (g !== x.value && (g && _.unobserve(g), g = x.value, g && _.observe(g)), O !== f.value && (O && _.unobserve(O), O = f.value, O && _.observe(O)), J());
+    }
+    fe(
+      () => I.value.map(({ name: a }) => a).join("\0"),
+      () => {
+        w.value = Number.POSITIVE_INFINITY, J();
+      },
+      { flush: "post" }
+    ), fe(
+      () => o.wrap,
+      () => {
+        w.value = Number.POSITIVE_INFINITY, J();
+      },
+      { flush: "post" }
+    ), fe([x, f], oe, { flush: "post" }), ke(() => {
+      typeof ResizeObserver < "u" && (_ = new ResizeObserver(J), oe()), J();
+    }), Re(() => _ == null ? void 0 : _.disconnect());
+    function le(a) {
+      var S, D;
+      a !== u.value && (u.value ? (S = R.value) == null || S.show() : (D = R.value) == null || D.hide());
+    }
+    return (a, S) => {
+      const D = ne("FmPopover");
+      return p(), k(X, null, [
+        s("span", {
+          id: P.value,
+          "data-testid": "run-items-a11y-description",
+          class: "sr-only"
+        }, [
+          L.value ? (p(), k(X, { key: 0 }, [
+            _e(b(r(i)("inventory.production.run.list.itemsHidden", { count: L.value })) + ". ", 1)
+          ], 64)) : H("", !0),
+          _e(" " + b(I.value.length ? r(i)("inventory.production.run.list.itemsLabel", { names: ye.value }) : r(i)("inventory.production.run.list.itemsNone")), 1)
+        ], 8, Xt),
+        I.value.length === 0 ? (p(), k("span", Zt, b(r(i)("inventory.production.run.list.itemsNone")), 1)) : (p(), k("div", en, [
+          C(D, {
+            ref_key: "popover",
+            ref: R,
+            "show-popover": u.value,
+            placement: "bottom-start",
+            onPopoverChanged: le
+          }, {
+            "popover-button": G(() => [
+              s("div", {
+                ref_key: "disclosureContainer",
+                ref: x,
+                "data-testid": "items-disclosure-container",
+                class: se(["flex w-full max-w-full min-w-0 gap-4 text-left", a.wrap ? "items-start overflow-visible" : "items-center overflow-hidden"]),
+                onMouseenter: S[0] || (S[0] = ($) => N.value = !0),
+                onMouseleave: S[1] || (S[1] = ($) => N.value = !1)
+              }, [
+                s("span", {
+                  "data-testid": "run-items-summary",
+                  class: se([
+                    "fm-typo-en-body-md-400 min-w-0 flex-1 text-fm-color-typo-primary",
+                    a.wrap ? "whitespace-normal break-words" : r(v) ? "flex overflow-hidden whitespace-nowrap" : "truncate"
+                  ])
+                }, [
+                  r(v) && !a.wrap ? (p(), k(X, { key: 0 }, [
+                    s("span", tn, b(U.value), 1),
+                    c.value ? (p(), k("span", nn, "…")) : H("", !0)
+                  ], 64)) : (p(), k(X, { key: 1 }, [
+                    _e(b(K.value), 1)
+                  ], 64))
+                ], 2),
+                L.value ? (p(), k("span", {
+                  key: 0,
+                  "data-testid": "run-items-overflow",
+                  "data-hidden-count": L.value,
+                  "data-production-info-size": "sm",
+                  "aria-hidden": "true",
+                  class: "inline-flex h-[20px] shrink-0 items-center justify-center whitespace-nowrap rounded-full bg-fm-color-neutral-gray-100 px-[8px] text-[12px] font-normal leading-[18px] text-fm-color-typo-primary"
+                }, b(Z.value), 9, on)) : H("", !0),
+                s("span", {
+                  ref_key: "measureRail",
+                  ref: f,
+                  "data-testid": "run-items-measure",
+                  "aria-hidden": "true",
+                  class: "fm-typo-en-body-md-400 pointer-events-none invisible absolute w-max whitespace-nowrap"
+                }, [
+                  (p(!0), k(X, null, xe(I.value, ($, V) => (p(), k("span", {
+                    key: $.key,
+                    "data-testid": "run-item-measure"
+                  }, b(V ? `, ${$.name}` : $.name), 1))), 128))
+                ], 512)
+              ], 34)
+            ]),
+            default: G(() => [
+              s("div", {
+                id: d,
+                "data-testid": "run-items-disclosure",
+                role: "tooltip",
+                "aria-label": r(i)("inventory.production.run.list.itemsDisclosure"),
+                class: "pointer-events-none min-w-[288px] p-12"
+              }, [
+                s("h3", sn, b(r(i)("inventory.production.run.list.itemsCount", { count: I.value.length })), 1),
+                s("ul", an, [
+                  (p(!0), k(X, null, xe(I.value, ($) => (p(), k("li", {
+                    key: $.key,
+                    class: "fm-typo-en-body-sm-400 flex items-start justify-between gap-16"
+                  }, [
+                    s("span", ln, b($.name), 1),
+                    s("span", un, b($.quantity), 1)
+                  ]))), 128))
+                ])
+              ], 8, rn)
+            ]),
+            _: 1
+          }, 8, ["show-popover"])
+        ]))
+      ], 64);
+    };
+  }
+}), pn = ["href", "aria-describedby"], mn = /* @__PURE__ */ ae({
+  __name: "ProductionRunNameCell",
+  props: {
+    name: {},
+    href: {},
+    descriptionId: {},
+    wrap: { type: Boolean, default: !1 }
+  },
+  emits: ["open", "focus", "blur"],
+  setup(q, { emit: o }) {
+    const i = q, N = o, u = h(null), R = h(!1);
+    let x = null, f = !1;
+    function w() {
+      const t = u.value;
+      R.value = !i.wrap && !!t && t.scrollWidth > t.clientWidth;
+    }
+    function c() {
+      f || (f = !0, rt(() => {
+        f = !1, w();
+      }));
+    }
+    fe(() => [i.name, i.wrap], c, { flush: "post" }), ke(() => {
+      typeof ResizeObserver < "u" && u.value && (x = new ResizeObserver(c), x.observe(u.value)), c();
+    }), Re(() => x == null ? void 0 : x.disconnect());
+    function v(t) {
+      t.preventDefault(), t.stopPropagation(), N("open");
+    }
+    return (t, d) => {
+      const T = ne("FmTooltip");
+      return p(), k("a", {
+        href: t.href,
+        "aria-describedby": t.descriptionId,
+        class: "production-run-row-link fm-typo-en-body-md-600 block min-w-0 max-w-full text-left text-fm-color-typo-primary",
+        onClick: v,
+        onFocus: d[0] || (d[0] = (P) => N("focus")),
+        onBlur: d[1] || (d[1] = (P) => N("blur"))
+      }, [
+        C(T, {
+          content: t.name,
+          disabled: !R.value,
+          placement: "top",
+          "z-index": 51,
+          "content-class": "production-run-name-tooltip-reference"
+        }, {
+          default: G(() => [
+            s("span", {
+              ref_key: "label",
+              ref: u,
+              "data-testid": "run-name-label",
+              class: se(["block min-w-0", t.wrap ? "whitespace-normal break-words" : "truncate"])
+            }, b(t.name), 3)
+          ]),
+          _: 1
+        }, 8, ["content", "disabled"])
+      ], 40, pn);
+    };
+  }
+}), vn = /* @__PURE__ */ it(mn, [["__scopeId", "data-v-4d06048a"]]), fn = ["aria-label"], yn = { class: "min-w-0 truncate" }, hn = /* @__PURE__ */ ae({
+  __name: "ProductionRunSortHeader",
+  props: {
+    columnId: {},
+    label: {},
+    activeColumnId: {},
+    descending: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(q, { emit: o }) {
+    const i = q, N = o, { t: u } = ie(), R = m(() => i.activeColumnId === i.columnId), x = m(
+      () => R.value ? u(`inventory.production.run.list.sort.${i.descending ? "descending" : "ascending"}`) : u("inventory.production.run.list.sort.unsorted")
+    ), f = m(
+      () => R.value ? i.descending ? "arrow_downward" : "arrow_upward" : "unfold_more"
+    ), w = m(
+      () => u("inventory.production.run.list.sort.label", {
+        column: i.label,
+        direction: x.value
+      })
+    ), c = h(null), v = h(null);
+    return ke(() => {
+      var t;
+      v.value = ((t = c.value) == null ? void 0 : t.closest("th")) ?? null;
+    }), xt(() => {
+      v.value && v.value.setAttribute(
+        "aria-sort",
+        R.value ? i.descending ? "descending" : "ascending" : "none"
+      );
+    }), Re(() => {
+      var t;
+      return (t = v.value) == null ? void 0 : t.removeAttribute("aria-sort");
+    }), (t, d) => {
+      const T = ne("FmIcon");
+      return p(), k("button", {
+        ref_key: "button",
+        ref: c,
+        type: "button",
+        class: "production-run-sort-header flex h-[35px] w-full items-center gap-4 px-16 text-left fm-typo-en-body-md-600 text-fm-color-typo-secondary hover:text-fm-color-typo-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-fm-color-primary",
+        "aria-label": w.value,
+        onClick: d[0] || (d[0] = ot((P) => N("toggle", t.columnId), ["stop"]))
+      }, [
+        s("span", yn, b(t.label), 1),
+        C(T, {
+          name: f.value,
+          size: "sm",
+          "aria-hidden": "true",
+          class: "shrink-0"
+        }, null, 8, ["name"])
+      ], 8, fn);
+    };
+  }
+});
+let bn = 0;
+function _n(q, o = () => null, i = () => {
+}, N = () => {
+}, u = () => {
+}, R = () => !1, x = (f) => `/production-run/${encodeURIComponent(f._id)}`) {
+  var P;
+  const { t: f } = ie(), w = St(), c = ++bn, v = h(null), t = (l) => `production-run-table-${c}-items-${encodeURIComponent(l._id)}`, d = (l, _) => {
+    const g = N();
+    return Q(hn, {
+      columnId: l,
+      label: _,
+      activeColumnId: g == null ? void 0 : g.id,
+      descending: g == null ? void 0 : g.desc,
+      onToggle: u
+    });
+  };
+  return { columnDefs: [
+    {
+      id: "runNo",
+      header: () => d("runNo", "#"),
+      enableSorting: !1,
+      size: 80,
+      meta: { headerClass: "p-0" },
+      cell: (l) => Q(
+        "span",
+        { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
+        `${l.row.original.runNo}`
+      )
+    },
+    {
+      id: "name",
+      header: () => d("name", f("inventory.production.run.list.columns.name")),
+      enableSorting: !1,
+      minSize: 240,
+      size: 320,
+      maxSize: 320,
+      meta: { headerClass: "p-0" },
+      cell: (l) => Q(vn, {
+        name: Ie(
+          l.row.original,
+          f("inventory.production.run.list.untitled")
+        ),
+        href: x(l.row.original),
+        descriptionId: t(l.row.original),
+        wrap: R(),
+        onOpen: () => i(l.row.original),
+        onFocus: () => {
+          v.value = l.row.original._id;
+        },
+        onBlur: () => {
+          v.value === l.row.original._id && (v.value = null);
+        }
+      })
+    },
+    {
+      id: "items",
+      header: () => f("inventory.production.run.list.columns.items"),
+      enableSorting: !1,
+      minSize: 220,
+      size: 280,
+      maxSize: 280,
+      cell: (l) => Q(dn, {
+        run: l.row.original,
+        resolveSku: o,
+        descriptionId: t(l.row.original),
+        wrap: R(),
+        rowLinkFocused: v.value === l.row.original._id
+      })
+    },
+    ...(P = w.sessionUser.value) != null && P.role.isAdmin ? [
+      {
+        id: "statusForAdmin",
+        header: () => Q(st, {}, () => f("inventory.production.run.list.columns.status")),
+        cell: (l) => l.row.original.status,
+        enableSorting: !1,
+        size: 120
+      }
+    ] : [],
+    {
+      id: "status",
+      header: () => d("status", f("inventory.production.run.list.columns.status")),
+      enableSorting: !1,
+      size: 120,
+      meta: { headerClass: "p-0" },
+      cell: (l) => Q(zt, { status: l.row.original.status })
+    },
+    {
+      id: "updatedAt",
+      header: () => d("updatedAt", f("inventory.production.run.list.columns.updated")),
+      enableSorting: !1,
+      minSize: 180,
+      size: 200,
+      maxSize: 200,
+      meta: { headerClass: "p-0" },
+      cell: (l) => {
+        const _ = l.row.original, g = at(_);
+        return Q(
+          "span",
+          { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary whitespace-nowrap" },
+          Lt((g == null ? void 0 : g.at) ?? _.createdAt)
+        );
+      }
+    },
+    {
+      id: "action",
+      header: "",
+      enableSorting: !1,
+      cell: (l) => Q(Jt, {
+        run: l.row.original,
+        onAction: (_) => q(_, l.row.original)
+      }),
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+const gn = { class: "sr-only" }, xn = ["aria-label"], wn = {
+  key: 0,
+  "data-testid": "production-run-history-scope",
+  class: "flex shrink-0 flex-wrap items-center justify-between gap-8"
+}, kn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Rn = {
+  key: 1,
+  role: "alert",
+  class: "w-full fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, In = ["aria-label"], $n = ["aria-label"], Sn = {
+  key: 2,
+  "data-testid": "production-run-list-empty",
+  class: "rounded-md border border-dashed border-fm-color-neutral-gray-200 p-48 text-center"
+}, An = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Cn = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fn = {
+  key: 3,
+  "data-testid": "production-run-list-no-match",
+  class: "rounded-md border border-dashed border-fm-color-neutral-gray-200 p-40 text-center"
+}, Nn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Pn = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Tn = { class: "flex flex-col gap-[8px] py-[8px]" }, Dn = {
+  "data-testid": "production-run-mobile-run-number",
+  class: "flex items-center gap-[4px]"
+}, Mn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, zn = { class: "flex min-w-0 flex-col gap-[2px]" }, Ln = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Vn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, On = { class: "flex min-w-0 flex-col gap-[2px]" }, En = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, qn = {
+  "data-testid": "production-run-admin-status",
+  class: "flex flex-col gap-[4px]"
+}, Un = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, jn = { class: "flex flex-col gap-[2px]" }, Wn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Hn = { class: "flex flex-col gap-[2px]" }, Bn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Yn = /* @__PURE__ */ ae({
+  __name: "ProductionRunView",
+  setup(q) {
+    const { t: o } = ie(), i = kt(), N = Rt(), u = It(), R = Vt(), x = Gt(), f = Kt(), w = At();
+    Ot();
+    const c = h([]), v = h(!1), t = h(null), d = h(null), T = h(!1), P = h(null), l = m(() => ({
+      loading: v.value || T.value,
+      loaded: !v.value && !t.value,
+      hasMore: d.value !== null,
+      error: P.value ?? t.value
+    })), _ = h(""), g = h("all"), O = h([{ id: "updatedAt", desc: !0 }]), B = h(!1), I = h(null), z = h(null), K = h(null);
+    let U = 0, L = 0;
+    const Z = m(
+      () => c.value.find((e) => e._id === z.value) ?? null
+    ), ye = Et(() => Z.value), he = m(() => !!Z.value && we(Z.value)), J = m(
+      () => ye.ingredientLines.value.map((e) => ({
+        skuId: e.skuId,
+        name: e.name,
+        unit: e.unit,
+        unitRef: e.unitRef,
+        outputSkuIds: e.outputSkuIds
+      }))
+    );
+    function oe() {
+      return t.value ? a() : S();
+    }
+    function le() {
+      L++, K.value = null, z.value = null, I.value = null, B.value = !1;
+    }
+    async function a() {
+      const e = ++U;
+      v.value = !0, t.value = null, d.value = null, T.value = !1, P.value = null;
+      try {
+        const n = await R.list();
+        if (e !== U) return;
+        c.value = n.items, d.value = n.nextCursor;
+      } catch (n) {
+        if (e !== U) return;
+        const y = ge(n);
+        t.value = y.message, u == null || u.open({
+          title: o("inventory.production.run.list.error.load"),
+          message: y.message,
+          type: "error"
+        });
+      } finally {
+        e === U && (v.value = !1);
+      }
+    }
+    async function S() {
+      const e = d.value;
+      if (!e || v.value || T.value) return;
+      const n = U;
+      T.value = !0, P.value = null;
+      try {
+        const y = await R.list({ cursor: e });
+        if (n !== U || e !== d.value) return;
+        if (y.nextCursor === e)
+          throw new Error(o("inventory.production.run.list.history.cursorError"));
+        const A = new Set(c.value.map((E) => E._id));
+        c.value = [...c.value, ...y.items.filter((E) => !A.has(E._id))], d.value = y.nextCursor;
+      } catch (y) {
+        n === U && (P.value = ge(y).message);
+      } finally {
+        n === U && (T.value = !1);
+      }
+    }
+    x.watchLocation(() => (le(), a()));
+    const D = m(
+      () => qt.map((e) => ({
+        label: o(`inventory.production.run.list.tabs.${e.key}`),
+        value: e.key
+      }))
+    );
+    function $(e) {
+      var n;
+      return ((n = at(e)) == null ? void 0 : n.at) ?? e.createdAt;
+    }
+    function V(e, n, y) {
+      switch (y) {
+        case "runNo":
+          return e.runNo - n.runNo;
+        case "name":
+          return tt(e).localeCompare(tt(n));
+        case "status":
+          return et(e.status) - et(n.status);
+        case "updatedAt":
+          return Date.parse($(e)) - Date.parse($(n));
+        default:
+          return 0;
+      }
+    }
+    const j = m(() => {
+      const e = c.value.filter(
+        (A) => Ut(A, g.value) && jt(A, _.value, $e)
+      ), n = O.value[0];
+      if (!n)
+        return e.sort(
+          (A, E) => V(E, A, "updatedAt") || V(E, A, "runNo")
+        );
+      const y = n.desc ? -1 : 1;
+      return e.sort(
+        (A, E) => y * V(A, E, n.id) || V(E, A, "runNo")
+      );
+    }), { breakpoints: W } = $t(), Y = m(() => W.value.xs || W.value.sm), lt = m(() => Y.value ? 10 : 20), ut = m(() => Y.value ? { height: `calc(${w.tableHeight.height} - 16px)` } : w.tableHeight), ct = m(
+      () => Y.value ? j.value.map((e) => `${e._id}:${e._rev}`).join("|") : "desktop"
+    );
+    function dt() {
+      _.value = "", g.value = "all";
+    }
+    function pt(e) {
+      const n = O.value[0];
+      O.value = [
+        (n == null ? void 0 : n.id) === e ? { id: e, desc: !n.desc } : { id: e, desc: !1 }
+      ];
+    }
+    function $e(e) {
+      return f.skuById[e];
+    }
+    function be(e) {
+      i.push(nt(e._id));
+    }
+    function mt(e) {
+      return i.resolve(nt(e._id)).href;
+    }
+    function vt(e, n) {
+      const y = ++L;
+      if (z.value = n._id, K.value = null, e === "request") {
+        N.open(Yt(o)).onPrimary(() => void ft(n._id, y));
+        return;
+      }
+      K.value = e;
+    }
+    async function ft(e, n) {
+      if (!(n !== L || z.value !== e))
+        try {
+          const y = await R.request(e);
+          if (n !== L || z.value !== e || !Se(y)) return;
+          u == null || u.open({
+            title: o("inventory.production.run.list.request.success"),
+            message: o("inventory.production.run.list.request.successMessage", {
+              name: Ie(y, o("inventory.production.run.list.untitled"))
+            }),
+            type: "success"
+          }), z.value = null;
+        } catch (y) {
+          if (n !== L || z.value !== e) return;
+          u == null || u.open({
+            title: o("inventory.production.run.list.error.action", {
+              action: o("inventory.production.run.list.rowActions.request")
+            }),
+            message: ge(y).message,
+            type: "error"
+          });
+        }
+    }
+    function Se(e) {
+      const n = c.value.findIndex((A) => A._id === e._id);
+      if (n < 0) return !1;
+      const y = [...c.value];
+      return y[n] = e, c.value = y, !0;
+    }
+    function re(e) {
+      z.value === e._id && Se(e);
+    }
+    function yt(e) {
+      e === null && (K.value = null, z.value = null);
+    }
+    function ht() {
+      le(), a();
+    }
+    const { columnDefs: bt } = _n(
+      vt,
+      $e,
+      be,
+      () => O.value[0],
+      pt,
+      () => Y.value,
+      mt
+    );
+    function Ae(e) {
+      e === "refresh" && a(), e === "create" && (I.value = null, B.value = !0);
+    }
+    const _t = m(() => [
+      {
+        label: o("inventory.common.refresh"),
+        value: "refresh",
+        prependIcon: "refresh"
+      },
+      {
+        label: o("inventory.production.run.list.actions.create"),
+        value: "create",
+        prependIcon: "add",
+        testId: "production-run-mobile-create",
+        isPrimary: !0
+      }
+    ]);
+    function gt() {
+      I.value = null, a();
+    }
+    return (e, n) => {
+      const y = ne("FmTabs"), A = ne("FmButton"), E = ne("FmTable");
+      return p(), ee(Ct, {
+        title: r(o)("inventory.production.run.list.title"),
+        "helper-text": r(o)("inventory.production.run.list.caption"),
+        actions: _t.value,
+        "onClick:action": Ae
+      }, {
+        default: G(() => {
+          var Ce;
+          return [
+            s("div", {
+              "data-testid": "production-run-list-content",
+              class: se([
+                "flex w-full max-h-full flex-col gap-12",
+                {
+                  "p-0": Y.value,
+                  "px-24": !Y.value
+                }
+              ])
+            }, [
+              s("h1", gn, b(r(o)("inventory.production.run.list.title")), 1),
+              C(Qt, {
+                "change-location": "",
+                searchable: "",
+                search: _.value,
+                "onUpdate:search": n[0] || (n[0] = (F) => _.value = F)
+              }, null, 8, ["search"]),
+              s("div", {
+                class: "flex min-w-0 shrink-0 flex-col gap-12",
+                "data-testid": "production-run-list-controls",
+                onVnodeMounted: n[2] || (n[2] = //@ts-ignore
+                (...F) => r(w).onMounted && r(w).onMounted(...F)),
+                onVnodeUnmounted: n[3] || (n[3] = //@ts-ignore
+                (...F) => r(w).onUnmounted && r(w).onUnmounted(...F))
+              }, [
+                s("nav", {
+                  class: "min-w-0 overflow-x-auto",
+                  "aria-label": r(o)("inventory.production.run.list.tabsLabel")
+                }, [
+                  C(y, {
+                    "model-value": g.value,
+                    "onUpdate:modelValue": n[1] || (n[1] = (F) => g.value = F),
+                    items: D.value
+                  }, null, 8, ["model-value", "items"])
+                ], 8, xn),
+                !v.value && !t.value && (d.value || P.value) ? (p(), k("div", wn, [
+                  s("p", kn, b(r(o)("inventory.production.run.list.history.scope", { count: c.value.length })), 1),
+                  d.value ? (p(), ee(A, {
+                    key: 0,
+                    "data-testid": "production-run-load-more",
+                    variant: "secondary",
+                    label: r(o)("inventory.production.run.list.history.loadMore"),
+                    loading: T.value,
+                    disabled: T.value,
+                    onClick: S
+                  }, null, 8, ["label", "loading", "disabled"])) : H("", !0),
+                  P.value ? (p(), k("p", Rn, b(P.value), 1)) : H("", !0)
+                ])) : H("", !0)
+              ], 512),
+              s("div", {
+                id: "production-run-list-panel",
+                role: "region",
+                "aria-label": r(o)("inventory.production.run.list.tabsLabel"),
+                class: se(["flex min-h-0 flex-col", !v.value && !t.value && j.value.length ? "" : "overflow-y-auto"])
+              }, [
+                v.value ? (p(), k("div", {
+                  key: 0,
+                  "data-testid": "production-run-list-loading",
+                  role: "status",
+                  class: "w-full space-y-12",
+                  "aria-busy": "true",
+                  "aria-label": r(o)("inventory.production.run.list.loading")
+                }, [
+                  (p(), k(X, null, xe(6, (F) => s("div", {
+                    key: F,
+                    "data-testid": "production-run-list-skeleton-row",
+                    class: "h-80 w-full animate-pulse rounded-md bg-fm-color-neutral-gray-100"
+                  })), 64))
+                ], 8, $n)) : t.value ? (p(), ee(Wt, {
+                  key: 1,
+                  "data-testid": "production-run-list-error",
+                  class: "m-16",
+                  role: "alert",
+                  tone: "critical",
+                  title: r(o)("inventory.production.run.list.error.load"),
+                  message: t.value
+                }, {
+                  actions: G(() => [
+                    C(A, {
+                      "data-testid": "production-run-list-retry",
+                      label: r(o)("inventory.production.run.list.error.retry"),
+                      variant: "secondary",
+                      onClick: a
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["title", "message"])) : c.value.length === 0 ? (p(), k("div", Sn, [
+                  s("div", An, b(r(o)("inventory.production.run.list.empty.noneTitle")), 1),
+                  s("div", Cn, b(r(o)("inventory.production.run.list.empty.noneDescription")), 1),
+                  C(A, {
+                    "data-testid": "production-run-list-empty-create",
+                    class: "mx-auto mt-16",
+                    label: r(o)("inventory.production.run.list.empty.create"),
+                    "prepend-icon": "add",
+                    onClick: n[4] || (n[4] = (F) => Ae("create"))
+                  }, null, 8, ["label"])
+                ])) : j.value.length === 0 ? (p(), k("div", Fn, [
+                  s("div", Nn, b(r(o)("inventory.production.run.list.empty.noMatchTitle")), 1),
+                  s("div", Pn, b(_.value.trim() ? r(o)("inventory.production.run.list.empty.searchDescription", {
+                    query: _.value.trim()
+                  }) : r(o)("inventory.production.run.list.empty.noMatchDescription")), 1),
+                  C(A, {
+                    "data-testid": "production-run-list-clear-filters",
+                    class: "mx-auto mt-12",
+                    label: r(o)("inventory.production.run.list.empty.clearFilters"),
+                    "aria-label": r(o)("inventory.production.run.list.empty.clearFilters"),
+                    variant: "tertiary",
+                    onClick: dt
+                  }, null, 8, ["label", "aria-label"])
+                ])) : (p(), ee(E, {
+                  key: ct.value,
+                  class: "production-run-table",
+                  style: wt(ut.value),
+                  "column-defs": r(bt),
+                  "row-data": j.value,
+                  loading: v.value,
+                  "page-size": lt.value,
+                  "pin-header-row": !1,
+                  onRowClick: n[5] || (n[5] = (F) => be(F.original))
+                }, {
+                  "list-row": G((F) => [
+                    C(Ft, {
+                      "data-testid": "production-run-mobile-row",
+                      class: "production-run-mobile-row !py-8",
+                      row: F,
+                      onRowClick: be
+                    }, {
+                      default: G((M) => {
+                        var Fe, Ne, Pe, ue, Te, De, Me, ze, ce, Le, Ve, Oe, Ee, de, qe, Ue, je, We, pe, He, Be, Ye, Qe, me, Ge;
+                        return [
+                          s("div", Tn, [
+                            s("div", Dn, [
+                              n[7] || (n[7] = s("span", { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, "#", -1)),
+                              s("div", Mn, [
+                                C(r(te), {
+                                  render: (Pe = (Ne = (Fe = M.runNo) == null ? void 0 : Fe.column) == null ? void 0 : Ne.columnDef) == null ? void 0 : Pe.cell,
+                                  props: (Te = (ue = M.runNo) == null ? void 0 : ue.getContext) == null ? void 0 : Te.call(ue)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            s("div", zn, [
+                              s("span", Ln, b(r(o)("inventory.production.run.list.columns.name")), 1),
+                              s("div", Vn, [
+                                C(r(te), {
+                                  render: (ze = (Me = (De = M.name) == null ? void 0 : De.column) == null ? void 0 : Me.columnDef) == null ? void 0 : ze.cell,
+                                  props: (Le = (ce = M.name) == null ? void 0 : ce.getContext) == null ? void 0 : Le.call(ce)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            s("div", On, [
+                              s("span", En, b(r(o)("inventory.production.run.list.columns.items")), 1),
+                              C(r(te), {
+                                render: (Ee = (Oe = (Ve = M.items) == null ? void 0 : Ve.column) == null ? void 0 : Oe.columnDef) == null ? void 0 : Ee.cell,
+                                props: (qe = (de = M.items) == null ? void 0 : de.getContext) == null ? void 0 : qe.call(de)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            M.statusForAdmin ? (p(), ee(st, { key: 0 }, {
+                              default: G(() => {
+                                var Ke, Je, Xe, ve, Ze;
+                                return [
+                                  s("div", qn, [
+                                    s("span", Un, b(r(o)("inventory.production.run.list.columns.status")), 1),
+                                    C(r(te), {
+                                      render: (Xe = (Je = (Ke = M.statusForAdmin) == null ? void 0 : Ke.column) == null ? void 0 : Je.columnDef) == null ? void 0 : Xe.cell,
+                                      props: (Ze = (ve = M.statusForAdmin) == null ? void 0 : ve.getContext) == null ? void 0 : Ze.call(ve)
+                                    }, null, 8, ["render", "props"])
+                                  ])
+                                ];
+                              }),
+                              _: 2
+                            }, 1024)) : H("", !0),
+                            s("div", jn, [
+                              s("span", Wn, b(r(o)("inventory.production.run.list.columns.status")), 1),
+                              C(r(te), {
+                                render: (We = (je = (Ue = M.status) == null ? void 0 : Ue.column) == null ? void 0 : je.columnDef) == null ? void 0 : We.cell,
+                                props: (He = (pe = M.status) == null ? void 0 : pe.getContext) == null ? void 0 : He.call(pe)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            s("div", Hn, [
+                              s("span", Bn, b(r(o)("inventory.production.run.list.columns.updated")), 1),
+                              C(r(te), {
+                                render: (Qe = (Ye = (Be = M.updatedAt) == null ? void 0 : Be.column) == null ? void 0 : Ye.columnDef) == null ? void 0 : Qe.cell,
+                                props: (Ge = (me = M.updatedAt) == null ? void 0 : me.getContext) == null ? void 0 : Ge.call(me)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["row"])
+                  ]),
+                  _: 1
+                }, 8, ["style", "column-defs", "row-data", "loading", "page-size"]))
+              ], 10, In)
+            ], 2),
+            B.value ? (p(), ee(Ht, {
+              key: 0,
+              show: !0,
+              run: I.value,
+              "duplicate-sources": c.value,
+              "duplicate-source-state": l.value,
+              onLoadMoreDuplicateSources: oe,
+              "onUpdate:show": n[6] || (n[6] = (F) => B.value = F),
+              onSaved: gt
+            }, null, 8, ["run", "duplicate-sources", "duplicate-source-state"])) : H("", !0),
+            C(Bt, {
+              action: K.value,
+              run: Z.value,
+              "location-name": ((Ce = r(x)._currentLocation) == null ? void 0 : Ce.name) ?? null,
+              "duplicate-sources": c.value,
+              "duplicate-source-state": l.value,
+              onLoadMoreDuplicateSources: oe,
+              "at-target": he.value,
+              ingredients: J.value,
+              "onUpdate:action": yt,
+              onEdited: re,
+              onIssued: re,
+              onRecorded: re,
+              onClosed: re,
+              onCancelled: re,
+              onReload: ht
+            }, null, 8, ["action", "run", "location-name", "duplicate-sources", "duplicate-source-state", "at-target", "ingredients"])
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "helper-text", "actions"]);
+    };
+  }
+}), ao = /* @__PURE__ */ it(Yn, [["__scopeId", "data-v-53484757"]]);
+export {
+  ao as default
+};