@feedmepos/mf-inventory-portal 1.2.15 → 1.2.17-dev.1

package/dist/ClosingTemplateView-BEknM3gR.js

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