@feedmepos/mf-inventory-portal 0.0.25-dev.2 → 0.0.25-dev.21

package/dist/ClosingTemplateView-CkS9e0MV.js

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