@feedmepos/mf-inventory-portal 0.0.22-dev.41 → 0.0.22-dev.43

package/dist/ClosingTemplateView-BPrDQ_8-.js

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