@feedmepos/mf-inventory-portal 1.2.30-dev.1 → 1.2.31-dev.1

package/dist/WastageTemplateView-Be4Y_zV8.js

@@ -0,0 +1,2288 @@
+import { ref as R, h as P, defineComponent as K, resolveComponent as D, openBlock as I, createElementBlock as A, createElementVNode as g, normalizeClass as H, createTextVNode as me, toDisplayString as C, unref as w, createCommentVNode as z, createVNode as S, createBlock as U, Fragment as Y, renderList as Q, computed as B, watch as ve, createSlots as Le, withCtx as V, isRef as Ue, normalizeStyle as Qe, Teleport as Xe, normalizeProps as Ze, guardReactiveProps as et, mergeProps as Ve } from "vue";
+import { u as tt, _ as nt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
+import { useI18n as G, useCoreStore as Be } from "@feedmepos/mf-common";
+import { D as re, R as L } from "./row-action.enum-BcW_L_nE.js";
+import { _ as ot } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Csesow4V.js";
+import { useDialog as X, useDialogChild as st, useSnackbar as Z, FmButtonVariant as ie, components as W, useProxiedModel as Ne, useBreakpoints as at } from "@feedmepos/ui-library";
+import { defineStore as ze, storeToRefs as Oe } from "pinia";
+import { c as lt, _ as rt, F as ce } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { u as ye, c as We, a as ee, C as j, n as it, A as de } from "./app-DYsP0gKj.js";
+import { F as J } from "./form-mode.enum-BKiNVH6A.js";
+import { f as ct } from "./format-time-from-id-BPws326b.js";
+import { u as te } from "./closing-template-BVy1ga2g.js";
+import { _ as ut } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-CyMEGFh5.js";
+import { t as pe, a as He, d as Ye, s as Ke, r as mt } from "./xlsx.util-C8YXEqEl.js";
+import { f as dt, a as ue } from "./date2-BO7HiZTk.js";
+import { u as pt } from "./netsuite-BSMLXIQa.js";
+import { F as ft } from "./FmDroppableField-J0xUsOTV.js";
+import { u as vt } from "./duplicate-template-C25Z0lvq.js";
+import { A as yt, R as Ge } from "./rules-BiaGzhvQ.js";
+import { d as ht } from "./defineDeepModel-CidpVmK7.js";
+import { u as gt } from "./use-template-enabled-locations-2-Dhttpl0B.js";
+import { a as bt } from "./FmMultiselectDialog-BGhSjgbj.js";
+import { _ as _t } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-Bg2K2ULw.js";
+import { _ as xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ne = ze(
+  "wastageTable",
+  function() {
+    const { t: s } = G(), m = X(), h = fe(), a = R({}), c = R(new Array()), l = R(!1), t = ye(), r = te(), o = R({}), u = R();
+    async function b() {
+      if (t._currentLocation)
+        try {
+          u.value = await r.getReasons();
+        } catch (n) {
+          console.log("Something went wrong when fetching reasons:", n);
+        }
+    }
+    function v() {
+      var e;
+      if (!u.value) return !1;
+      const n = (e = a.value.publishedRevs) == null ? void 0 : e[u.value._id];
+      return u.value._rev === n;
+    }
+    function T(n) {
+      const e = {
+        title: n.name,
+        doc: n,
+        controller: {
+          publishAll: async () => {
+            var y;
+            const i = await r.publishSingleDoc(
+              n._id,
+              (y = n.locations) == null ? void 0 : y.map((_) => _.dbName)
+            );
+            return o.value = i.publishedRevByLocation || {}, o.value;
+          },
+          publishAtLocation: async (i) => {
+            const y = await r.publishSingleDoc(n._id, [
+              i.dbName
+            ]);
+            return o.value = y.publishedRevByLocation || {}, o.value;
+          }
+        },
+        initialPublishedRev: o.value,
+        locations: t.locations,
+        enabledLocations: n.locations
+      };
+      m.open({
+        title: "Publish template",
+        contentComponent: ut,
+        contentComponentProps: e,
+        closeButton: !0,
+        primaryActions: {
+          text: s("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      });
+    }
+    async function d() {
+      if (c.value = [], !!t._currentLocation) {
+        l.value = !0;
+        try {
+          const [n, e, i] = await Promise.all([
+            r.readTemplates(),
+            r.getRecentPublishingJob(),
+            r.getRecentPublishInfo()
+          ]).delayed(1e3);
+          c.value = n, a.value = e, o.value = (i == null ? void 0 : i.publishedRevByLocation) || {}, await b();
+        } catch (n) {
+          console.log("Something went wrong when fetching templates:", n);
+        } finally {
+          l.value = !1;
+        }
+      }
+    }
+    async function x(n) {
+      if (!c.value.find((e) => e._id) && t._currentLocation) {
+        l.value = !0;
+        try {
+          const [e] = await Promise.all([
+            r.getTemplate(n),
+            new Promise((i) => setTimeout(i, 1e3))
+          ]);
+          c.value = [e];
+        } catch (e) {
+          console.log("Something went wrong when fetching templates:", e);
+        } finally {
+          l.value = !1;
+        }
+      }
+    }
+    function k(n, e) {
+      switch (e = We(e), n) {
+        case L.Details:
+          return h.viewTemplate(e);
+        case L.Edit:
+          return h.updateTemplate(e);
+        case L.Delete:
+          return h.deleteTemplate(e, l, d);
+        case L.Publish:
+          return T(e);
+        case L.Duplicate:
+          return h.duplicateTemplate(e, l, d);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => s("inventory.adjustment.template.table.createdAt"),
+          cell(n) {
+            return ct(`${n.getValue()}`);
+          },
+          enableSorting: !0
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => s("inventory.adjustment.template.table.name"),
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "noOfItems",
+          accessorKey: "items.length",
+          header: () => s("inventory.adjustment.template.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "enabledLocations",
+          accessorKey: "locations.length",
+          header: () => s("inventory.adjustment.template.table.enabledOutlets"),
+          cell(n) {
+            var i;
+            const e = (i = n.row.original.locations) == null ? void 0 : i.length;
+            return e ? `${e}` : "All";
+          },
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "status",
+          header: () => s("inventory.adjustment.template.table.status"),
+          enableSorting: !1,
+          cell(n) {
+            const e = n.row.original, i = e._rev, y = n.row.original.locations || t.locations, $ = y.filter((F) => !!(o.value[F.dbName] || []).find((E) => E._id === e._id && E._rev === i)).length === y.length;
+            return P(
+              "div",
+              {
+                class: "flex items-center gap-8"
+              },
+              P(
+                "div",
+                {
+                  class: [
+                    "fm-status-badge",
+                    $ ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                  ]
+                },
+                $ ? "Published" : "Unpublished"
+              )
+            );
+          }
+        },
+        {
+          id: "action",
+          cell(n) {
+            const e = n.row.original, i = [
+              re[L.Edit],
+              re[L.Duplicate],
+              re[L.Delete],
+              re[L.Publish]
+            ];
+            return lt(i, (y) => k(y, e));
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      recentPublish: a,
+      templates: c,
+      reasons: u,
+      isReasonPublished: v,
+      loading: l,
+      fetchTemplates: d,
+      loadTemplate: x
+    };
+  }
+);
+var he = /* @__PURE__ */ ((f) => (f.Ingredients = "Ingredients", f))(he || {});
+function Je(f, s, m) {
+  var a, c, l;
+  const h = [];
+  if (f.type == j.Enum.sku) {
+    const t = new Set(f.disabledMeasurements), r = (a = s.sku) == null ? void 0 : a.find((o) => o._id === f.id);
+    if (r) {
+      const o = {
+        type: f.type,
+        code: f.code,
+        name: f.name,
+        unit: r.unit.abbrev,
+        enabled: !t.has(r.unit._id)
+      };
+      h.push(
+        o,
+        ...r.unit.measurements.map((u) => ({
+          unit: u.abbrev,
+          enabled: !t.has(u.id)
+        }))
+      );
+    }
+  }
+  return f.type == j.Enum.recipe && ((c = s.recipe) != null && c.find((r) => r._id === f.id)) && h.push(f), f.type == j.Enum.menu && ((l = m == null ? void 0 : m.modules.item) != null && l.find((r) => r._id === f.id)) && h.push(f), h;
+}
+function qe() {
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "type",
+      name: "Type"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "unit",
+      name: "Unit"
+    },
+    {
+      id: "enabled",
+      name: "Enabled (Unit)"
+    }
+  ];
+}
+function wt(f) {
+  var o;
+  const s = Be(), m = ee(), h = m.menu.cache, a = s.currentBusiness.value, l = (o = f.map((u) => {
+    var k;
+    const b = u.items.flatMap(
+      (p) => Je(p, m.state.inventory, h)
+    ), v = qe(), T = [
+      ["Template ID", u._id],
+      ["Template name", u.name],
+      ["Business name", a == null ? void 0 : a.name],
+      ["Business ID", a == null ? void 0 : a._id],
+      ["Menu version", a == null ? void 0 : a.menuVersion],
+      [
+        "Locations",
+        ...(k = u.locations) != null && k.length ? u.locations.map((p) => `${p.name} (${p.dbName})`) : ["All"]
+      ],
+      //   ['Reference', template.ref ?? ''],
+      [],
+      v.map((p) => p.name),
+      ...b.map((p) => v.map((n) => p[n.id]))
+    ], d = v.map((p) => `system:${p.id}`), x = pe(T, d);
+    return { name: u.name, sheet: x };
+  }).reduce(
+    (u, b) => {
+      var T;
+      const v = b.name.slice(0, 12);
+      return (T = u.sheetOccurence)[v] ?? (T[v] = 0), u.sheetOccurence[v] += 1, u.sheets[`${v} (${u.sheetOccurence[v]})`] = b.sheet, u;
+    },
+    {
+      sheets: {},
+      sheetOccurence: {}
+    }
+  )) == null ? void 0 : o.sheets, t = `${a == null ? void 0 : a.name} adjustment templates (${dt(/* @__PURE__ */ new Date())}).xlsx`, r = He(l);
+  return Ye(r, t), t;
+}
+function Tt() {
+  var k;
+  const f = Be(), s = ee(), m = pt(), h = (k = s.state.inventory.sku) == null ? void 0 : k[0];
+  if (!h)
+    throw new Error("No inventory items");
+  const c = Je(
+    {
+      type: j.Enum.sku,
+      code: h.code,
+      id: h._id,
+      name: h.name
+    },
+    s.state.inventory,
+    s.menu.cache
+  )[0], l = f.currentBusiness.value, t = qe(), r = [
+    ["Template ID (leave empty to create new)", ""],
+    ["Template Name", "New template"],
+    ["Business name", l == null ? void 0 : l.name],
+    ["Business ID", l == null ? void 0 : l._id],
+    ["Menu version", l == null ? void 0 : l.menuVersion],
+    [
+      "Location codes (leave empty to enable all)",
+      "Example outlet (restaurant_xxx)",
+      "Example outlet 2 (restaurant_xxx)"
+    ],
+    // ['Reference:'],
+    [],
+    t.map((p) => p.name),
+    t.map((p) => c[p.id])
+  ], o = t.map((p) => `system:${p.id}`), u = pe(r, o), b = m.isEnabled ? m.state.setting.childItems ?? [] : [], v = b.reduce(
+    (p, n) => {
+      var $, F;
+      const e = ($ = m.netSuiteItemIdToSkuId.get(n.parentNetSuiteId)) == null ? void 0 : $[0], i = (F = m.netSuiteMeasurementIdToMeasurementId.get(
+        n.unitOfMeasureId
+      )) == null ? void 0 : F[0];
+      if (!n.externalId)
+        return p;
+      if (!e)
+        return console.error(`Item ${n.externalId} cannot be mapped to parent FdoInventorySku.`, n), p;
+      const y = s.skuById[e], _ = y.unit.measurements.find((M) => M.id === i);
+      return _ ? (p[n.externalId] = {
+        sku: y,
+        measurement: _
+      }, p) : (console.error(
+        `Item ${n.externalId} found parent FdoInventorySku of ${y.code} ${y.name} but the measurement of netsuite id ${n.unitOfMeasureId} cannot be found.`,
+        n
+      ), p);
+    },
+    {}
+  ), T = pe(
+    [
+      ...s.skus.flatMap((p) => [
+        [p.code, p.name, p.unit.abbrev, !0],
+        ...p.unit.measurements.map((e) => [
+          "",
+          "",
+          e.abbrev,
+          !e.abbrev.toLocaleLowerCase("en-us").includes("inactive")
+        ])
+      ]),
+      ...Object.entries(v).map(([p, { sku: n, measurement: e }]) => [
+        n.code,
+        n.name,
+        e.abbrev,
+        !e.abbrev.toLocaleLowerCase("en-us").includes("inactive"),
+        p
+      ])
+    ],
+    [
+      "Code",
+      "Type",
+      "Name",
+      "Units",
+      "Enabled (true/false)",
+      ...b.length ? ["Netsuite Parent"] : []
+    ]
+  ), d = He({
+    Template: u,
+    Ingredients: T
+  }), x = `${l == null ? void 0 : l.name} transfer templates import.xlsx`;
+  return Ye(d, x), x;
+}
+function kt(f) {
+  if (!f.length || `${f[0]}`.toLocaleLowerCase() === "all")
+    return [];
+  const s = /(.*) \(((warehouse_|restaurant_).{24,})\)/, h = ye().locationByDbName;
+  return f.map((a) => {
+    const c = new Array(), l = a.trim(), t = s.exec(l);
+    if (!t)
+      return c.push(`Enabled location value of ${l} cannot be read.`), {
+        errors: c
+      };
+    const r = t[1], o = t[2], u = h[o];
+    return u ? (r !== u.name && c.push(
+      `Location id ${o} has non-matching name. Found ${r} but expected ${u.name}`
+    ), {
+      errors: c,
+      location: u
+    }) : (c.push(`Location (${r}) of id ${o} is not found.`), {
+      errors: c
+    });
+  });
+}
+function $t(f) {
+  const [
+    s,
+    m,
+    h,
+    a,
+    c,
+    l,
+    t,
+    r
+  ] = Ke(f);
+  return {
+    id: `${m[1] ?? ""}`.trim(),
+    name: `${h[1] ?? ""}`.trim(),
+    locations: t.slice(1).map((o) => `${o}`.trim()).filter((o) => o),
+    reference: `${r[1] ?? ""}`.trim()
+  };
+}
+function It(f) {
+  const [
+    s,
+    m,
+    h,
+    a,
+    c,
+    l,
+    t,
+    r,
+    o,
+    ...u
+  ] = Ke(f);
+  if (!s || !s.length || s.some((x) => x.length && !x.startsWith("system:")))
+    throw new Error("Missing meta header. Excel file does not come from the template.");
+  const b = s.map((x) => x.split(":")[1]), T = [
+    "code",
+    "type",
+    "name",
+    "unit",
+    "enabled"
+  ].filter((x) => !b.includes(x));
+  if (T.length)
+    throw new Error(
+      `Missing meta headers (${T.join()}). Excel file does not come from the template.`
+    );
+  return u.map((x, k) => {
+    const p = {};
+    for (const n in b) {
+      const e = b[n];
+      Object.assign(p, { [e]: x[n] });
+    }
+    return {
+      index: k,
+      data: p
+    };
+  });
+}
+function St(f) {
+  return f.reduce(
+    (s, m) => {
+      var c;
+      const h = m.data, a = m.index;
+      if (h.type == j.Enum.recipe)
+        s.result.push({ parent: m, children: [] });
+      else if (h.type == j.Enum.menu)
+        h.code ? s.result.push({ parent: m, children: [] }) : s.errors.push(`Menu item row ${a + 9} does not have a code.`);
+      else {
+        if (!h.unit) return s;
+        h.code ? s.result.push({ parent: m, children: [] }) : s.result.length ? (c = s.result.at(-1)) == null || c.children.push(m) : s.errors.push(`Cannot find parent for row ${a + 9}`);
+      }
+      return s;
+    },
+    { result: new Array(), errors: new Array() }
+  );
+}
+function Ft(f) {
+  var r;
+  const s = f.parent.data, m = new Array(), h = ee();
+  if (f.parent.data.type == j.Enum.menu) {
+    const o = h.menu.cache, u = (r = o == null ? void 0 : o.modules.item) == null ? void 0 : r.find((v) => v.code === s.code);
+    if (!u)
+      return m.push(`Cannot find menu module of id ${s.code}`), { errors: m };
+    const b = {
+      type: j.Enum.menu,
+      code: u.code,
+      id: u._id,
+      name: u.name ?? ""
+    };
+    return { errors: m, templateItem: b };
+  }
+  if (f.parent.data.type == j.Enum.recipe) {
+    const u = h.recipes.find((v) => v.name === s.name);
+    if (!u)
+      return m.push(`Cannot find recipe module of id ${s.code}`), { errors: m };
+    const b = {
+      type: j.Enum.recipe,
+      id: u._id,
+      name: u.name ?? ""
+    };
+    return { errors: m, templateItem: b };
+  }
+  const a = h.skuByCode[s.code ?? ""];
+  if (!a)
+    return m.push(`Cannot find ingredient of code [${s.code}] [${s.name}]`), { errors: m };
+  const c = {
+    type: j.Enum.sku,
+    code: s.code,
+    id: a._id,
+    name: s.name ?? "",
+    disabledMeasurements: []
+  }, l = a.unit.measurements.find((o) => o.abbrev === s.unit);
+  s.unit !== a.unit.abbrev && !l ? m.push(
+    `Cannot find measurement unit of ${s.unit} for (${s.code}) ${s.name}.`
+  ) : (!s.enabled || `${s.enabled}`.toLocaleLowerCase() === "false") && (c.disabledMeasurements ?? (c.disabledMeasurements = []), c.disabledMeasurements.push((l == null ? void 0 : l.id) ?? a.unit._id));
+  for (const o of f.children) {
+    const u = o.data, b = u.unit === a.unit.abbrev ? a.unit : void 0, v = a.unit.measurements.find((T) => T.abbrev === u.unit);
+    if (!v && !b) {
+      m.push(
+        `Cannot find measurement unit of ${u.unit} for (${s.code}) ${s.name}.`
+      );
+      continue;
+    }
+    (!u.enabled || `${u.enabled}`.toLocaleLowerCase() === "false") && (c.disabledMeasurements ?? (c.disabledMeasurements = []), c.disabledMeasurements.push((v == null ? void 0 : v.id) ?? (b == null ? void 0 : b._id) ?? ""));
+  }
+  const t = new Set(c.disabledMeasurements);
+  return t.has(a.unit._id) && a.unit.measurements.every((o) => t.has(o.id)) && m.push(`Ingredient ${a.code} - ${a.name} must have at least one unit enabled.`), { errors: m, templateItem: c };
+}
+function Ct(f) {
+  const s = f.SheetNames.filter(
+    (c) => !Object.values(he).map(String).includes(c)
+  ), h = ne().templates, a = it(h, "_id");
+  try {
+    return s.reduce(
+      (l, t) => {
+        const r = new Array(), o = f.Sheets[t], u = $t(o), b = kt(u.locations), v = b.filter((e) => e.location).map((e) => e.location);
+        r.push(...b.flatMap((e) => e.errors));
+        const T = It(o).filter((e) => {
+          const i = e.data;
+          return i.type == j.Enum.menu ? i.code : i.type == j.Enum.recipe ? i.name : e.data.code || e.data.unit;
+        }), d = St(T);
+        r.push(...d.errors);
+        const x = d.result.map(
+          (e) => Ft(e)
+        );
+        r.push(...x.flatMap((e) => e.errors));
+        const k = x.filter((e) => e.templateItem).map((e) => e.templateItem);
+        if (u.id) {
+          const e = a[u.id];
+          if (!e) {
+            const y = {
+              type: de.Enum.WASTAGE,
+              _id: u.id,
+              _rev: "",
+              name: u.name || `(unnamed from sheet ${t || "<unnamed sheet>"})`,
+              items: []
+            };
+            return r.push(`Template ID ${u.id} is not found.`), l.importUpdateResult.push({
+              type: "update",
+              original: y,
+              template: y,
+              excelSheetName: t,
+              errors: r
+            }), l;
+          }
+          const i = {
+            type: "update",
+            original: e,
+            template: {
+              ...e,
+              name: u.name,
+              locations: v.length ? v : null,
+              items: k
+            },
+            excelSheetName: t,
+            errors: r
+          };
+          return l.importUpdateResult.push(i), l;
+        }
+        const n = {
+          type: "create",
+          template: {
+            type: de.Enum.WASTAGE,
+            name: u.name,
+            locations: v.length ? v : null,
+            items: k
+          },
+          excelSheetName: t,
+          errors: r
+        };
+        return l.importCreateResult.push(n), l;
+      },
+      {
+        invalidExcel: !1,
+        importCreateResult: new Array(),
+        importUpdateResult: new Array()
+      }
+    );
+  } catch (c) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: (c == null ? void 0 : c.message) ?? "Invalid excel",
+      importCreateResult: [],
+      importUpdateResult: []
+    };
+  }
+}
+const At = { class: "flex" }, Mt = { class: "flex flex-col flex-1" }, Rt = { class: "flex flex-col" }, Dt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Et = {
+  key: 0,
+  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, Pt = { key: 0 }, Vt = { class: "ml-auto" }, jt = { key: 0 }, je = /* @__PURE__ */ K({
+  __name: "AdjustmentTemplateImportItem",
+  props: {
+    type: {},
+    name: {},
+    locations: {},
+    items: {},
+    errors: {}
+  },
+  setup(f) {
+    const s = f, { t: m } = G(), h = R(!1), a = () => {
+      s.errors.length && (h.value = !h.value);
+    };
+    return (c, l) => {
+      var r, o, u;
+      const t = D("FmIcon");
+      return I(), A("div", At, [
+        l[0] || (l[0] = g("div", null, "•", -1)),
+        g("div", Mt, [
+          g("div", {
+            class: H(["flex items-center gap-12 pl-8", {
+              "cursor-pointer": c.errors.length
+            }]),
+            onClick: a
+          }, [
+            g("div", Rt, [
+              g("div", Dt, [
+                g("div", {
+                  class: H({
+                    "text-fm-color-system-error-300": c.errors.length
+                  })
+                }, [
+                  me(C(c.name) + " ", 1),
+                  c.type === "create" ? (I(), A("span", Et, "(" + C(w(m)("inventory.closing.template.import.new")) + ")", 1)) : z("", !0)
+                ], 2),
+                c.errors.length ? (I(), A("div", Pt, [
+                  S(t, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  })
+                ])) : z("", !0)
+              ]),
+              g("div", {
+                class: H([
+                  "fm-typo-en-body-sm-400",
+                  {
+                    "text-fm-color-system-error-200": c.errors.length,
+                    "text-fm-color-typo-secondary": !c.errors.length
+                  }
+                ])
+              }, C((r = c.locations) != null && r.length ? w(m)("inventory.closing.template.import.nLocations", { count: (o = c.locations) == null ? void 0 : o.length }) : w(m)("inventory.closing.template.import.allLocations")) + ", " + C(w(m)("inventory.closing.template.import.nItems", { count: (u = c.items) == null ? void 0 : u.length })), 3)
+            ]),
+            g("div", Vt, [
+              c.errors.length ? (I(), U(t, {
+                key: 0,
+                name: h.value ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                size: "md"
+              }, null, 8, ["name"])) : z("", !0)
+            ])
+          ], 2),
+          h.value ? (I(), A("div", {
+            key: 0,
+            class: H(["flex flex-col gap-4 pl-8 fm-typo-en-body-sm-400", {
+              "text-fm-color-typo-secondary": !c.errors.length,
+              "text-fm-color-system-error-300": c.errors.length
+            }])
+          }, [
+            c.errors.length ? (I(), A("div", jt, [
+              g("ol", null, [
+                (I(!0), A(Y, null, Q(c.errors, (b, v) => (I(), A("li", { key: v }, C(b), 1))), 128))
+              ])
+            ])) : z("", !0)
+          ], 2)) : z("", !0)
+        ])
+      ]);
+    };
+  }
+}), Lt = { class: "flex flex-col gap-24" }, Ut = { class: "fm-typo-en-body-md-400" }, Bt = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, Nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zt = { class: "flex flex-col gap-8" }, Ot = { class: "line-clamp-2 text-ellipsis break-all" }, Wt = {
+  key: 2,
+  class: "shrink-0"
+}, Ht = {
+  key: 0,
+  class: "flex flex-col"
+}, Yt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Kt = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, Gt = { class: "fm-typo-en-body-lg-600" }, Jt = /* @__PURE__ */ K({
+  __name: "AdjustmentTemplateImport",
+  setup(f) {
+    const s = R(null), m = st(), h = Z(), a = R(!1), c = R(!1), l = R(new Array()), t = R([]), r = R([]), o = B(
+      () => !!l.value.length || t.value.some((T) => T.errors.length) || r.value.some((T) => T.errors.length)
+    ), u = B(
+      () => !!t.value.length || !!r.value.length
+    ), { t: b } = G();
+    async function v(T) {
+      l.value = [], t.value = [], r.value = [];
+      try {
+        a.value = !0;
+        const [d] = await Promise.all([
+          mt(T),
+          // fake buffer
+          new Promise((n) => setTimeout(n, 1e3))
+        ]);
+        if (!d.SheetNames.filter(
+          (n) => !Object.values(he).map(String).includes(n)
+        ).find((n) => n)) {
+          l.value.push(b("inventory.ingredient.import.fileError.noSheet"));
+          return;
+        }
+        const p = Ct(d);
+        if (p.invalidExcel) {
+          l.value.push(
+            p.invalidExcelMessage ?? b("inventory.ingredient.import.fileError.invalidExcel")
+          );
+          return;
+        }
+        if (t.value = p.importCreateResult, r.value = p.importUpdateResult, !t.value.length && !r.value.length) {
+          l.value.push(b("inventory.ingredient.import.fileError.noData"));
+          return;
+        }
+        m.emitData(p);
+      } catch (d) {
+        h.open({
+          title: b("inventory.ingredient.import.fileError.unableToRead"),
+          message: d == null ? void 0 : d.message,
+          type: "error"
+        }), console.error("Error in reading file", d);
+      } finally {
+        l.value.length && h.open({
+          title: b("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), a.value = !1;
+      }
+    }
+    return ve(s, (T) => {
+      T && v(T);
+    }), (T, d) => {
+      const x = D("FmCircularProgress"), k = D("FmIcon"), p = D("FmButton");
+      return I(), A("div", Lt, [
+        g("div", Ut, C(w(b)("inventory.adjustment.template.import.message")), 1),
+        c.value ? (I(), A("div", Bt, [
+          g("div", null, [
+            S(x, {
+              size: "md",
+              color: "neutral-gray-200"
+            })
+          ]),
+          g("div", Nt, C(w(b)("inventory.formField.loading")), 1)
+        ])) : (I(), A(Y, { key: 1 }, [
+          S(ft, {
+            class: H({
+              "w-full": !0,
+              "h-[200px]": !s.value
+            }),
+            accept: ".xlsx",
+            onFileUpload: d[0] || (d[0] = (n) => s.value = n),
+            label: w(b)("inventory.ingredient.import.uploadTemplate"),
+            "button-label": w(b)("inventory.ingredient.import.selectFile")
+          }, Le({ _: 2 }, [
+            s.value ? {
+              name: "default",
+              fn: V(({ openFileDialog: n }) => [
+                g("div", zt, [
+                  g("div", {
+                    class: H([
+                      "fm-corner-radius-md p-16 flex items-center gap-16",
+                      {
+                        "border border-fm-color-neutral-gray-100": a.value,
+                        "border border-fm-color-neutral-gray-200": !a.value && !o.value,
+                        "border border-fm-color-system-error-200": o.value
+                      }
+                    ])
+                  }, [
+                    a.value ? (I(), U(x, {
+                      key: 0,
+                      size: "md",
+                      color: "neutral-gray-200"
+                    })) : (I(), U(k, {
+                      key: 1,
+                      name: o.value ? "error" : "attach_file",
+                      outline: "",
+                      color: o.value ? "system-error-300" : void 0
+                    }, null, 8, ["name", "color"])),
+                    g("div", {
+                      class: H([
+                        "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
+                        {
+                          "text-fm-color-typo-disabled": a.value,
+                          "text-fm-color-typo-primary": !a.value
+                        }
+                      ])
+                    }, [
+                      g("div", Ot, C(s.value.name), 1)
+                    ], 2),
+                    a.value ? z("", !0) : (I(), A("div", Wt, [
+                      S(p, {
+                        label: w(b)("inventory.ingredient.import.replaceFile"),
+                        variant: o.value ? "destructive" : "secondary",
+                        "prepend-icon": o.value ? void 0 : "autorenew",
+                        onClick: n
+                      }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                    ]))
+                  ], 2),
+                  l.value.length ? (I(), A("div", Ht, [
+                    (I(!0), A(Y, null, Q(l.value, (e, i) => (I(), A("div", {
+                      key: i,
+                      class: "flex gap-8 items-center"
+                    }, [
+                      S(k, {
+                        name: "error",
+                        size: "sm",
+                        color: "system-error-300"
+                      }),
+                      g("div", Yt, C(e), 1)
+                    ]))), 128))
+                  ])) : z("", !0)
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["class", "label", "button-label"]),
+          u.value ? (I(), A("div", Kt, [
+            g("div", Gt, C(w(b)("inventory.ingredient.import.summary")), 1),
+            (I(!0), A(Y, null, Q(t.value, (n, e) => (I(), U(je, {
+              key: e,
+              name: n.template.name,
+              locations: n.template.locations,
+              items: n.template.items,
+              errors: n.errors,
+              type: "create"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
+            (I(!0), A(Y, null, Q(r.value, (n) => (I(), U(je, {
+              key: n.template._id,
+              name: n.template.name,
+              locations: n.template.locations,
+              items: n.template.items,
+              errors: n.errors,
+              type: "update"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128))
+          ])) : z("", !0)
+        ], 64))
+      ]);
+    };
+  }
+}), fe = ze("wastageTemplateAction", () => {
+  const { t: f } = G(), s = X(), m = Z(), h = te(), a = vt(), c = ne(), { loading: l } = Oe(c), t = R({});
+  function r() {
+    t.value = {
+      mode: J.CREATE,
+      show: !0,
+      "onUpdate:show"(e) {
+        t.value.show = e;
+      }
+    };
+  }
+  function o(e) {
+    t.value = {
+      mode: J.UPDATE,
+      modelValue: e,
+      show: !0,
+      "onUpdate:show"(i) {
+        t.value.show = i;
+      }
+    };
+  }
+  function u(e, i, y) {
+    s.open({
+      title: `Confirm deleting template ${e.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: ie.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: ie.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      m.open({
+        title: `Deleting ${e.name}`,
+        type: "info"
+      });
+      try {
+        i.value = !0;
+        const [_] = await Promise.allSettled([
+          h.deleteTemplate(e),
+          new Promise(($) => setTimeout($, 1e3))
+        ]);
+        if (_.status === "rejected") throw _.reason;
+        m.open({
+          title: `Deleted ${e.name}`,
+          type: "success"
+        });
+      } catch (_) {
+        m.open({
+          title: `Unable to delete ${e.name}`,
+          message: `See error from server: ${_}`,
+          type: "error"
+        }), console.error("error on deleting adjustment template", _);
+      } finally {
+        i.value = !1, y();
+      }
+    });
+  }
+  function b(e, i, y) {
+    let _;
+    s.open({
+      title: `Confirm duplicating template "${e.name}"?`,
+      message: "Duplicated template can be edited after creation",
+      primaryActions: {
+        text: "Duplicate",
+        variant: ie.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: ie.Plain,
+        close: !0
+      },
+      contentComponent: K({
+        props: ["modelValue"],
+        emits: ["update:modelValue"],
+        setup($) {
+          return () => P(W.FmTextField, {
+            modelValue: $.modelValue,
+            "onUpdate:modelValue": (F) => _ = F,
+            label: "New Template Name",
+            size: "md",
+            variant: "primary"
+          });
+        }
+      })
+    }).onPrimary(async () => {
+      m.open({
+        title: `Duplicating "${e.name}"`,
+        type: "info"
+      });
+      try {
+        i.value = !0;
+        const [$] = await Promise.allSettled([
+          a.duplicateWastagetemplate(e._id, _),
+          new Promise((F) => setTimeout(F, 1e3))
+        ]);
+        if ($.status === "rejected") throw $.reason;
+        m.open({
+          title: `Duplicated "${e.name}"`,
+          type: "success"
+        });
+      } catch ($) {
+        m.open({
+          title: `Unable to duplicate "${e.name}"`,
+          message: `See error from server: ${$}`,
+          type: "error"
+        }), console.error("error on duplicating adjustment template", $);
+      } finally {
+        i.value = !1, y();
+      }
+    });
+  }
+  const v = R({});
+  function T(e) {
+    v.value = {
+      template: e,
+      show: !0,
+      "onUpdate:show"(i) {
+        v.value.show = i;
+      },
+      "onAction:edit"() {
+        v.value.show = !1, o(We(e));
+      }
+    };
+  }
+  function d() {
+    if (!c.templates.length) {
+      m.open({
+        title: "No data to export",
+        type: "error"
+      });
+      return;
+    }
+    const e = wt(c.templates);
+    m.open({
+      title: f("inventory.ingredient.export.success"),
+      message: f("inventory.ingredient.export.filename", [e]),
+      type: "success"
+    });
+  }
+  function x() {
+    c.loading || s.open({
+      title: f("inventory.adjustment.template.import.title"),
+      contentComponent: Jt,
+      overlay: !0,
+      closeButton: !0,
+      primaryActions: {
+        text: f("common.import"),
+        close: !1
+      },
+      secondaryActions: {
+        text: f("common.close"),
+        close: !0
+      },
+      tertiaryActions: {
+        text: f("inventory.ingredient.import.actions.downloadTemplate"),
+        close: !1,
+        variant: "plain"
+      }
+    }).onPrimary((e) => {
+      if (!e) {
+        m.open({
+          title: f("inventory.ingredient.import.error.noData"),
+          type: "error"
+        });
+        return;
+      }
+      if (!e.importCreateResult.length && !e.importUpdateResult.length) {
+        m.open({
+          title: f("inventory.ingredient.import.error.invalidContent"),
+          message: f("inventory.ingredient.import.error.noImportData"),
+          type: "error"
+        });
+        return;
+      }
+      if (e.importCreateResult.some((i) => i.errors.length) || e.importUpdateResult.some((i) => i.errors.length)) {
+        m.open({
+          title: f("inventory.ingredient.import.error.invalidContent"),
+          message: f("inventory.ingredient.import.error.hasErrors"),
+          type: "error"
+        });
+        return;
+      }
+      s.close(), k(e);
+    }).onTertiary(Tt);
+  }
+  async function k(e) {
+    l.value = !0;
+    try {
+      const i = [
+        ...e.importCreateResult.map(
+          (F) => F.template
+        ),
+        ...e.importUpdateResult.map(
+          (F) => F.template
+        )
+      ], y = 100;
+      let _ = 0;
+      const $ = () => {
+        _ += y, m.open({
+          title: f("inventory.ingredient.import.progress", [
+            Math.min(_, i.length),
+            i.length
+          ])
+        });
+      };
+      for (const F of i.chunk(100))
+        $(), await h.importTemplates(F);
+      m.open({
+        title: f("inventory.ingredient.import.success"),
+        type: "success"
+      });
+    } catch (i) {
+      m.open({
+        title: f("inventory.ingredient.import.error.failed"),
+        message: f("inventory.ingredient.import.error.systemMessage", [i == null ? void 0 : i.message]),
+        type: "error"
+      }), console.error("Error in importing skus", e, i);
+    } finally {
+      l.value = !1, c.fetchTemplates();
+    }
+  }
+  const p = R({});
+  function n() {
+    p.value = {
+      show: !0,
+      "onUpdate:show"(e) {
+        p.value.show = e;
+      }
+    };
+  }
+  return {
+    createTemplate: r,
+    viewTemplate: T,
+    updateTemplate: o,
+    deleteTemplate: u,
+    duplicateTemplate: b,
+    exportTemplates: d,
+    importTemplates: x,
+    viewReason: n,
+    templateDialogProps: t,
+    templateDetailsProps: v,
+    templateReasonProps: p
+  };
+});
+function qt(f) {
+  const s = ee(), m = B(() => {
+    const a = /* @__PURE__ */ new Map();
+    for (const c of s.skus)
+      a.set(c._id, c);
+    return a;
+  });
+  return {
+    columnDefs: B(() => {
+      const a = f.items.map((l) => l.type !== "sku" ? 0 : m.value.get(l.id).unit.measurements.length).reduce((l, t) => Math.max(l, t), 0);
+      return [
+        {
+          id: "Delete",
+          header: "",
+          cell(l) {
+            const t = l.row.original;
+            return P(
+              "div",
+              { class: "w-full flex justify-end" },
+              P(W.FmButton, {
+                class: "delete-button",
+                key: t.id,
+                type: "button",
+                icon: "delete",
+                variant: "tertiary",
+                size: "md",
+                disabled: f.disabled,
+                onClick: () => {
+                  f.deleteItem(t);
+                }
+              })
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "Name",
+          header: () => "Name",
+          enableSorting: !1,
+          size: 400,
+          minSize: 400,
+          accessorFn: (l) => `${l.name} ${l.code}`,
+          cell(l) {
+            const t = l.row.original;
+            return P("div", { class: "flex", style: { minWidth: "400px" } }, [
+              P(
+                "div",
+                {
+                  class: "flex flex-col grow"
+                },
+                [
+                  P(
+                    W.FmTooltip,
+                    {
+                      content: t.name,
+                      placement: "top",
+                      variant: "plain",
+                      zIndex: 50
+                    },
+                    P(
+                      "span",
+                      {
+                        class: "flex-auto fm-typo-en-body-lg-400 text-fm-color-typo-primary line-clamp-1"
+                      },
+                      t.name
+                    )
+                  ),
+                  P(
+                    "span",
+                    { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-1" },
+                    t.code ?? ""
+                  )
+                ]
+              ),
+              P(
+                "div",
+                {
+                  class: "flex flex-col justify-center"
+                },
+                [
+                  P(
+                    W.FmChip,
+                    {
+                      compact: !0
+                    },
+                    t.type === "sku" ? "Ingredient" : t.type === "recipe" ? "Recipe" : "Menu"
+                  )
+                ]
+              )
+            ]);
+          }
+        },
+        {
+          id: "Unit",
+          header: () => "Enable unit",
+          enableSorting: !1,
+          minSize: 200,
+          maxSize: 400,
+          cell(l) {
+            var o, u, b;
+            const t = l.row.original;
+            if (t.type !== "sku") return P("span", "N/A");
+            const r = m.value.get(t.id);
+            return P("div", { class: "flex items-center gap-32" }, [
+              P(
+                W.FmFormGroup,
+                {
+                  value: r.unit._id,
+                  modelValue: !((o = t.disabledMeasurements) != null && o.includes(r.unit._id))
+                },
+                P(
+                  "div",
+                  {
+                    class: "flex items-center gap-4",
+                    style: { width: "120px" }
+                  },
+                  [
+                    P(W.FmCheckbox, {
+                      value: r.unit._id,
+                      modelValue: !((u = t.disabledMeasurements) != null && u.includes(r.unit._id)),
+                      disabled: f.disabled || !((b = t.disabledMeasurements) != null && b.includes(r.unit._id)) && r.unit.measurements.every(
+                        (v) => {
+                          var T;
+                          return (T = t.disabledMeasurements) == null ? void 0 : T.includes(v.id);
+                        }
+                      ),
+                      "onUpdate:modelValue"(v) {
+                        var T;
+                        if (console.log("active", v), v)
+                          f.updateItem({
+                            ...t,
+                            disabledMeasurements: (T = t.disabledMeasurements) == null ? void 0 : T.filter(
+                              (d) => d !== r.unit._id
+                            )
+                          });
+                        else {
+                          const d = t.disabledMeasurements ?? [];
+                          f.updateItem({
+                            ...t,
+                            disabledMeasurements: [...d, r.unit._id]
+                          });
+                        }
+                      }
+                    }),
+                    P(
+                      W.FmTooltip,
+                      { zIndex: 51 },
+                      {
+                        content() {
+                          return m.value.get(t.id).unit.abbrev;
+                        },
+                        default() {
+                          const v = m.value.get(t.id);
+                          return P(
+                            "div",
+                            { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                            v.unit.abbrev
+                          );
+                        }
+                      }
+                    )
+                  ]
+                )
+              ),
+              ...Array.from({ length: Math.max(a, 0) }).map((v, T) => {
+                var p, n, e, i;
+                const d = l.row.original, x = m.value.get(d.id), k = x.unit.measurements[T];
+                return k ? P(
+                  W.FmFormGroup,
+                  {
+                    modelValue: !((p = d.disabledMeasurements) != null && p.includes(k.id)),
+                    value: k.id
+                  },
+                  P(
+                    "div",
+                    {
+                      class: "flex items-center gap-4",
+                      style: { width: "120px" }
+                    },
+                    [
+                      P(W.FmCheckbox, {
+                        value: k.id,
+                        modelValue: !((n = d.disabledMeasurements) != null && n.includes(k.id)),
+                        disabled: f.disabled || !((e = d.disabledMeasurements) != null && e.includes(k.id)) && ((i = d.disabledMeasurements) == null ? void 0 : i.includes(x.unit._id)) && x.unit.measurements.filter((y) => y.id != k.id).every((y) => {
+                          var _;
+                          return (_ = d.disabledMeasurements) == null ? void 0 : _.includes(y.id);
+                        }),
+                        "onUpdate:modelValue"(y) {
+                          var _;
+                          if (console.log("active", y), y)
+                            f.updateItem({
+                              ...d,
+                              disabledMeasurements: (_ = d.disabledMeasurements) == null ? void 0 : _.filter(
+                                ($) => $ !== k.id
+                              )
+                            });
+                          else {
+                            const $ = d.disabledMeasurements ?? [];
+                            f.updateItem({
+                              ...d,
+                              disabledMeasurements: [...$, k.id]
+                            });
+                          }
+                        }
+                      }),
+                      P(
+                        W.FmTooltip,
+                        { zIndex: 51 },
+                        {
+                          content() {
+                            return k.abbrev;
+                          },
+                          default() {
+                            return P(
+                              "div",
+                              { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                              k.abbrev
+                            );
+                          }
+                        }
+                      )
+                    ]
+                  )
+                ) : null;
+              })
+            ]);
+          }
+        }
+      ];
+    })
+  };
+}
+const Qt = { class: "flex flex-col gap-16" }, Xt = { class: "flex items-center" }, Zt = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, en = /* @__PURE__ */ K({
+  __name: "WastageTemplateItemTable",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(f, { expose: s, emit: m }) {
+    const h = f, a = R(h.modelValue), { t: c } = G(), l = m, t = ee(), r = X(), o = R(), u = R("");
+    s({
+      validateInputs: () => {
+        var d, x;
+        (x = (d = o.value) == null ? void 0 : d.validateInputs) == null || x.call(d);
+      },
+      resetInputsValidation: () => {
+        var d, x;
+        (x = (d = o.value) == null ? void 0 : d.resetInputsValidation) == null || x.call(d);
+      },
+      resetInputs: () => {
+        var d, x;
+        (x = (d = o.value) == null ? void 0 : d.resetInputs) == null || x.call(d);
+      }
+    });
+    const b = qt({
+      updateItem: (d) => {
+        a.value = a.value.map((x) => x.id !== d.id ? x : d), l("update:modelValue", a.value);
+      },
+      deleteItem: (d) => {
+        a.value = a.value.filter((x) => x.id !== d.id), l("update:modelValue", a.value);
+      },
+      get items() {
+        return a.value;
+      },
+      get disabled() {
+        return h.disabled;
+      }
+    }), v = B(() => b.columnDefs.value);
+    function T() {
+      var y;
+      const d = t.skus.map((_) => {
+        var $, F;
+        return {
+          type: "sku",
+          name: _.name,
+          description: _.code,
+          data: _,
+          searchKeys: ($ = _.customAttributes) != null && $.tag ? [(F = _.customAttributes) == null ? void 0 : F.tag] : void 0
+        };
+      }), x = t.recipes.map((_) => {
+        var $, F;
+        return {
+          type: "recipe",
+          name: _.name,
+          description: "",
+          data: _,
+          searchKeys: ($ = _.customAttributes) != null && $.tag ? [(F = _.customAttributes) == null ? void 0 : F.tag] : void 0
+        };
+      }), k = ((y = t.menu.cache) == null ? void 0 : y.modules.item.map((_) => ({
+        type: "menu",
+        name: _.name,
+        description: `${_.code}`,
+        data: _
+      }))) ?? [], p = [...d, ...x, ...k].map((_) => {
+        var F;
+        const $ = [_.type == "sku" ? "Ingredient" : _.type == "recipe" ? "Recipe" : "Menu"];
+        if (_.type == "sku" || _.type == "recipe") {
+          const E = (F = _.data.customAttributes) == null ? void 0 : F.tag;
+          E && $.push(E);
+        }
+        return {
+          label: _.name,
+          sublabel: _.description,
+          value: _,
+          tags: $,
+          searchKeys: _.searchKeys
+        };
+      }), n = /* @__PURE__ */ new Set();
+      p.forEach((_) => {
+        _.tags && _.tags.forEach(($) => {
+          n.add($);
+        });
+      });
+      const e = n.size > 0 ? [
+        {
+          type: "string",
+          key: "tags",
+          entity: "item",
+          values: Array.from(n)
+        }
+      ] : [], i = p.filter((_) => a.value.find(($) => $.id === _.value.data._id)).map((_) => _.value);
+      r.open({
+        title: c("inventory.closing.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: bt,
+        contentComponentProps: {
+          modelValue: i,
+          items: p,
+          virtualScroll: !0,
+          filterAttributes: e
+        },
+        primaryActions: {
+          text: c("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: c("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((_) => {
+        const $ = a.value ?? [], F = _.map((M) => {
+          const E = $.find((N) => N.id === M.data._id);
+          return E ? {
+            ...E
+          } : {
+            id: M.data._id,
+            name: M.name,
+            code: M.description,
+            type: M.type,
+            disabledMeasurements: []
+          };
+        });
+        F.sort((M, E) => M.name.localeCompare(E.name)), console.log(a.value), a.value = F, l("update:modelValue", a.value);
+      });
+    }
+    return (d, x) => {
+      const k = D("FmButton"), p = D("FmIcon"), n = D("FmTextField"), e = D("FmTable"), i = D("FmFormGroup");
+      return I(), A("div", Qt, [
+        g("div", Xt, [
+          g("div", Zt, C(w(c)("inventory.closing.form.items.title")), 1),
+          S(k, {
+            disabled: d.disabled,
+            label: w(c)("inventory.closing.form.items.addItem"),
+            "prepend-icon": "add",
+            variant: "plain",
+            class: "border-2 rounded-lg border-fm-color-primary",
+            onClick: x[0] || (x[0] = (y) => T()),
+            size: "md"
+          }, null, 8, ["disabled", "label"])
+        ]),
+        S(n, {
+          placeholder: "Filter items",
+          modelValue: u.value,
+          "onUpdate:modelValue": x[2] || (x[2] = (y) => u.value = y)
+        }, Le({ _: 2 }, [
+          u.value ? {
+            name: "append",
+            fn: V(() => [
+              S(p, {
+                name: "close",
+                onClick: x[1] || (x[1] = (y) => u.value = ""),
+                class: "cursor-pointer"
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue"]),
+        (I(), U(e, {
+          "search-value": u.value,
+          "column-defs": v.value,
+          "row-data": a.value,
+          key: a.value.map((y) => y.id).join("."),
+          "hide-footer": a.value.length <= 10,
+          "page-size": Math.min(10, a.value.length)
+        }, null, 8, ["search-value", "column-defs", "row-data", "hide-footer", "page-size"])),
+        S(i, {
+          "model-value": a.value.length,
+          rules: [w(yt)(1)]
+        }, null, 8, ["model-value", "rules"])
+      ]);
+    };
+  }
+}), tn = { class: "flex flex-col gap-16" }, nn = { class: "flex flex-col gap-24" }, on = { class: "flex flex-col gap-16" }, sn = { class: "flex items-center" }, an = { class: "flex-1 fm-typo-en-title-sm-600" }, ln = /* @__PURE__ */ K({
+  __name: "WastageTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(f, { expose: s }) {
+    const m = ht(), { t: h } = G(), {
+      promptSelectLocations: a,
+      columnDefs: c,
+      rowData: l
+    } = gt({
+      getLocations() {
+        return m.locations;
+      },
+      setLocations(r) {
+        m.locations = r;
+      }
+    }), t = R();
+    return s({
+      validateInputs: () => {
+        var r, o;
+        (o = (r = t.value) == null ? void 0 : r.validateInputs) == null || o.call(r);
+      },
+      resetInputsValidation: () => {
+        var r, o;
+        (o = (r = t.value) == null ? void 0 : r.resetInputsValidation) == null || o.call(r);
+      },
+      resetInputs: () => {
+        var r, o;
+        (o = (r = t.value) == null ? void 0 : r.resetInputs) == null || o.call(r);
+      }
+    }), (r, o) => {
+      const u = D("FmTextField"), b = D("FmButton"), v = D("FmTable"), T = D("FmForm");
+      return I(), U(T, {
+        ref_key: "formRef",
+        ref: t,
+        class: "flex flex-col gap-32",
+        disabled: r.disabled
+      }, {
+        default: V(() => [
+          g("div", tn, [
+            g("div", nn, [
+              S(u, {
+                label: w(h)("inventory.closing.form.name"),
+                "label-mark": "required",
+                modelValue: w(m).name,
+                "onUpdate:modelValue": o[0] || (o[0] = (d) => w(m).name = d),
+                rules: [w(Ge)()]
+              }, null, 8, ["label", "modelValue", "rules"])
+            ])
+          ]),
+          g("div", on, [
+            g("div", sn, [
+              g("div", an, C(w(h)("inventory.closing.form.locations")), 1),
+              S(b, {
+                disabled: r.disabled,
+                label: w(h)("inventory.closing.form.selectLocation"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: w(a)
+              }, null, 8, ["disabled", "label", "onClick"])
+            ]),
+            S(v, {
+              "column-defs": w(c),
+              "row-data": w(l),
+              "shrink-at": 9999,
+              onRowClick: w(a),
+              "hide-footer": ""
+            }, null, 8, ["column-defs", "row-data", "onRowClick"])
+          ]),
+          S(en, {
+            "model-value": w(m).items,
+            "onUpdate:modelValue": o[1] || (o[1] = (d) => w(m).items = d)
+          }, null, 8, ["model-value"])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), rn = { class: "flex items-center" }, cn = { class: "fm-typo-en-title-md-600" }, un = { class: "flex justify-between" }, mn = { class: "fm-typo-en-body-lg-600" }, dn = { class: "flex flex-col gap-8" }, pn = { class: "flex flex-col gap-4" }, fn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vn = { class: "flex items-center gap-8" }, yn = { class: "fm-typo-en-body-lg-600" }, hn = { class: "flex gap-4" }, gn = /* @__PURE__ */ K({
+  __name: "WastageTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(f, { expose: s, emit: m }) {
+    var e;
+    const h = f, a = m, c = te(), l = Z(), { t } = G(), r = Ne(h, "show");
+    function o() {
+      return {
+        _id: "",
+        name: "",
+        type: de.Enum.WASTAGE,
+        items: []
+      };
+    }
+    const u = R(h.modelValue ?? o()), b = R(((e = h.modelValue) == null ? void 0 : e._id) ?? `${Math.random()}`);
+    ve(
+      () => h.show,
+      (i) => {
+        var y;
+        i && (u.value = h.modelValue ?? o(), b.value = ((y = h.modelValue) == null ? void 0 : y._id) ?? `${Math.random()}`);
+      }
+    );
+    const v = R(!1), T = B(() => {
+      switch (h.mode) {
+        case J.READ:
+          return "";
+        case J.CREATE:
+          return t("inventory.adjustment.template.create.title");
+        case J.UPDATE:
+          return t("inventory.adjustment.template.update.title");
+      }
+      return "";
+    }), d = R();
+    s({
+      validateInputs: () => {
+        var i, y;
+        (y = (i = d.value) == null ? void 0 : i.validateInputs) == null || y.call(i);
+      },
+      resetInputsValidation: () => {
+        var i, y;
+        (y = (i = d.value) == null ? void 0 : i.resetInputsValidation) == null || y.call(i);
+      },
+      resetInputs: () => {
+        var i, y;
+        (y = (i = d.value) == null ? void 0 : i.resetInputs) == null || y.call(i);
+      }
+    });
+    async function x() {
+      const i = u.value;
+      if (i) {
+        v.value = !0;
+        try {
+          await c.createTemplate(i), await new Promise((y) => setTimeout(y, 1e3)), l.open({
+            title: t("inventory.adjustment.template.create.success"),
+            message: t("inventory.adjustment.template.create.successMessage"),
+            type: "success"
+          }), a("update:show", !1), a("submitted");
+        } catch (y) {
+          l.open({
+            title: t("inventory.adjustment.template.create.error"),
+            message: t("inventory.adjustment.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating adjustment template", y);
+        } finally {
+          v.value = !1;
+        }
+      }
+    }
+    async function k() {
+      const i = u.value;
+      if (i) {
+        v.value = !0;
+        try {
+          await c.updateTemplate({
+            ...i,
+            _rev: i._rev ?? ""
+          }), await new Promise((y) => setTimeout(y, 1e3)), l.open({
+            title: t("inventory.adjustment.template.update.success"),
+            message: t("inventory.adjustment.template.update.successMessage"),
+            type: "success"
+          }), a("update:show", !1), a("submitted");
+        } catch (y) {
+          l.open({
+            title: t("inventory.adjustment.template.update.error"),
+            message: t("inventory.adjustment.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating adjustment template", y);
+        } finally {
+          v.value = !1;
+        }
+      }
+    }
+    function p() {
+      switch (h.mode) {
+        case J.CREATE:
+          return x();
+        case J.UPDATE:
+          return k();
+      }
+    }
+    function n() {
+      var i, y;
+      (y = (i = d.value) == null ? void 0 : i.validateInputs) == null || y.call(i);
+    }
+    return (i, y) => {
+      const _ = D("FmMenuDivider"), $ = D("FmCard"), F = D("FmButton"), M = D("FmSideSheet");
+      return I(), U(M, {
+        modelValue: w(r),
+        "onUpdate:modelValue": y[2] || (y[2] = (E) => Ue(r) ? r.value = E : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 800
+      }, {
+        "side-sheet-header": V(() => [
+          g("div", rn, [
+            g("div", cn, C(T.value), 1)
+          ])
+        ]),
+        default: V(() => [
+          u.value.updatedAt ? (I(), A(Y, { key: 0 }, [
+            u.value.updatedAt ? (I(), U($, {
+              key: 0,
+              variant: "outlined",
+              class: "flex flex-col gap-8 px-12 py-16 mb-16"
+            }, {
+              default: V(() => {
+                var E;
+                return [
+                  g("div", un, [
+                    g("div", mn, C(w(t)("inventory.transfer.template.details.templateSummary")), 1)
+                  ]),
+                  S(_),
+                  g("div", dn, [
+                    g("div", pn, [
+                      g("div", fn, C(w(t)("inventory.transfer.receiveRequest.details.updatedAt")), 1),
+                      g("div", vn, [
+                        g("div", yn, [
+                          me(C(w(ue)(u.value.updatedAt)) + " ", 1),
+                          (E = u.value.updatedBy) != null && E.name ? (I(), A(Y, { key: 0 }, [
+                            me(" (" + C(u.value.updatedBy.name) + ") ", 1)
+                          ], 64)) : z("", !0)
+                        ]),
+                        S(_t, {
+                          "adjustment-id": u.value._id
+                        }, null, 8, ["adjustment-id"])
+                      ])
+                    ])
+                  ])
+                ];
+              }),
+              _: 1
+            })) : z("", !0)
+          ], 64)) : z("", !0),
+          (I(), U(ln, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: d,
+            onValidationSuccess: p,
+            "model-value": u.value,
+            "onUpdate:modelValue": y[0] || (y[0] = (E) => u.value = E),
+            disabled: v.value,
+            key: b.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": V(() => [
+          g("div", hn, [
+            S(F, {
+              loading: v.value,
+              label: w(t)("common.save"),
+              onClick: n
+            }, null, 8, ["loading", "label"]),
+            S(F, {
+              disabled: v.value,
+              variant: "tertiary",
+              label: w(t)("common.close"),
+              onClick: y[1] || (y[1] = (E) => a("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), bn = {};
+function _n(f, s) {
+  return I(), A("div");
+}
+const xn = /* @__PURE__ */ xt(bn, [["render", _n]]), wn = { class: "flex flex-col gap-40" }, Tn = { key: 0 }, kn = {
+  key: 1,
+  class: "flex gap-8 items-center"
+}, $n = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, In = {
+  key: 2,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary"
+}, Sn = {
+  key: 3,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
+}, Fn = { class: "fm-typo-en-body-md-600" }, Cn = { class: "fm-typo-en-body-md-600" }, An = { key: 4 }, Mn = { class: "fm-typo-en-body-md-600" }, Rn = { class: "fm-typo-en-body-md-600" }, Dn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, En = /* @__PURE__ */ K({
+  __name: "WastageTemplatePublish",
+  emits: ["close"],
+  setup(f, { emit: s }) {
+    const m = R(!1), h = Z(), a = te(), c = ne(), { t: l } = G(), t = s;
+    async function r() {
+      m.value = !0;
+      try {
+        await a.startNewPublish().delayed(1e3), h.open({
+          title: "Success",
+          message: "You may refresh after a while to review publish status",
+          type: "success"
+        }), b();
+      } catch (v) {
+        h.open({
+          title: "Something went wrong",
+          message: "Please try again",
+          type: "error"
+        }), console.error("error on creating publish task", v);
+      } finally {
+        m.value = !1;
+      }
+    }
+    const o = B(() => c.recentPublish.recentJob), u = B(
+      () => c.templates.length && (!o.value || o.value.outlets.length === o.value.completed.length)
+    );
+    function b() {
+      t("close");
+    }
+    return (v, T) => {
+      const d = D("FmCircularProgress"), x = D("i18n-t"), k = D("FmButton");
+      return I(), A("div", wn, [
+        w(c).templates.length ? m.value ? (I(), A("div", kn, [
+          g("div", null, [
+            S(d, {
+              size: "md",
+              color: "neutral-gray-300"
+            })
+          ]),
+          g("div", $n, [
+            g("span", null, C(w(l)("inventory.adjustment.template.publish.publishing")), 1)
+          ])
+        ])) : o.value ? o.value.outlets.length === o.value.completed.length ? (I(), A("div", Sn, [
+          S(x, {
+            keypath: "inventory.adjustment.template.publish.recentlyPublishedAt",
+            tag: "p"
+          }, {
+            started: V(() => [
+              g("span", Fn, C(w(ue)(new Date(o.value.createdAt))), 1)
+            ]),
+            finished: V(() => [
+              g("span", Cn, C(w(ue)(new Date(o.value.updatedAt))), 1)
+            ]),
+            _: 1
+          }),
+          g("p", null, C(w(l)("inventory.adjustment.template.publish.message")), 1)
+        ])) : (I(), A("div", An, [
+          S(x, {
+            keypath: "inventory.adjustment.template.publish.stillPublishing",
+            tag: "p"
+          }, {
+            started: V(() => [
+              g("span", Mn, C(w(ue)(new Date(o.value.createdAt))), 1)
+            ]),
+            progress: V(() => [
+              g("span", Rn, " (" + C(o.value.completed.length) + "/" + C(o.value.outlets.length) + " completed) ", 1)
+            ]),
+            _: 1
+          }),
+          me(" Your recent publishing task is still pending (" + C(o.value.completed.length) + " / " + C(o.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)
+        ])) : (I(), A("div", In, [
+          g("p", null, C(w(l)("inventory.adjustment.template.publish.noRecentActivity")), 1),
+          g("p", null, C(w(l)("inventory.adjustment.template.publish.message")), 1)
+        ])) : (I(), A("div", Tn, [
+          g("p", null, C(w(l)("inventory.adjustment.template.publish.nothingToPublish")), 1)
+        ])),
+        g("div", Dn, [
+          S(k, {
+            disabled: !u.value,
+            loading: m.value,
+            label: "Publish to all outlets",
+            onClick: r
+          }, null, 8, ["disabled", "loading"]),
+          S(k, {
+            variant: "tertiary",
+            label: "Close",
+            onClick: b
+          })
+        ])
+      ]);
+    };
+  }
+}), Pn = { class: "flex flex-col gap-16" }, Vn = { class: "flex" }, jn = { class: "flex gap-24" }, Ln = { class: "flex" }, Un = { class: "flex-1" }, Bn = { class: "flex" }, Nn = { class: "flex gap-8 items-center justify-start" }, zn = /* @__PURE__ */ K({
+  __name: "WastageTemplateReason",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(f, { emit: s }) {
+    const m = f, h = Ne(m, "show"), a = R(""), c = Z(), l = X(), t = R([]), r = s, o = ne(), u = te(), b = R(!1);
+    ve(
+      () => m.show,
+      (p) => {
+        var n;
+        p && (t.value = ((n = o.reasons) == null ? void 0 : n.value) ?? []);
+      }
+    );
+    const v = (p) => {
+      if (t.value.indexOf(t.value[p]) === -1)
+        return;
+      const n = t.value[p];
+      if (n.trim() === "") {
+        t.value.splice(p, 1);
+        return;
+      }
+      l.open({
+        title: "Delete reason",
+        message: `Are you sure you want to delete this reason? "${n}"`,
+        primaryActions: {
+          text: "Delete",
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0,
+          variant: "secondary"
+        }
+      }).onPrimary(() => {
+        t.value.splice(p, 1);
+      });
+    }, T = () => {
+      t.value.push("");
+      const p = a.value.trim();
+      if (p) {
+        if (t.value.some((n) => n === p)) {
+          c.open({
+            title: "Reason already exists",
+            message: "Please enter a different reason",
+            type: "error"
+          });
+          return;
+        }
+        a.value = "";
+      }
+    }, d = async () => {
+      const p = t.value.map((n) => n.trim()).filter((n) => n);
+      if (o.reasons) {
+        b.value = !0;
+        try {
+          await u.update({
+            _id: o.reasons._id,
+            _rev: o.reasons._rev,
+            value: p
+          }), c.open({
+            title: "Reasons updated",
+            message: "Reasons have been updated successfully",
+            type: "success"
+          }), r("update:show", !1), r("submitted");
+        } catch {
+          c.open({
+            title: "Error updating reasons",
+            message: "There was an error updating reasons",
+            type: "error"
+          });
+        } finally {
+          b.value = !1;
+        }
+      }
+    }, x = R(), k = () => {
+      var p, n;
+      (n = (p = x.value) == null ? void 0 : p.validateInputs) == null || n.call(p);
+    };
+    return (p, n) => {
+      const e = D("FmButton"), i = D("FmAvatar"), y = D("FmTextField"), _ = D("FmList"), $ = D("FmForm"), F = D("FmSideSheet");
+      return I(), U(F, {
+        modelValue: w(h),
+        "onUpdate:modelValue": n[0] || (n[0] = (M) => Ue(h) ? h.value = M : null),
+        header: "Reason for wastage",
+        "close-button": "",
+        "dismiss-away": !b.value,
+        "max-width": 500
+      }, {
+        default: V(() => [
+          S($, {
+            ref_key: "formRef",
+            ref: x,
+            class: "flex flex-col gap-32",
+            blameFormChildOnValidationFailed: "",
+            onValidationSuccess: d
+          }, {
+            default: V(() => [
+              g("div", Pn, [
+                g("div", Vn, [
+                  S(e, {
+                    class: "ml-auto px-5",
+                    variant: "primary",
+                    label: "Add new reason",
+                    size: "md",
+                    onClick: T
+                  })
+                ])
+              ]),
+              g("div", jn, [
+                S(_, {
+                  class: "w-full",
+                  separator: ""
+                }, {
+                  default: V(() => [
+                    (I(!0), A(Y, null, Q(t.value, (M, E) => (I(), A("div", {
+                      key: E,
+                      class: "flex items-center gap-8 px-1 py-2"
+                    }, [
+                      g("div", Ln, [
+                        S(i, {
+                          initials: String(E + 1),
+                          size: "sm"
+                        }, null, 8, ["initials"])
+                      ]),
+                      g("div", Un, [
+                        S(y, {
+                          class: "cursor-pointer text-fm-color-typo-tertiary",
+                          modelValue: t.value[E],
+                          "onUpdate:modelValue": (q) => t.value[E] = q,
+                          maxLength: 500,
+                          rules: [w(Ge)()]
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "rules"])
+                      ]),
+                      g("div", Bn, [
+                        S(e, {
+                          variant: "tertiary",
+                          size: "md",
+                          "prepend-icon": "delete",
+                          onClick: (q) => v(E)
+                        }, null, 8, ["onClick"])
+                      ])
+                    ]))), 128))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        "side-sheet-footer": V(() => [
+          g("div", Nn, [
+            S(e, {
+              variant: "primary",
+              label: "Save",
+              size: "lg",
+              onClick: k,
+              disabled: b.value,
+              loading: b.value
+            }, null, 8, ["disabled", "loading"]),
+            S(e, {
+              variant: "secondary",
+              label: "Close",
+              size: "lg"
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "dismiss-away"]);
+    };
+  }
+}), On = { class: "flex items-center gap-5" }, Wn = { class: "flex items-center gap-2" }, Hn = { class: "flex-1 flex flex-col gap-8" }, Yn = { class: "flex flex-col" }, Kn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Gn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, xo = /* @__PURE__ */ K({
+  __name: "WastageTemplateView",
+  setup(f) {
+    const { t: s } = G(), { createTemplate: m, updateTemplate: h, exportTemplates: a, importTemplates: c, viewReason: l } = fe(), { templateDialogProps: t, templateDetailsProps: r, templateReasonProps: o } = Oe(
+      fe()
+    ), u = ye(), b = X(), v = ne(), T = tt(), { breakpoints: d } = at();
+    u.watchLocation(v.fetchTemplates);
+    const x = B(() => v.loading), k = R(""), p = B(() => d.value.xs || d.value.sm), n = B(() => p.value ? 10 : 20);
+    function e(F) {
+      switch (F) {
+        case L.Add:
+          return m();
+        case "publish":
+          return i();
+        case "import":
+          return c();
+        case "export":
+          return a();
+        case "refresh":
+          return v.fetchTemplates();
+      }
+    }
+    function i() {
+      b.open({
+        title: "Publish wastage templates",
+        contentComponent: En,
+        contentComponentProps: {
+          onClose() {
+            b.close();
+          }
+        }
+      });
+    }
+    function y(F) {
+      return F;
+    }
+    const _ = B(() => p.value ? [
+      {
+        label: s("inventory.adjustment.template.create.title"),
+        value: L.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: s("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: s("inventory.common.publish"),
+        value: "publish",
+        isPrimary: !1
+      },
+      {
+        label: s("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: s("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ] : [
+      {
+        label: s("inventory.adjustment.template.create.title"),
+        value: L.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: s("inventory.common.publish"),
+        value: "publish",
+        isPrimary: !1
+      },
+      {
+        label: s("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: s("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: s("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ]), $ = () => {
+      l();
+    };
+    return (F, M) => {
+      const E = D("FmButton"), q = D("FmTable");
+      return I(), A(Y, null, [
+        S(nt, {
+          title: w(s)("inventory.adjustment.template.wastage.title"),
+          actions: _.value,
+          "onClick:action": e
+        }, {
+          default: V(() => [
+            g("div", {
+              class: H([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": p.value,
+                  "px-24 ": !p.value
+                }
+              ])
+            }, [
+              g("div", On, [
+                S(E, {
+                  class: "ml-auto",
+                  "prepend-icon": "edit",
+                  key: "Reason for wastage",
+                  label: "Default label",
+                  "bg-color": "neutral-gray-100",
+                  "text-color": "neutral-gray-400",
+                  onClick: $
+                }, {
+                  default: V(() => [
+                    g("div", Wn, [
+                      M[4] || (M[4] = g("span", null, "Reasons", -1)),
+                      g("div", {
+                        class: H([
+                          "fm-status-badge",
+                          w(v).isReasonPublished() ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                        ])
+                      }, C(w(v).isReasonPublished() ? "Published" : "Unpublished"), 3)
+                    ])
+                  ]),
+                  _: 1
+                }),
+                S(ot, {
+                  class: "flex-1",
+                  searchable: "",
+                  search: k.value,
+                  "onUpdate:search": M[0] || (M[0] = (N) => k.value = N)
+                }, null, 8, ["search"])
+              ]),
+              S(q, {
+                style: Qe(w(T).tableHeight),
+                "column-defs": w(v).columnDefs,
+                "row-data": w(v).templates,
+                "search-value": k.value,
+                loading: x.value,
+                onRowClick: M[1] || (M[1] = (N) => w(h)(N.original)),
+                "page-size": n.value
+              }, {
+                "list-row": V((N) => [
+                  S(rt, {
+                    row: N,
+                    onRowClick: (O) => w(h)(O)
+                  }, {
+                    default: V((O) => {
+                      var ge, be, _e, oe, xe, we, Te, ke, se, $e, Ie, Se, Fe, Ce, Ae, ae, Me, Re, De, Ee, le, Pe;
+                      return [
+                        g("div", Hn, [
+                          g("div", Yn, [
+                            g("div", Kn, [
+                              S(w(ce), {
+                                render: (_e = (be = (ge = O._id) == null ? void 0 : ge.column) == null ? void 0 : be.columnDef) == null ? void 0 : _e.cell,
+                                props: (xe = (oe = O._id) == null ? void 0 : oe.getContext) == null ? void 0 : xe.call(oe)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            g("div", Gn, [
+                              S(w(ce), {
+                                render: (ke = (Te = (we = O.name) == null ? void 0 : we.column) == null ? void 0 : Te.columnDef) == null ? void 0 : ke.cell,
+                                props: ($e = (se = O.name) == null ? void 0 : se.getContext) == null ? void 0 : $e.call(se)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            g("div", null, C((Ie = N.original.locations) != null && Ie.length ? w(s)("inventory.adjustment.template.table.enabledForN", {
+                              count: ((Se = N.original.locations) == null ? void 0 : Se.length) ?? 0
+                            }) : w(s)("inventory.adjustment.template.table.enabledForAll")), 1),
+                            M[5] || (M[5] = g("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, null, -1)),
+                            g("div", Jn, [
+                              S(w(ce), {
+                                render: (Ae = (Ce = (Fe = O.ref) == null ? void 0 : Fe.column) == null ? void 0 : Ce.columnDef) == null ? void 0 : Ae.cell,
+                                props: (Me = (ae = O.ref) == null ? void 0 : ae.getContext) == null ? void 0 : Me.call(ae)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          g("div", null, [
+                            S(w(ce), {
+                              render: (Ee = (De = (Re = O.status) == null ? void 0 : Re.column) == null ? void 0 : De.columnDef) == null ? void 0 : Ee.cell,
+                              props: (Pe = (le = O.status) == null ? void 0 : le.getContext) == null ? void 0 : Pe.call(le)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (I(), U(Xe, { to: "body" }, [
+          S(xn, Ze(et(w(r))), null, 16),
+          S(gn, Ve(w(t), {
+            onSubmitted: M[2] || (M[2] = (N) => w(v).fetchTemplates())
+          }), null, 16),
+          S(zn, Ve(w(o), {
+            onSubmitted: M[3] || (M[3] = (N) => w(v).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  xo as default
+};