@feedmepos/mf-inventory-portal 1.7.15-dev.3 → 1.7.16-dev.0

package/dist/ProductionRunView-9tC9ljDT.js

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