@feedmepos/mf-inventory-portal 1.2.22-dev.1 → 1.2.22-dev.3

package/dist/ClosingTemplateView-C61_1m3k.js

@@ -1,1970 +0,0 @@
-import { ref as P, h as R, defineComponent as H, resolveComponent as A, openBlock as $, createElementBlock as M, createElementVNode as b, normalizeClass as G, createTextVNode as Fe, toDisplayString as I, unref as v, createCommentVNode as Y, createVNode as C, withCtx as E, Fragment as j, renderList as q, computed as V, watch as Ae, createSlots as Ee, createBlock as N, isRef as Ye, normalizeStyle as Ke, Teleport as Ge, normalizeProps as We, guardReactiveProps as qe, mergeProps as Je } from "vue";
-import { u as ce, am as Xe, D as ee, j as U, i as Qe, f as Ve, an as Ze, ao as ne, X as Ue, ap as me, W as ue, a as de, b as et, aq as tt, ar as Ne, B as nt, C as ot, as as st, e as z, K, P as lt, at, q as rt, J as Le, A as it, au as ct, aa as ie, E as mt, G as ut, I as dt } from "./app-C4dN86_k.js";
-import { useI18n as O, useCoreStore as pe } from "@feedmepos/mf-common";
-import { useDialog as se, useDialogChild as pt, useSnackbar as le, FmButtonVariant as te, components as B, useProxiedModel as ft, useBreakpoints as vt } from "@feedmepos/ui-library";
-import { defineStore as Be, storeToRefs as ze } from "pinia";
-import { u as ae } from "./closing-template-CNtgIoiQ.js";
-import { u as gt } from "./use-ingredient-select-dialog-Dg3hbUaX.js";
-const re = Be(
-  "closingTemplateTable",
-  function() {
-    const { t: l } = O(), o = se(), m = P({}), t = oe(), n = P({}), d = P(new Array()), y = P(!1), c = ce(), s = ae();
-    function f(r) {
-      const p = {
-        title: r.name,
-        doc: r,
-        controller: {
-          publishAll: async () => {
-            var e;
-            const u = await s.publishSingleDoc(
-              r._id,
-              (e = r.locations) == null ? void 0 : e.map((x) => x.dbName)
-            );
-            return m.value = u.publishedRevByLocation || {}, m.value;
-          },
-          publishAtLocation: async (u) => {
-            const e = await s.publishSingleDoc(r._id, [u.dbName]);
-            return m.value = e.publishedRevByLocation || {}, m.value;
-          }
-        },
-        initialPublishedRev: m.value,
-        locations: c.locations,
-        enabledLocations: r.locations
-      };
-      o.open({
-        title: "Publish template",
-        contentComponent: Ze,
-        contentComponentProps: p,
-        closeButton: !0,
-        primaryActions: {
-          text: l("common.close"),
-          close: !0,
-          variant: "tertiary"
-        }
-      });
-    }
-    async function a() {
-      if (d.value = [], !!c._currentLocation) {
-        y.value = !0;
-        try {
-          const [r, p, u] = await Promise.all([
-            s.readTemplates(),
-            s.getRecentPublishingJob(),
-            s.getRecentPublishInfo()
-          ]).delayed(1e3);
-          d.value = r, n.value = p, m.value = u.publishedRevByLocation || {};
-        } catch (r) {
-          console.log("Something went wrong when fetching templates:", r);
-        } finally {
-          y.value = !1;
-        }
-      }
-    }
-    async function _(r) {
-      if (!d.value.find((p) => p._id) && c._currentLocation) {
-        y.value = !0;
-        try {
-          const [p] = await Promise.all([
-            s.getTemplate(r),
-            new Promise((u) => setTimeout(u, 1e3))
-          ]);
-          d.value = [p];
-        } catch (p) {
-          console.log("Something went wrong when fetching templates:", p);
-        } finally {
-          y.value = !1;
-        }
-      }
-    }
-    function w(r, p) {
-      switch (p = Ve(p), r) {
-        case U.Details:
-          return t.viewTemplate(p);
-        case U.Edit:
-          return t.updateTemplate(p);
-        case U.Delete:
-          return t.deleteTemplate(p, y, a);
-        case U.Publish:
-          return f(p);
-        case U.Duplicate:
-          return t.duplicateTemplate(p, y, a);
-      }
-    }
-    return {
-      columnDefs: [
-        {
-          id: "_id",
-          accessorKey: "_id",
-          header: () => l("inventory.closing.table.createdAt"),
-          cell(r) {
-            return Xe(`${r.getValue()}`);
-          },
-          enableSorting: !0
-        },
-        {
-          id: "name",
-          accessorKey: "name",
-          header: () => l("inventory.closing.table.name"),
-          enableSorting: !0,
-          size: 200
-        },
-        {
-          id: "noOfItems",
-          accessorKey: "items.length",
-          header: () => l("inventory.closing.table.noOfItems"),
-          enableSorting: !1,
-          meta: {
-            width: "10rem",
-            textAlign: "right"
-          }
-        },
-        {
-          id: "enabledLocations",
-          accessorKey: "locations.length",
-          header: () => l("inventory.closing.table.enabledOutlets"),
-          cell(r) {
-            var u;
-            const p = (u = r.row.original.locations) == null ? void 0 : u.length;
-            return p ? `${p}` : "All";
-          },
-          enableSorting: !1,
-          meta: {
-            width: "10rem",
-            textAlign: "right"
-          }
-        },
-        {
-          id: "ref",
-          accessorKey: "ref",
-          header: () => l("inventory.closing.table.reference"),
-          enableSorting: !1,
-          size: "auto"
-        },
-        {
-          id: "status",
-          header: () => l("inventory.adjustment.template.table.status"),
-          enableSorting: !1,
-          cell(r) {
-            const p = r.row.original, u = p._rev, e = r.row.original.locations || c.locations, S = e.filter((T) => !!(m.value[T.dbName] || []).find((k) => k._id === p._id && k._rev === u)).length === e.length;
-            return R(
-              "div",
-              {
-                class: "flex items-center gap-8"
-              },
-              R(
-                "div",
-                {
-                  class: [
-                    "fm-status-badge",
-                    S ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
-                  ]
-                },
-                S ? "Published" : "Unpublished"
-              )
-            );
-          }
-        },
-        {
-          id: "action",
-          cell(r) {
-            const p = r.row.original, u = [
-              ee[U.Edit],
-              ee[U.Duplicate],
-              ee[U.Delete],
-              ee[U.Publish]
-            ];
-            return Qe(u, (e) => w(e, p));
-          },
-          enableSorting: !1,
-          size: 40,
-          meta: {
-            cellClass: "",
-            headerClass: ""
-          }
-        }
-      ],
-      recentPublish: n,
-      templates: d,
-      loading: y,
-      fetchTemplates: a,
-      loadTemplate: _
-    };
-  }
-);
-var fe = /* @__PURE__ */ ((i) => (i.Ingredients = "Ingredients", i))(fe || {});
-function He(i) {
-  const l = i.sku, o = new Set(i.disabledMeasurements);
-  return [
-    {
-      code: l.code,
-      name: l.name,
-      unit: l.unit.abbrev,
-      enabled: !o.has(l.unit._id)
-    },
-    ...l.unit.measurements.map((n) => ({
-      unit: n.abbrev,
-      enabled: !o.has(n.id)
-    }))
-  ];
-}
-function Oe() {
-  return [
-    {
-      id: "code",
-      name: "Code"
-    },
-    {
-      id: "name",
-      name: "Name"
-    },
-    {
-      id: "unit",
-      name: "Unit"
-    },
-    {
-      id: "enabled",
-      name: "Enabled"
-    }
-  ];
-}
-function yt(i) {
-  var y;
-  const o = pe().currentBusiness.value, t = (y = i.map((c) => {
-    var h;
-    const s = c.items.flatMap(He), f = Oe(), a = [
-      ["Template ID", c._id],
-      ["Template name", c.name],
-      ["Business name", o == null ? void 0 : o.name],
-      ["Business ID", o == null ? void 0 : o._id],
-      ["Menu version", o == null ? void 0 : o.menuVersion],
-      [
-        "Locations",
-        ...(h = c.locations) != null && h.length ? c.locations.map((r) => `${r.name} (${r.dbName})`) : ["All"]
-      ],
-      ["Reference", c.ref ?? ""],
-      [],
-      f.map((r) => r.name),
-      ...s.map((r) => f.map((p) => r[p.id]))
-    ], _ = f.map((r) => `system:${r.id}`), w = ne(a, _);
-    return { name: c.name, sheet: w };
-  }).reduce(
-    (c, s) => {
-      var a;
-      const f = s.name.slice(0, 12);
-      return (a = c.sheetOccurence)[f] ?? (a[f] = 0), c.sheetOccurence[f] += 1, c.sheets[`${f} (${c.sheetOccurence[f]})`] = s.sheet, c;
-    },
-    {
-      sheets: {},
-      sheetOccurence: {}
-    }
-  )) == null ? void 0 : y.sheets, n = `${o == null ? void 0 : o.name} closing templates (${Ue(/* @__PURE__ */ new Date())}).xlsx`, d = me(t);
-  return ue(d, n), n;
-}
-function ht(i) {
-  pe().currentBusiness.value;
-  const o = 3, m = (a) => {
-    const _ = [], w = a.sku, h = new Set(a.disabledMeasurements || []);
-    h.has(w.unit._id) || _.push(w.unit.abbrev);
-    for (const r of w.unit.measurements) {
-      if (_.length >= o) break;
-      h.has(r.id) || _.push(r.abbrev);
-    }
-    return _;
-  }, t = ["#", "Code", "Name", "UOM"], n = [
-    ["Template:", i.name],
-    ["Reference:", i.ref ?? ""],
-    [],
-    t,
-    ...i.items.map((a, _) => {
-      const w = m(a);
-      return [
-        _ + 1,
-        // Index starting from 1
-        a.sku.code,
-        a.sku.name,
-        // Add UOM columns (up to MAX_UOM_COLUMNS)
-        ...Array(o).fill("").map(
-          (h, r) => w[r] ? `_____ ${w[r]}` : ""
-        )
-      ];
-    })
-  ], d = ne(n, t);
-  if (d["!ref"]) {
-    const a = {
-      top: { style: "thin", color: { rgb: "000000" } },
-      bottom: { style: "thin", color: { rgb: "000000" } },
-      left: { style: "thin", color: { rgb: "000000" } },
-      right: { style: "thin", color: { rgb: "000000" } }
-    }, _ = 4, w = _ + i.items.length, h = t.map((r, p) => String.fromCharCode(65 + p));
-    for (let r = _; r <= w; r++)
-      h.forEach((p) => {
-        const u = `${p}${r}`;
-        d[u] || (d[u] = { t: "s", v: "" }), d[u].s = {
-          border: a
-        };
-      });
-  }
-  d["!cols"] = [
-    { wch: 5 },
-    // Index column - narrow
-    { wch: 15 },
-    // Code column
-    { wch: 30 },
-    // Name column - adjusted for more columns
-    ...Array.from({ length: o }, () => ({ wch: 15 }))
-    // UOM columns
-  ], d["!margins"] = {
-    left: 0.7,
-    right: 0.7,
-    top: 0.75,
-    bottom: 0.75,
-    header: 0.3,
-    footer: 0.3
-  };
-  const c = i.name.slice(0, 31), s = me({ [c]: d }), f = `${i.name} - Closing Template (${Ue(/* @__PURE__ */ new Date())}).xlsx`;
-  return ue(s, f), f;
-}
-function bt() {
-  const i = pe(), l = de(), o = et(), m = He({
-    sku: {
-      unit: {
-        _id: "",
-        name: "Unit",
-        abbrev: "Unit",
-        precision: 0,
-        measurements: []
-      },
-      code: "ING001",
-      _id: "",
-      name: "Sugar"
-    }
-  })[0], t = i.currentBusiness.value, n = Oe(), d = [
-    ["Template ID (leave empty to create new)", ""],
-    ["Template Name", "New template"],
-    ["Business name", t == null ? void 0 : t.name],
-    ["Business ID", t == null ? void 0 : t._id],
-    ["Menu version", t == null ? void 0 : t.menuVersion],
-    [
-      "Location codes (leave empty to enable all)",
-      "Example outlet (restaurant_xxx)",
-      "Example outlet 2 (restaurant_xxx)"
-    ],
-    ["Reference:"],
-    [],
-    n.map((h) => h.name),
-    n.map((h) => m[h.id])
-  ], y = n.map((h) => `system:${h.id}`), c = ne(d, y), s = o.isEnabled ? o.state.setting.childItems ?? [] : [], f = s.reduce(
-    (h, r) => {
-      var S, T;
-      const p = (S = o.netSuiteItemIdToSkuId.get(r.parentNetSuiteId)) == null ? void 0 : S[0], u = (T = o.netSuiteMeasurementIdToMeasurementId.get(
-        r.unitOfMeasureId
-      )) == null ? void 0 : T[0];
-      if (!r.externalId)
-        return h;
-      if (!p)
-        return console.error(`Item ${r.externalId} cannot be mapped to parent FdoInventorySku.`, r), h;
-      const e = l.skuById[p], x = e.unit.measurements.find((g) => g.id === u);
-      return x ? (h[r.externalId] = {
-        sku: e,
-        measurement: x
-      }, h) : (console.error(
-        `Item ${r.externalId} found parent FdoInventorySku of ${e.code} ${e.name} but the measurement of netsuite id ${r.unitOfMeasureId} cannot be found.`,
-        r
-      ), h);
-    },
-    {}
-  ), a = ne(
-    [
-      ...l.skus.flatMap((h) => [
-        [h.code, h.name, h.unit.abbrev, !0],
-        ...h.unit.measurements.map((p) => [
-          "",
-          "",
-          p.abbrev,
-          !p.abbrev.toLocaleLowerCase("en-us").includes("inactive")
-        ])
-      ]),
-      ...Object.entries(f).map(([h, { sku: r, measurement: p }]) => [
-        r.code,
-        r.name,
-        p.abbrev,
-        !p.abbrev.toLocaleLowerCase("en-us").includes("inactive"),
-        h
-      ])
-    ],
-    [
-      "Code",
-      "Name",
-      "Units",
-      "Enabled (true/false)",
-      ...s.length ? ["Netsuite Parent"] : []
-    ]
-  ), _ = me({
-    Template: c,
-    Ingredients: a
-  }), w = `${t == null ? void 0 : t.name} transfer templates import.xlsx`;
-  return ue(_, w), w;
-}
-function _t(i) {
-  if (!i.length || `${i[0]}`.toLocaleLowerCase() === "all")
-    return [];
-  const l = /(.*) \(((warehouse_|restaurant_).{24,})\)/, m = ce().locationByDbName;
-  return i.map((t) => {
-    const n = new Array(), d = t.trim(), y = l.exec(d);
-    if (!y)
-      return n.push(`Enabled location value of ${d} cannot be read.`), {
-        errors: n
-      };
-    const c = y[1], s = y[2], f = m[s];
-    return f ? (c !== f.name && n.push(
-      `Location id ${s} has non-matching name. Found ${c} but expected ${f.name}`
-    ), {
-      errors: n,
-      location: f
-    }) : (n.push(`Location (${c}) of id ${s} is not found.`), {
-      errors: n
-    });
-  });
-}
-function xt(i) {
-  const [
-    l,
-    o,
-    m,
-    t,
-    n,
-    d,
-    y,
-    c
-  ] = Ne(i);
-  return {
-    id: `${o[1] ?? ""}`.trim(),
-    name: `${m[1] ?? ""}`.trim(),
-    locations: y.slice(1).map((s) => `${s}`.trim()).filter((s) => s),
-    reference: `${c[1] ?? ""}`.trim()
-  };
-}
-function wt(i) {
-  const [
-    l,
-    o,
-    m,
-    t,
-    n,
-    d,
-    y,
-    c,
-    s,
-    f,
-    ...a
-  ] = Ne(i);
-  if (!l || !l.length || l.some((p) => p.length && !p.startsWith("system:")))
-    throw new Error("Missing meta header. Excel file does not come from the template.");
-  const _ = l.map((p) => p.split(":")[1]), h = ["code", "name", "unit", "enabled"].filter((p) => !_.includes(p));
-  if (h.length)
-    throw new Error(
-      `Missing meta headers (${h.join()}). Excel file does not come from the template.`
-    );
-  return a.map((p, u) => {
-    const e = {};
-    for (const x in _) {
-      const S = _[x];
-      Object.assign(e, { [S]: p[x] });
-    }
-    return {
-      index: u,
-      data: e
-    };
-  });
-}
-function kt(i) {
-  return i.reduce(
-    (l, o) => {
-      var n;
-      const m = o.data, t = o.index;
-      return m.unit && (m.code ? l.result.push({ parent: o, children: [] }) : l.result.length ? (n = l.result.at(-1)) == null || n.children.push(o) : l.errors.push(`Cannot find parent for row ${t + 9}`)), l;
-    },
-    { result: new Array(), errors: new Array() }
-  );
-}
-function Tt(i) {
-  const l = i.parent.data, o = new Array(), t = de().skuByCode[l.code ?? ""];
-  if (!t)
-    return o.push(`Cannot find ingredient of code ${l.code} ${l.name}`), { errors: o };
-  const n = {
-    sku: t
-  }, d = /* @__PURE__ */ new Set([t.unit._id, ...t.unit.measurements.map((c) => c.id)]), y = t.unit.measurements.find((c) => c.abbrev === l.unit);
-  l.unit !== t.unit.abbrev && !y ? o.push(
-    `Cannot find measurement unit of ${l.unit} for (${l.code}) ${l.name}.`
-  ) : (l.enabled === !0 || `${l.enabled}`.toLocaleLowerCase() === "true") && d.delete(t.unit._id);
-  for (const c of i.children) {
-    const s = c.data, f = s.unit === t.unit.abbrev ? t.unit : void 0, a = t.unit.measurements.find((_) => _.abbrev === s.unit);
-    if (!a && !f) {
-      o.push(
-        `Cannot find measurement unit of ${s.unit} for (${l.code}) ${l.name}.`
-      );
-      continue;
-    }
-    (s.enabled === !0 || `${s.enabled}`.toLocaleLowerCase() === "true") && d.delete((a == null ? void 0 : a.id) ?? (f == null ? void 0 : f._id) ?? "");
-  }
-  return d.has(t.unit._id) && n.sku.unit.measurements.every((c) => d.has(c.id)) && o.push(`Ingredient ${t.code} - ${t.name} must have at least one unit enabled.`), n.disabledMeasurements = [...d], { errors: o, templateItem: n };
-}
-function $t(i) {
-  const l = i.SheetNames.filter(
-    (n) => !Object.values(fe).map(String).includes(n)
-  ), m = re().templates, t = tt(m, "_id");
-  try {
-    return l.reduce(
-      (n, d) => {
-        const y = new Array(), c = i.Sheets[d], s = xt(c), f = _t(s.locations), a = f.filter((e) => e.location).map((e) => e.location);
-        y.push(...f.flatMap((e) => e.errors));
-        const _ = wt(c).filter(
-          (e) => e.data.code || e.data.unit
-        ), w = kt(_);
-        y.push(...w.errors);
-        const h = w.result.map(
-          (e) => Tt(e)
-        );
-        y.push(...h.flatMap((e) => e.errors));
-        const r = h.filter((e) => e.templateItem).map((e) => e.templateItem);
-        if (s.id) {
-          const e = t[s.id];
-          if (!e) {
-            const S = {
-              _id: s.id,
-              _rev: "",
-              name: s.name || `(unnamed from sheet ${d || "<unnamed sheet>"})`,
-              items: []
-            };
-            return y.push(`Template ID ${s.id} is not found.`), n.importUpdateResult.push({
-              type: "update",
-              original: S,
-              template: S,
-              excelSheetName: d,
-              errors: y
-            }), n;
-          }
-          const x = {
-            type: "update",
-            original: e,
-            template: {
-              ...e,
-              name: s.name,
-              locations: a.length ? a : null,
-              ref: s.reference,
-              items: r
-            },
-            excelSheetName: d,
-            errors: y
-          };
-          return n.importUpdateResult.push(x), n;
-        }
-        const u = {
-          type: "create",
-          template: {
-            name: s.name,
-            locations: a.length ? a : null,
-            ref: s.reference,
-            items: r
-          },
-          excelSheetName: d,
-          errors: y
-        };
-        return n.importCreateResult.push(u), n;
-      },
-      {
-        invalidExcel: !1,
-        importCreateResult: new Array(),
-        importUpdateResult: new Array()
-      }
-    );
-  } catch (n) {
-    return {
-      invalidExcel: !0,
-      invalidExcelMessage: (n == null ? void 0 : n.message) ?? "Invalid excel",
-      importCreateResult: [],
-      importUpdateResult: []
-    };
-  }
-}
-const Ct = { class: "flex items-center gap-12 pl-8" }, St = { class: "flex flex-col" }, It = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Dt = {
-  key: 0,
-  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, Mt = { key: 0 }, Re = /* @__PURE__ */ H({
-  __name: "ClosingTemplateImportItem",
-  props: {
-    type: {},
-    name: {},
-    locations: {},
-    items: {},
-    errors: {}
-  },
-  setup(i) {
-    const { t: l } = O();
-    return (o, m) => {
-      var d, y, c;
-      const t = A("FmIcon"), n = A("FmTooltip");
-      return $(), M("div", Ct, [
-        m[0] || (m[0] = b("div", null, "•", -1)),
-        b("div", St, [
-          b("div", It, [
-            b("div", {
-              class: G({
-                "text-fm-color-system-error-300": o.errors.length
-              })
-            }, [
-              Fe(I(o.name) + " ", 1),
-              o.type === "create" ? ($(), M("span", Dt, "(" + I(v(l)("inventory.closing.template.import.new")) + ")", 1)) : Y("", !0)
-            ], 2),
-            o.errors.length ? ($(), M("div", Mt, [
-              C(n, { "z-index": 50 }, {
-                content: E(() => [
-                  b("ol", null, [
-                    ($(!0), M(j, null, q(o.errors, (s, f) => ($(), M("li", { key: f }, I(s), 1))), 128))
-                  ])
-                ]),
-                default: E(() => [
-                  C(t, {
-                    name: "error",
-                    size: "sm",
-                    color: "system-error-300"
-                  })
-                ]),
-                _: 1
-              })
-            ])) : Y("", !0)
-          ]),
-          b("div", {
-            class: G([
-              "fm-typo-en-body-sm-400",
-              {
-                "text-fm-color-system-error-200": o.errors.length,
-                "text-fm-color-typo-secondary": !o.errors.length
-              }
-            ])
-          }, I((d = o.locations) != null && d.length ? v(l)("inventory.closing.template.import.nLocations", { count: (y = o.locations) == null ? void 0 : y.length }) : v(l)("inventory.closing.template.import.allLocations")) + ", " + I(v(l)("inventory.closing.template.import.nItems", { count: (c = o.items) == null ? void 0 : c.length })), 3)
-        ])
-      ]);
-    };
-  }
-}), Pt = { class: "flex flex-col gap-24" }, Rt = { class: "fm-typo-en-body-md-400" }, Ft = {
-  key: 0,
-  class: "flex items-center gap-8"
-}, At = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Et = { class: "flex flex-col gap-8" }, Vt = { class: "line-clamp-2 text-ellipsis break-all" }, Ut = {
-  key: 2,
-  class: "shrink-0"
-}, Nt = {
-  key: 0,
-  class: "flex flex-col"
-}, Lt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Bt = {
-  key: 0,
-  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
-}, zt = { class: "fm-typo-en-body-lg-600" }, Ht = /* @__PURE__ */ H({
-  __name: "ClosingTemplateImport",
-  setup(i) {
-    const l = P(null), o = pt(), m = le(), t = P(!1), n = P(!1), d = P(new Array()), y = P([]), c = P([]), s = V(
-      () => !!d.value.length || y.value.some((w) => w.errors.length) || c.value.some((w) => w.errors.length)
-    ), f = V(
-      () => !!y.value.length || !!c.value.length
-    ), { t: a } = O();
-    async function _(w) {
-      d.value = [], y.value = [], c.value = [];
-      try {
-        t.value = !0;
-        const [h] = await Promise.all([
-          ot(w),
-          // fake buffer
-          new Promise((e) => setTimeout(e, 1e3))
-        ]);
-        if (!h.SheetNames.filter(
-          (e) => !Object.values(fe).map(String).includes(e)
-        ).find((e) => e)) {
-          d.value.push(a("inventory.ingredient.import.fileError.noSheet"));
-          return;
-        }
-        const u = $t(h);
-        if (u.invalidExcel) {
-          d.value.push(
-            u.invalidExcelMessage ?? a("inventory.ingredient.import.fileError.invalidExcel")
-          );
-          return;
-        }
-        if (y.value = u.importCreateResult, c.value = u.importUpdateResult, !y.value.length && !c.value.length) {
-          d.value.push(a("inventory.ingredient.import.fileError.noData"));
-          return;
-        }
-        o.emitData(u);
-      } catch (h) {
-        m.open({
-          title: a("inventory.ingredient.import.fileError.unableToRead"),
-          message: h == null ? void 0 : h.message,
-          type: "error"
-        }), console.error("Error in reading file", h);
-      } finally {
-        d.value.length && m.open({
-          title: a("inventory.ingredient.import.fileError.invalidExcel"),
-          type: "error"
-        }), t.value = !1;
-      }
-    }
-    return Ae(l, (w) => {
-      w && _(w);
-    }), (w, h) => {
-      const r = A("FmCircularProgress"), p = A("FmIcon"), u = A("FmButton");
-      return $(), M("div", Pt, [
-        b("div", Rt, I(v(a)("inventory.closing.template.import.message")), 1),
-        n.value ? ($(), M("div", Ft, [
-          b("div", null, [
-            C(r, {
-              size: "md",
-              color: "neutral-gray-200"
-            })
-          ]),
-          b("div", At, I(v(a)("inventory.formField.loading")), 1)
-        ])) : ($(), M(j, { key: 1 }, [
-          C(nt, {
-            class: G({
-              "w-full": !0,
-              "h-[200px]": !l.value
-            }),
-            accept: ".xlsx",
-            onFileUpload: h[0] || (h[0] = (e) => l.value = e),
-            label: v(a)("inventory.ingredient.import.uploadTemplate"),
-            "button-label": v(a)("inventory.ingredient.import.selectFile")
-          }, Ee({ _: 2 }, [
-            l.value ? {
-              name: "default",
-              fn: E(({ openFileDialog: e }) => [
-                b("div", Et, [
-                  b("div", {
-                    class: G([
-                      "fm-corner-radius-md p-16 flex items-center gap-16",
-                      {
-                        "border border-fm-color-neutral-gray-100": t.value,
-                        "border border-fm-color-neutral-gray-200": !t.value && !s.value,
-                        "border border-fm-color-system-error-200": s.value
-                      }
-                    ])
-                  }, [
-                    t.value ? ($(), N(r, {
-                      key: 0,
-                      size: "md",
-                      color: "neutral-gray-200"
-                    })) : ($(), N(p, {
-                      key: 1,
-                      name: s.value ? "error" : "attach_file",
-                      outline: "",
-                      color: s.value ? "system-error-300" : void 0
-                    }, null, 8, ["name", "color"])),
-                    b("div", {
-                      class: G([
-                        "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
-                        {
-                          "text-fm-color-typo-disabled": t.value,
-                          "text-fm-color-typo-primary": !t.value
-                        }
-                      ])
-                    }, [
-                      b("div", Vt, I(l.value.name), 1)
-                    ], 2),
-                    t.value ? Y("", !0) : ($(), M("div", Ut, [
-                      C(u, {
-                        label: v(a)("inventory.ingredient.import.replaceFile"),
-                        variant: s.value ? "destructive" : "secondary",
-                        "prepend-icon": s.value ? void 0 : "autorenew",
-                        onClick: e
-                      }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
-                    ]))
-                  ], 2),
-                  d.value.length ? ($(), M("div", Nt, [
-                    ($(!0), M(j, null, q(d.value, (x, S) => ($(), M("div", {
-                      key: S,
-                      class: "flex gap-8 items-center"
-                    }, [
-                      C(p, {
-                        name: "error",
-                        size: "sm",
-                        color: "system-error-300"
-                      }),
-                      b("div", Lt, I(x), 1)
-                    ]))), 128))
-                  ])) : Y("", !0)
-                ])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["class", "label", "button-label"]),
-          f.value ? ($(), M("div", Bt, [
-            b("div", zt, I(v(a)("inventory.ingredient.import.summary")), 1),
-            ($(!0), M(j, null, q(y.value, (e, x) => ($(), N(Re, {
-              key: x,
-              name: e.template.name,
-              locations: e.template.locations,
-              items: e.template.items,
-              errors: e.errors,
-              type: "create"
-            }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
-            ($(!0), M(j, null, q(c.value, (e) => ($(), N(Re, {
-              key: e.template._id,
-              name: e.template.name,
-              locations: e.template.locations,
-              items: e.template.items,
-              errors: e.errors,
-              type: "update"
-            }, null, 8, ["name", "locations", "items", "errors"]))), 128))
-          ])) : Y("", !0)
-        ], 64))
-      ]);
-    };
-  }
-}), oe = Be("closingTemplateActions", () => {
-  const { t: i } = O(), l = se(), o = le(), m = ae(), t = st(), n = re(), { loading: d } = ze(n), y = P({});
-  function c() {
-    y.value = {
-      mode: z.CREATE,
-      show: !0,
-      "onUpdate:show"(e) {
-        y.value.show = e;
-      }
-    };
-  }
-  function s(e) {
-    y.value = {
-      mode: z.UPDATE,
-      modelValue: e,
-      show: !0,
-      "onUpdate:show"(x) {
-        y.value.show = x;
-      }
-    };
-  }
-  function f(e, x, S) {
-    l.open({
-      title: `Confirm deleting template ${e.name}?`,
-      message: "Deleted template can no longer be retrieved",
-      primaryActions: {
-        text: "Delete",
-        variant: te.Destructive,
-        close: !0
-      },
-      secondaryActions: {
-        text: "Cancel",
-        variant: te.Plain,
-        close: !0
-      }
-    }).onPrimary(async () => {
-      o.open({
-        title: `Deleting ${e.name}`,
-        type: "info"
-      });
-      try {
-        x.value = !0;
-        const [T] = await Promise.allSettled([
-          m.deleteTemplate(e),
-          new Promise((g) => setTimeout(g, 1e3))
-        ]);
-        if (T.status === "rejected") throw T.reason;
-        o.open({
-          title: `Deleted ${e.name}`,
-          type: "success"
-        });
-      } catch (T) {
-        o.open({
-          title: `Unable to delete ${e.name}`,
-          message: `See error from server: ${T}`,
-          type: "error"
-        }), console.error("error on deleting closing template", T);
-      } finally {
-        x.value = !1, S();
-      }
-    });
-  }
-  function a(e, x, S) {
-    let T;
-    l.open({
-      title: `Confirm duplicating template "${e.name}"?`,
-      message: "Duplicated template can be edited after creation",
-      primaryActions: {
-        text: "Duplicate",
-        variant: te.Destructive,
-        close: !0
-      },
-      secondaryActions: {
-        text: "Cancel",
-        variant: te.Plain,
-        close: !0
-      },
-      contentComponent: H({
-        props: ["modelValue"],
-        emits: ["update:modelValue"],
-        setup(g) {
-          return () => R(B.FmTextField, {
-            modelValue: g.modelValue,
-            "onUpdate:modelValue": (k) => T = k,
-            label: "New Template Name",
-            size: "md",
-            variant: "primary"
-          });
-        }
-      })
-    }).onPrimary(async () => {
-      o.open({
-        title: `Duplicating "${e.name}"`,
-        type: "info"
-      });
-      try {
-        x.value = !0;
-        const [g] = await Promise.allSettled([
-          t.duplicateClosingTemplate(e._id, T),
-          new Promise((k) => setTimeout(k, 1e3))
-        ]);
-        if (g.status === "rejected") throw g.reason;
-        o.open({
-          title: `Duplicated "${e.name}"`,
-          type: "success"
-        });
-      } catch (g) {
-        o.open({
-          title: `Unable to duplicate "${e.name}"`,
-          message: `See error from server: ${g}`,
-          type: "error"
-        }), console.error("error on duplicating closing template", g);
-      } finally {
-        x.value = !1, S();
-      }
-    });
-  }
-  const _ = P({});
-  function w(e) {
-    _.value = {
-      template: e,
-      show: !0,
-      "onUpdate:show"(x) {
-        _.value.show = x;
-      },
-      "onAction:edit"() {
-        _.value.show = !1, s(Ve(e));
-      }
-    };
-  }
-  function h() {
-    if (!n.templates.length) {
-      o.open({
-        title: "No data to export",
-        type: "error"
-      });
-      return;
-    }
-    const e = yt(n.templates);
-    o.open({
-      title: i("inventory.ingredient.export.success"),
-      message: i("inventory.ingredient.export.filename", [e]),
-      type: "success"
-    });
-  }
-  function r(e) {
-    if (!e.items.length) {
-      o.open({
-        title: "No items in template to export",
-        type: "error"
-      });
-      return;
-    }
-    const x = ht(e);
-    o.open({
-      title: i("inventory.ingredient.export.success"),
-      message: i("inventory.ingredient.export.filename", [x]),
-      type: "success"
-    });
-  }
-  function p() {
-    n.loading || l.open({
-      title: i("inventory.ingredient.import.title"),
-      contentComponent: Ht,
-      overlay: !0,
-      closeButton: !0,
-      primaryActions: {
-        text: i("common.import"),
-        close: !1
-      },
-      secondaryActions: {
-        text: i("common.close"),
-        close: !0
-      },
-      tertiaryActions: {
-        text: i("inventory.ingredient.import.actions.downloadTemplate"),
-        close: !1,
-        variant: "plain"
-      }
-    }).onPrimary((e) => {
-      if (!e) {
-        o.open({
-          title: i("inventory.ingredient.import.error.noData"),
-          type: "error"
-        });
-        return;
-      }
-      if (!e.importCreateResult.length && !e.importUpdateResult.length) {
-        o.open({
-          title: i("inventory.ingredient.import.error.invalidContent"),
-          message: i("inventory.ingredient.import.error.noImportData"),
-          type: "error"
-        });
-        return;
-      }
-      if (e.importCreateResult.some((x) => x.errors.length) || e.importUpdateResult.some((x) => x.errors.length)) {
-        o.open({
-          title: i("inventory.ingredient.import.error.invalidContent"),
-          message: i("inventory.ingredient.import.error.hasErrors"),
-          type: "error"
-        });
-        return;
-      }
-      l.close(), u(e);
-    }).onTertiary(bt);
-  }
-  async function u(e) {
-    d.value = !0;
-    try {
-      const x = [
-        ...e.importCreateResult.map(
-          (k) => k.template
-        ),
-        ...e.importUpdateResult.map(
-          (k) => k.template
-        )
-      ], S = 100;
-      let T = 0;
-      const g = () => {
-        T += S, o.open({
-          title: i("inventory.ingredient.import.progress", [
-            Math.min(T, x.length),
-            x.length
-          ])
-        });
-      };
-      for (const k of x.chunk(100))
-        g(), await m.importTemplates(k);
-      o.open({
-        title: i("inventory.ingredient.import.success"),
-        type: "success"
-      });
-    } catch (x) {
-      o.open({
-        title: i("inventory.ingredient.import.error.failed"),
-        message: i("inventory.ingredient.import.error.systemMessage", [x == null ? void 0 : x.message]),
-        type: "error"
-      }), console.error("Error in importing skus", e, x);
-    } finally {
-      d.value = !1, n.fetchTemplates();
-    }
-  }
-  return {
-    createTemplate: c,
-    viewTemplate: w,
-    updateTemplate: s,
-    deleteTemplate: f,
-    duplicateTemplate: a,
-    exportTemplates: h,
-    exportSingleTemplate: r,
-    importTemplates: p,
-    templateDialogProps: y,
-    templateDetailsProps: _
-  };
-});
-var W = /* @__PURE__ */ ((i) => (i.Name = "Name", i.Unit = "Unit", i.Delete = "Delete", i))(W || {});
-function Ot(i) {
-  return {
-    columnDefs: V(() => {
-      const o = i.items.map((t) => t.sku.unit.measurements.length).reduce((t, n) => Math.max(t, n), 0);
-      return [
-        {
-          id: "Name",
-          header: () => "Name",
-          enableSorting: !1,
-          size: 400,
-          minSize: 400,
-          accessorFn: (t) => `${t.sku.name} ${t.sku.code}`,
-          cell(t) {
-            const n = t.row.original;
-            return R(
-              "div",
-              {
-                class: "flex flex-col",
-                style: { minWidth: "400px" }
-              },
-              [
-                R(
-                  "span",
-                  { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary line-clamp-1" },
-                  n.sku.name
-                ),
-                R(
-                  "span",
-                  { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-1" },
-                  n.sku.code
-                )
-              ]
-            );
-          }
-        },
-        {
-          id: "Unit",
-          header: () => "Enable unit",
-          enableSorting: !1,
-          minSize: 200,
-          maxSize: 400,
-          cell(t) {
-            var d, y, c;
-            const n = t.row.original;
-            return R("div", { class: "flex items-center gap-32" }, [
-              R(
-                B.FmFormGroup,
-                {
-                  value: n.sku.unit._id,
-                  modelValue: !((d = n.disabledMeasurements) != null && d.includes(n.sku.unit._id))
-                },
-                R(
-                  "div",
-                  {
-                    class: "flex items-center gap-4",
-                    style: { width: "120px" }
-                  },
-                  [
-                    R(B.FmCheckbox, {
-                      value: n.sku.unit._id,
-                      modelValue: !((y = n.disabledMeasurements) != null && y.includes(n.sku.unit._id)),
-                      disabled: i.disabled || !((c = n.disabledMeasurements) != null && c.includes(n.sku.unit._id)) && n.sku.unit.measurements.every(
-                        (s) => {
-                          var f;
-                          return (f = n.disabledMeasurements) == null ? void 0 : f.includes(s.id);
-                        }
-                      ),
-                      "onUpdate:modelValue"(s) {
-                        var f;
-                        if (s)
-                          i.updateItem({
-                            ...n,
-                            disabledMeasurements: (f = n.disabledMeasurements) == null ? void 0 : f.filter(
-                              (a) => a !== n.sku.unit._id
-                            )
-                          });
-                        else {
-                          const a = n.disabledMeasurements ?? [];
-                          i.updateItem({
-                            ...n,
-                            disabledMeasurements: [...a, n.sku.unit._id]
-                          });
-                        }
-                      }
-                    }),
-                    R(
-                      B.FmTooltip,
-                      { zIndex: 51 },
-                      {
-                        content() {
-                          return n.sku.unit.abbrev;
-                        },
-                        default() {
-                          return R(
-                            "div",
-                            { class: "line-clamp-2 fm-typo-en-body-lg-400" },
-                            n.sku.unit.abbrev
-                          );
-                        }
-                      }
-                    )
-                  ]
-                )
-              ),
-              ...Array.from({ length: Math.max(o, 0) }).map((s, f) => {
-                var w, h, r, p;
-                const a = t.row.original, _ = a.sku.unit.measurements[f];
-                return _ ? R(
-                  B.FmFormGroup,
-                  {
-                    modelValue: !((w = a.disabledMeasurements) != null && w.includes(_.id)),
-                    value: _.id
-                  },
-                  R(
-                    "div",
-                    {
-                      class: "flex items-center gap-4",
-                      style: { width: "120px" }
-                    },
-                    [
-                      R(B.FmCheckbox, {
-                        value: _.id,
-                        modelValue: !((h = a.disabledMeasurements) != null && h.includes(_.id)),
-                        disabled: i.disabled || !((r = a.disabledMeasurements) != null && r.includes(_.id)) && ((p = a.disabledMeasurements) == null ? void 0 : p.includes(a.sku.unit._id)) && a.sku.unit.measurements.filter((u) => u.id != _.id).every((u) => {
-                          var e;
-                          return (e = a.disabledMeasurements) == null ? void 0 : e.includes(u.id);
-                        }),
-                        "onUpdate:modelValue"(u) {
-                          var e;
-                          if (u)
-                            i.updateItem({
-                              ...a,
-                              disabledMeasurements: (e = a.disabledMeasurements) == null ? void 0 : e.filter(
-                                (x) => x !== _.id
-                              )
-                            });
-                          else {
-                            const x = a.disabledMeasurements ?? [];
-                            i.updateItem({
-                              ...a,
-                              disabledMeasurements: [...x, _.id]
-                            });
-                          }
-                        }
-                      }),
-                      R(
-                        B.FmTooltip,
-                        { zIndex: 51 },
-                        {
-                          content() {
-                            return _.abbrev;
-                          },
-                          default() {
-                            return R(
-                              "div",
-                              { class: "line-clamp-2 fm-typo-en-body-lg-400" },
-                              _.abbrev
-                            );
-                          }
-                        }
-                      )
-                    ]
-                  )
-                ) : null;
-              })
-            ]);
-          }
-        },
-        {
-          id: "Delete",
-          header: "",
-          cell(t) {
-            const n = t.row.original;
-            return R(
-              "div",
-              { class: "w-full flex justify-end" },
-              R(B.FmButton, {
-                class: "delete-button",
-                key: n.sku._id,
-                type: "button",
-                icon: "delete",
-                variant: "tertiary",
-                size: "md",
-                disabled: i.disabled,
-                onClick: () => {
-                  i.deleteItem(n);
-                }
-              })
-            );
-          },
-          enableSorting: !1,
-          size: 40,
-          meta: {
-            cellClass: "",
-            headerClass: ""
-          }
-        }
-      ];
-    })
-  };
-}
-const jt = { class: "flex flex-col gap-16 py-12" }, Yt = { class: "flex" }, Kt = { class: "flex-1 flex flex-col" }, Gt = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Wt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, qt = { class: "flex flex-col gap-4" }, Jt = /* @__PURE__ */ H({
-  __name: "ClosingTemplateItem",
-  props: {
-    cellByColId: {},
-    row: {}
-  },
-  setup(i) {
-    const l = i, o = V(() => l.row), m = V(
-      () => o.value.getVisibleCells().filter((t) => t.column.id !== W.Name && t.column.id !== W.Delete)
-    );
-    return (t, n) => {
-      var d, y, c, s, f;
-      return $(), M("div", jt, [
-        b("div", Yt, [
-          b("div", Kt, [
-            b("div", Gt, I(o.value.original.sku.name), 1),
-            b("div", Wt, I(o.value.original.sku.code), 1)
-          ]),
-          b("div", null, [
-            C(v(K), {
-              render: (c = (y = (d = t.cellByColId[v(W).Delete]) == null ? void 0 : d.column) == null ? void 0 : y.columnDef) == null ? void 0 : c.cell,
-              props: (f = (s = t.cellByColId[v(W).Delete]) == null ? void 0 : s.getContext) == null ? void 0 : f.call(s)
-            }, null, 8, ["render", "props"])
-          ])
-        ]),
-        b("div", qt, [
-          n[0] || (n[0] = b("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, null, -1)),
-          ($(!0), M(j, null, q(m.value, (a) => {
-            var _, w, h;
-            return $(), M("div", {
-              key: a.id
-            }, [
-              C(v(K), {
-                render: (w = (_ = a.column) == null ? void 0 : _.columnDef) == null ? void 0 : w.cell,
-                props: (h = a.getContext) == null ? void 0 : h.call(a)
-              }, null, 8, ["render", "props"])
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-}), Xt = { class: "flex flex-col gap-16" }, Qt = { class: "flex flex-col gap-24" }, Zt = { class: "flex flex-col gap-16" }, en = { class: "flex items-center" }, tn = { class: "flex-1 fm-typo-en-title-sm-600" }, nn = { class: "flex flex-col gap-16" }, on = { class: "flex items-center" }, sn = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, ln = { class: "flex gap-8" }, an = { class: "flex items-center gap-8 w-full" }, rn = { class: "flex-1" }, cn = /* @__PURE__ */ H({
-  __name: "ClosingTemplateForm",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  setup(i, { expose: l }) {
-    const o = i, m = lt(), { t } = O(), n = de();
-    se();
-    const {
-      promptSelectLocations: d,
-      columnDefs: y,
-      rowData: c
-    } = at({
-      getLocations() {
-        return m.locations;
-      },
-      setLocations(u) {
-        m.locations = u;
-      }
-    }), s = P(), f = P(""), a = P(!1), _ = P(null);
-    l({
-      validateInputs: () => {
-        var u, e;
-        (e = (u = s.value) == null ? void 0 : u.validateInputs) == null || e.call(u);
-      },
-      resetInputsValidation: () => {
-        var u, e;
-        (e = (u = s.value) == null ? void 0 : u.resetInputsValidation) == null || e.call(u);
-      },
-      resetInputs: () => {
-        var u, e;
-        (e = (u = s.value) == null ? void 0 : u.resetInputs) == null || e.call(u);
-      }
-    });
-    const w = Ot({
-      updateItem: (u) => {
-        m.items = m.items.map((e) => e.sku._id !== u.sku._id ? e : u);
-      },
-      deleteItem: (u) => {
-        m.items = m.items.filter((e) => e.sku._id !== u.sku._id);
-      },
-      get items() {
-        return m.items;
-      },
-      get disabled() {
-        return o.disabled;
-      }
-    }), h = V(() => w.columnDefs.value), { promptSelectIngredients: r } = gt();
-    async function p() {
-      const e = n.skus.map((T) => ({
-        label: T.name,
-        sublabel: T.code,
-        value: T
-      })).filter((T) => {
-        var g;
-        return (g = m.items) == null ? void 0 : g.find((k) => k.sku._id === T.value._id);
-      }).map((T) => T.value), x = m.items ?? [], S = await r(
-        e.map((T) => T._id),
-        (T) => {
-          const g = n.skuById[T], k = x.find((D) => D.sku._id === g._id);
-          return k || {
-            sku: g
-          };
-        }
-      );
-      S && (S.sort((T, g) => T.sku.code.localeCompare(g.sku.code)), m.items = S);
-    }
-    return (u, e) => {
-      const x = A("FmTextField"), S = A("FmButton"), T = A("FmTable"), g = A("FmIcon"), k = A("FmFormGroup"), F = A("FmForm");
-      return $(), N(F, {
-        ref_key: "formRef",
-        ref: s,
-        class: "flex flex-col gap-32",
-        disabled: u.disabled
-      }, {
-        default: E(() => [
-          b("div", Xt, [
-            b("div", Qt, [
-              C(x, {
-                label: v(t)("inventory.closing.form.name"),
-                "label-mark": "required",
-                modelValue: v(m).name,
-                "onUpdate:modelValue": e[0] || (e[0] = (D) => v(m).name = D),
-                rules: [v(rt)()]
-              }, null, 8, ["label", "modelValue", "rules"]),
-              C(x, {
-                label: v(t)("inventory.closing.form.reference"),
-                "label-mark": "optional",
-                modelValue: v(m).ref,
-                "onUpdate:modelValue": e[1] || (e[1] = (D) => v(m).ref = D)
-              }, null, 8, ["label", "modelValue"])
-            ])
-          ]),
-          b("div", Zt, [
-            b("div", en, [
-              b("div", tn, I(v(t)("inventory.closing.form.locations")), 1),
-              C(S, {
-                disabled: u.disabled,
-                label: v(t)("inventory.closing.form.selectLocation"),
-                "prepend-icon": "add",
-                variant: "plain",
-                class: "border-2 rounded-lg border-fm-color-primary",
-                onClick: v(d)
-              }, null, 8, ["disabled", "label", "onClick"])
-            ]),
-            C(T, {
-              "column-defs": v(y),
-              "row-data": v(c),
-              "shrink-at": 9999,
-              onRowClick: v(d),
-              "hide-footer": ""
-            }, null, 8, ["column-defs", "row-data", "onRowClick"])
-          ]),
-          b("div", nn, [
-            b("div", on, [
-              b("div", sn, I(v(t)("inventory.closing.form.items.title")), 1),
-              b("div", ln, [
-                C(S, {
-                  disabled: u.disabled || a.value,
-                  label: v(t)("inventory.closing.form.items.addItem"),
-                  "prepend-icon": "add",
-                  variant: "plain",
-                  class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: e[2] || (e[2] = (D) => p()),
-                  size: "md"
-                }, null, 8, ["disabled", "label"])
-              ])
-            ]),
-            C(x, {
-              placeholder: "Filter items",
-              modelValue: f.value,
-              "onUpdate:modelValue": e[4] || (e[4] = (D) => f.value = D),
-              disabled: a.value
-            }, Ee({ _: 2 }, [
-              f.value ? {
-                name: "append",
-                fn: E(() => [
-                  C(g, {
-                    name: "close",
-                    onClick: e[3] || (e[3] = (D) => f.value = ""),
-                    class: "cursor-pointer"
-                  })
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "disabled"]),
-            b("div", {
-              ref_key: "itemsTableRef",
-              ref: _
-            }, [
-              ($(), N(T, {
-                "search-value": a.value ? "" : f.value,
-                "column-defs": h.value,
-                "row-data": v(m).items,
-                key: v(m).items.map((D) => D.sku._id).join("."),
-                "hide-footer": v(m).items.length <= 10,
-                "page-size": a.value ? v(m).items.length : Math.min(10, v(m).items.length)
-              }, {
-                "list-row": E((D) => [
-                  ($(), N(Le, {
-                    row: D,
-                    key: v(m).items.map((L) => L.sku._id).join(".")
-                  }, {
-                    default: E((L) => [
-                      b("div", an, [
-                        a.value ? ($(), N(g, {
-                          key: 0,
-                          name: "drag_indicator",
-                          class: "drag-handle cursor-move text-fm-color-typo-secondary"
-                        })) : Y("", !0),
-                        b("div", rn, [
-                          C(Jt, {
-                            row: D,
-                            "cell-by-col-id": L
-                          }, null, 8, ["row", "cell-by-col-id"])
-                        ])
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["row"]))
-                ]),
-                _: 1
-              }, 8, ["search-value", "column-defs", "row-data", "hide-footer", "page-size"]))
-            ], 512),
-            C(k, {
-              "model-value": v(m).items.length,
-              rules: [v(it)(1)]
-            }, null, 8, ["model-value", "rules"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), mn = { class: "flex items-center" }, un = { class: "fm-typo-en-title-md-600" }, dn = { class: "flex gap-4" }, pn = /* @__PURE__ */ H({
-  __name: "ClosingTemplateDialog",
-  props: {
-    mode: {},
-    modelValue: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "submitted"],
-  setup(i, { expose: l, emit: o }) {
-    var T;
-    const m = i, t = o, n = ae(), d = oe(), y = le(), { t: c } = O(), s = ft(m, "show");
-    function f() {
-      return {
-        _id: "",
-        name: "",
-        items: []
-      };
-    }
-    const a = P(m.modelValue ?? f()), _ = P(((T = m.modelValue) == null ? void 0 : T._id) ?? `${Math.random()}`);
-    Ae(
-      () => m.show,
-      (g) => {
-        var k;
-        g && (a.value = m.modelValue ?? f(), _.value = ((k = m.modelValue) == null ? void 0 : k._id) ?? `${Math.random()}`);
-      }
-    );
-    const w = P(!1), h = V(() => {
-      switch (m.mode) {
-        case z.READ:
-          return "";
-        case z.CREATE:
-          return c("inventory.closing.template.create.title");
-        case z.UPDATE:
-          return c("inventory.closing.template.update.title");
-      }
-      return "";
-    }), r = P();
-    l({
-      validateInputs: () => {
-        var g, k;
-        (k = (g = r.value) == null ? void 0 : g.validateInputs) == null || k.call(g);
-      },
-      resetInputsValidation: () => {
-        var g, k;
-        (k = (g = r.value) == null ? void 0 : g.resetInputsValidation) == null || k.call(g);
-      },
-      resetInputs: () => {
-        var g, k;
-        (k = (g = r.value) == null ? void 0 : g.resetInputs) == null || k.call(g);
-      }
-    });
-    async function p() {
-      const g = a.value;
-      if (g) {
-        w.value = !0;
-        try {
-          await n.createTemplate(g), await new Promise((k) => setTimeout(k, 1e3)), y.open({
-            title: c("inventory.closing.template.create.success"),
-            message: c("inventory.closing.template.create.successMessage"),
-            type: "success"
-          }), t("update:show", !1), t("submitted");
-        } catch (k) {
-          y.open({
-            title: c("inventory.closing.template.create.error"),
-            message: c("inventory.closing.template.create.errorMessage"),
-            type: "error"
-          }), console.error("Error in creating closing template", k);
-        } finally {
-          w.value = !1;
-        }
-      }
-    }
-    async function u() {
-      const g = a.value;
-      if (g) {
-        w.value = !0;
-        try {
-          await n.updateTemplate({
-            ...g,
-            _rev: g._rev ?? ""
-          }), await new Promise((k) => setTimeout(k, 1e3)), y.open({
-            title: c("inventory.closing.template.update.success"),
-            message: c("inventory.closing.template.update.successMessage"),
-            type: "success"
-          }), t("update:show", !1), t("submitted");
-        } catch (k) {
-          y.open({
-            title: c("inventory.closing.template.update.error"),
-            message: c("inventory.closing.template.update.errorMessage"),
-            type: "error"
-          }), console.error("Error in updating closing template", k);
-        } finally {
-          w.value = !1;
-        }
-      }
-    }
-    function e() {
-      switch (m.mode) {
-        case z.CREATE:
-          return p();
-        case z.UPDATE:
-          return u();
-      }
-    }
-    function x() {
-      var g, k;
-      (k = (g = r.value) == null ? void 0 : g.validateInputs) == null || k.call(g);
-    }
-    function S() {
-      a.value && d.exportSingleTemplate(a.value);
-    }
-    return (g, k) => {
-      const F = A("FmButton"), D = A("FmSideSheet");
-      return $(), N(D, {
-        modelValue: v(s),
-        "onUpdate:modelValue": k[2] || (k[2] = (L) => Ye(s) ? s.value = L : null),
-        "dismiss-away": "",
-        "close-button": "",
-        "max-width": 800
-      }, {
-        "side-sheet-header": E(() => [
-          b("div", mn, [
-            b("div", un, I(h.value), 1)
-          ])
-        ]),
-        default: E(() => [
-          ($(), N(cn, {
-            class: "w-full",
-            ref_key: "formRef",
-            ref: r,
-            onValidationSuccess: e,
-            "model-value": a.value,
-            "onUpdate:modelValue": k[0] || (k[0] = (L) => a.value = L),
-            disabled: w.value,
-            key: _.value
-          }, null, 8, ["model-value", "disabled"]))
-        ]),
-        "side-sheet-footer": E(() => [
-          b("div", dn, [
-            C(F, {
-              loading: w.value,
-              label: v(c)("common.save"),
-              onClick: x
-            }, null, 8, ["loading", "label"]),
-            g.mode === v(z).UPDATE ? ($(), N(F, {
-              key: 0,
-              disabled: w.value,
-              variant: "secondary",
-              label: v(c)("inventory.common.export"),
-              "prepend-icon": "download",
-              onClick: S
-            }, null, 8, ["disabled", "label"])) : Y("", !0),
-            C(F, {
-              disabled: w.value,
-              variant: "tertiary",
-              label: v(c)("common.close"),
-              onClick: k[1] || (k[1] = (L) => t("update:show", !1))
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), fn = {};
-function vn(i, l) {
-  return $(), M("div");
-}
-const gn = /* @__PURE__ */ ct(fn, [["render", vn]]), yn = { class: "flex flex-col gap-40" }, hn = { key: 0 }, bn = {
-  key: 1,
-  class: "flex gap-8 items-center"
-}, _n = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, xn = {
-  key: 2,
-  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary"
-}, wn = {
-  key: 3,
-  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
-}, kn = { class: "fm-typo-en-body-md-600" }, Tn = { class: "fm-typo-en-body-md-600" }, $n = { key: 4 }, Cn = { class: "fm-typo-en-body-md-600" }, Sn = { class: "fm-typo-en-body-md-600" }, In = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Dn = /* @__PURE__ */ H({
-  __name: "ClosingTemplatePublish",
-  emits: ["close"],
-  setup(i, { emit: l }) {
-    const o = P(!1), m = le(), t = ae(), n = re(), { t: d } = O(), y = l;
-    async function c() {
-      o.value = !0;
-      try {
-        await t.startNewPublish().delayed(1e3), m.open({
-          title: "Success",
-          message: "You may refresh after a while to review publish status",
-          type: "success"
-        }), a();
-      } catch (_) {
-        m.open({
-          title: "Something went wrong",
-          message: "Please try again",
-          type: "error"
-        }), console.error("error on creating publish task", _);
-      } finally {
-        o.value = !1;
-      }
-    }
-    const s = V(() => n.recentPublish.recentJob), f = V(
-      () => n.templates.length && (!s.value || s.value.outlets.length === s.value.completed.length)
-    );
-    function a() {
-      y("close");
-    }
-    return (_, w) => {
-      const h = A("FmCircularProgress"), r = A("i18n-t"), p = A("FmButton");
-      return $(), M("div", yn, [
-        v(n).templates.length ? o.value ? ($(), M("div", bn, [
-          b("div", null, [
-            C(h, {
-              size: "md",
-              color: "neutral-gray-300"
-            })
-          ]),
-          b("div", _n, [
-            b("span", null, I(v(d)("inventory.closing.template.publish.publishing")), 1)
-          ])
-        ])) : s.value ? s.value.outlets.length === s.value.completed.length ? ($(), M("div", wn, [
-          C(r, {
-            keypath: "inventory.closing.template.publish.recentlyPublishedAt",
-            tag: "p"
-          }, {
-            started: E(() => [
-              b("span", kn, I(v(ie)(new Date(s.value.createdAt))), 1)
-            ]),
-            finished: E(() => [
-              b("span", Tn, I(v(ie)(new Date(s.value.updatedAt))), 1)
-            ]),
-            _: 1
-          }),
-          b("p", null, I(v(d)("inventory.closing.template.publish.message")), 1)
-        ])) : ($(), M("div", $n, [
-          C(r, {
-            keypath: "inventory.closing.template.publish.stillPublishing",
-            tag: "p"
-          }, {
-            started: E(() => [
-              b("span", Cn, I(v(ie)(new Date(s.value.createdAt))), 1)
-            ]),
-            progress: E(() => [
-              b("span", Sn, " (" + I(s.value.completed.length) + "/" + I(s.value.outlets.length) + " completed) ", 1)
-            ]),
-            _: 1
-          }),
-          Fe(" Your recent publishing task is still pending (" + I(s.value.completed.length) + " / " + I(s.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)
-        ])) : ($(), M("div", xn, [
-          b("p", null, I(v(d)("inventory.closing.template.publish.noRecentActivity")), 1),
-          b("p", null, I(v(d)("inventory.closing.template.publish.message")), 1)
-        ])) : ($(), M("div", hn, [
-          b("p", null, I(v(d)("inventory.closing.template.publish.nothingToPublish")), 1)
-        ])),
-        b("div", In, [
-          C(p, {
-            disabled: !f.value,
-            loading: o.value,
-            label: "Publish to all outlets",
-            onClick: c
-          }, null, 8, ["disabled", "loading"]),
-          C(p, {
-            variant: "tertiary",
-            label: "Close",
-            onClick: a
-          })
-        ])
-      ]);
-    };
-  }
-}), Mn = { class: "flex-1 flex flex-col gap-8" }, Pn = { class: "flex flex-col" }, Rn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, An = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, En = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, On = /* @__PURE__ */ H({
-  __name: "ClosingTemplateView",
-  setup(i) {
-    const { t: l } = O(), { createTemplate: o, updateTemplate: m, exportTemplates: t, importTemplates: n } = oe(), { templateDialogProps: d, templateDetailsProps: y } = ze(oe()), c = ce(), s = se(), f = re(), a = mt(), { breakpoints: _ } = vt();
-    c.watchLocation(f.fetchTemplates);
-    const w = V(() => f.loading), h = P(""), r = V(() => _.value.xs || _.value.sm), p = V(() => r.value ? 10 : 20);
-    function u(T) {
-      switch (T) {
-        case U.Add:
-          return o();
-        case "publish":
-          return e();
-        case "import":
-          return n();
-        case "export":
-          return t();
-        case "refresh":
-          return f.fetchTemplates();
-      }
-    }
-    function e() {
-      s.open({
-        title: "Publish closing templates",
-        contentComponent: Dn,
-        contentComponentProps: {
-          onClose() {
-            s.close();
-          }
-        }
-      });
-    }
-    function x(T) {
-      return T;
-    }
-    const S = V(() => r.value ? [
-      {
-        label: l("inventory.closing.template.create.title"),
-        value: U.Add,
-        isPrimary: !0,
-        prependIcon: "add"
-      },
-      {
-        label: l("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      },
-      {
-        label: l("inventory.common.publish"),
-        value: "publish",
-        isPrimary: !1
-      },
-      {
-        label: l("inventory.common.import"),
-        value: "import",
-        isPrimary: !1
-      },
-      {
-        label: l("inventory.common.export"),
-        value: "export",
-        isPrimary: !1
-      }
-    ] : [
-      {
-        label: l("inventory.closing.template.create.title"),
-        value: U.Add,
-        isPrimary: !0,
-        prependIcon: "add"
-      },
-      {
-        label: l("inventory.common.publish"),
-        value: "publish",
-        isPrimary: !1
-      },
-      {
-        label: l("inventory.common.import"),
-        value: "import",
-        isPrimary: !1
-      },
-      {
-        label: l("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      },
-      {
-        label: l("inventory.common.export"),
-        value: "export",
-        isPrimary: !1
-      }
-    ]);
-    return (T, g) => {
-      const k = A("FmTable");
-      return $(), M(j, null, [
-        C(ut, {
-          title: v(l)("inventory.closing.template.title"),
-          actions: S.value,
-          "onClick:action": u
-        }, {
-          default: E(() => [
-            b("div", {
-              class: G([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": r.value,
-                  "px-24 ": !r.value
-                }
-              ])
-            }, [
-              C(dt, {
-                searchable: "",
-                search: h.value,
-                "onUpdate:search": g[0] || (g[0] = (F) => h.value = F)
-              }, null, 8, ["search"]),
-              C(k, {
-                style: Ke(v(a).tableHeight),
-                "column-defs": v(f).columnDefs,
-                "row-data": v(f).templates,
-                "search-value": h.value,
-                loading: w.value,
-                onRowClick: g[1] || (g[1] = (F) => v(m)(F.original)),
-                "page-size": p.value
-              }, {
-                "list-row": E((F) => [
-                  C(Le, {
-                    row: F,
-                    onRowClick: (D) => v(m)(D)
-                  }, {
-                    default: E((D) => {
-                      var L, ve, ge, J, ye, he, be, _e, X, xe, we, ke, Te, $e, Ce, Q, Se, Ie, De, Me, Z, Pe;
-                      return [
-                        b("div", Mn, [
-                          b("div", Pn, [
-                            b("div", Rn, [
-                              C(v(K), {
-                                render: (ge = (ve = (L = D._id) == null ? void 0 : L.column) == null ? void 0 : ve.columnDef) == null ? void 0 : ge.cell,
-                                props: (ye = (J = D._id) == null ? void 0 : J.getContext) == null ? void 0 : ye.call(J)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            b("div", Fn, [
-                              C(v(K), {
-                                render: (_e = (be = (he = D.name) == null ? void 0 : he.column) == null ? void 0 : be.columnDef) == null ? void 0 : _e.cell,
-                                props: (xe = (X = D.name) == null ? void 0 : X.getContext) == null ? void 0 : xe.call(X)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            b("div", null, I((we = F.original.locations) != null && we.length ? v(l)("inventory.closing.table.enabledForN", {
-                              count: ((ke = F.original.locations) == null ? void 0 : ke.length) ?? 0
-                            }) : v(l)("inventory.closing.table.enabledForAll")), 1),
-                            b("div", An, I([
-                              ...F.original.items.slice(0, 3).map((je) => je.sku.name),
-                              ...F.original.items.length >= 3 ? [`and ${F.original.items.length - 3} more items`] : []
-                            ].join(", ")), 1),
-                            b("div", En, [
-                              C(v(K), {
-                                render: (Ce = ($e = (Te = D.ref) == null ? void 0 : Te.column) == null ? void 0 : $e.columnDef) == null ? void 0 : Ce.cell,
-                                props: (Se = (Q = D.ref) == null ? void 0 : Q.getContext) == null ? void 0 : Se.call(Q)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ]),
-                          b("div", null, [
-                            C(v(K), {
-                              render: (Me = (De = (Ie = D.status) == null ? void 0 : Ie.column) == null ? void 0 : De.columnDef) == null ? void 0 : Me.cell,
-                              props: (Pe = (Z = D.status) == null ? void 0 : Z.getContext) == null ? void 0 : Pe.call(Z)
-                            }, 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"]),
-        ($(), N(Ge, { to: "body" }, [
-          C(gn, We(qe(v(y))), null, 16),
-          C(pn, Je(v(d), {
-            onSubmitted: g[2] || (g[2] = (F) => v(f).fetchTemplates())
-          }), null, 16)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  On as default
-};