@feedmepos/mf-inventory-portal 1.8.0-dev.8 → 1.8.1

package/dist/ProductionRunView-DvMdVGz1.js

@@ -1,930 +0,0 @@
-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 { _ as kt, F as te } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
-import { useRouter as Rt } from "vue-router";
-import { useDialog as It, useSnackbar as $t, useBreakpoints as St } from "@feedmepos/ui-library";
-import { useI18n as ie, useCoreStore as At } from "@feedmepos/mf-common";
-import { u as Ct, _ as Ft } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.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-DwBY6gIb.js";
-import { _ as Qt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-D_o6pX9i.js";
-import { u as Gt, a as Kt } from "./app-Duum3eHx.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 = At(), 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 = Rt(), N = It(), u = $t(), R = Vt(), x = Gt(), f = Kt(), w = Ct();
-    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 } = St(), 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(Ft, {
-        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(kt, {
-                      "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"]);
-    };
-  }
-}), so = /* @__PURE__ */ it(Yn, [["__scopeId", "data-v-53484757"]]);
-export {
-  so as default
-};