@feedmepos/mf-inventory-portal 0.0.22-dev.45 → 0.0.22-dev.47

package/dist/ClosingTemplateView-yEkqNfX2.js

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