@feedmepos/mf-inventory-portal 1.2.7-dev.8 → 1.2.7

package/dist/ClosingTemplateView-eRvwxXBq.js

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