@feedmepos/mf-inventory-portal 1.0.37-dev.3 → 1.0.38

package/dist/ClosingTemplateView-BGyaxOv_.js

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