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

package/dist/ClosingTemplateView-BiapYYlQ.js

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