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

package/dist/ClosingTemplateView-Co9-71Qd.js

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