@feedmepos/mf-inventory-portal 0.0.22-dev.3 → 0.0.22-dev.30

package/dist/ClosingTemplateView-BVefCGpC.js

@@ -0,0 +1,1072 @@
+import { ref as F, h as x, computed as P, defineComponent as Y, openBlock as k, createElementBlock as S, createElementVNode as f, toDisplayString as I, createVNode as _, unref as c, Fragment as _e, renderList as Ce, resolveComponent as V, createBlock as B, withCtx as R, watch as Me, isRef as Pe, createTextVNode as ve, normalizeClass as Fe, normalizeStyle as Se, Teleport as Ae, normalizeProps as Ve, guardReactiveProps as Ie, mergeProps as Re } from "vue";
+import { u as Ue, _ as Ee, a as ze } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CXHh_Bti.js";
+import { useCoreStore as Ne, useI18n as J } from "@feedmepos/mf-common";
+import { useDialog as Q, useSnackbar as W, FmButtonVariant as be, components as U, useProxiedModel as Be, useBreakpoints as Le } from "@feedmepos/ui-library";
+import { defineStore as we, storeToRefs as Ye } from "pinia";
+import { F as E, D as ye, R as z } from "./row-action.enum-PMKMRrZR.js";
+import { o as je, c as xe, j as ke, u as Ke, R as Ge, A as He, z as Je, i as qe, T as he } from "./app-A8ykBdGf.js";
+import { c as Oe, F as N, _ as Te } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { f as Qe } from "./format-time-from-id-o1plVFRH.js";
+import "vue-router";
+import { d as We } from "./defineDeepModel-Ckfkwau_.js";
+import { u as Xe } from "./use-template-enabled-locations-2-u_kejm-N.js";
+const q = je((m, g) => {
+  function v() {
+    var s;
+    return `business_${((s = Ne().currentBusiness.value) == null ? void 0 : s._id) ?? ""}`;
+  }
+  return {
+    async getRecentPublishingJob() {
+      const t = v(), o = `${m.inventoryBackendUrl}/${t}/closing-template/publish/recent`;
+      return g.get(o);
+    },
+    async startNewPublish() {
+      const t = v(), o = `${m.inventoryBackendUrl}/${t}/closing-template/publish`;
+      return g.post(o);
+    },
+    async getTemplate(t) {
+      const o = v(), s = `${m.inventoryBackendUrl}/${o}/closing-template/${t}`;
+      return g.get(s);
+    },
+    async readTemplates() {
+      const t = v(), o = `${m.inventoryBackendUrl}/${t}/closing-template`;
+      return g.get(o);
+    },
+    async createTemplate(t) {
+      const o = v(), s = `${m.inventoryBackendUrl}/${o}/closing-template`;
+      return g.post(s, t);
+    },
+    async updateTemplate(t) {
+      const o = v(), s = `${m.inventoryBackendUrl}/${o}/closing-template`;
+      return g.put(s, t);
+    },
+    async deleteTemplate(t) {
+      const o = v(), s = `${m.inventoryBackendUrl}/${o}/closing-template`;
+      return g.delete(s, { _id: t._id, _rev: t._rev });
+    }
+  };
+}), O = we("closingTemplateActions", () => {
+  const m = Q(), g = W(), v = q(), t = F({});
+  function o() {
+    t.value = {
+      mode: E.CREATE,
+      show: !0,
+      "onUpdate:show"(d) {
+        t.value.show = d;
+      }
+    };
+  }
+  function s(d) {
+    t.value = {
+      mode: E.UPDATE,
+      modelValue: d,
+      show: !0,
+      "onUpdate:show"(u) {
+        t.value.show = u;
+      }
+    };
+  }
+  function b(d, u, y) {
+    m.open({
+      title: `Confirm deleting template ${d.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: be.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: be.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      g.open({
+        title: `Deleting ${d.name}`,
+        type: "info"
+      });
+      try {
+        u.value = !0;
+        const [p] = await Promise.allSettled([
+          v.deleteTemplate(d),
+          new Promise((w) => setTimeout(w, 1e3))
+        ]);
+        if (p.status === "rejected") throw p.reason;
+        g.open({
+          title: `Deleted ${d.name}`,
+          type: "success"
+        });
+      } catch (p) {
+        g.open({
+          title: `Unable to delete ${d.name}`,
+          message: `See error from server: ${p}`,
+          type: "error"
+        }), console.error("error on deleting closing template", p);
+      } finally {
+        u.value = !1, y();
+      }
+    });
+  }
+  const n = F({});
+  function r(d) {
+    n.value = {
+      template: d,
+      show: !0,
+      "onUpdate:show"(u) {
+        n.value.show = u;
+      },
+      "onAction:edit"() {
+        n.value.show = !1, s(xe(d));
+      }
+    };
+  }
+  return {
+    createTemplate: o,
+    viewTemplate: r,
+    updateTemplate: s,
+    deleteTemplate: b,
+    templateDialogProps: t,
+    templateDetailsProps: n
+  };
+}), De = we(
+  "closingTable",
+  function() {
+    const { t: g } = J(), { viewTemplate: v, updateTemplate: t, deleteTemplate: o } = O(), s = F({}), b = F(new Array()), n = F(!1), r = ke(), d = q();
+    async function u() {
+      if (b.value = [], !!r._currentLocation) {
+        n.value = !0;
+        try {
+          const [e, l] = await Promise.all([
+            d.readTemplates(),
+            d.getRecentPublishingJob()
+          ]).delayed(1e3);
+          b.value = e, s.value = l;
+        } catch (e) {
+          console.log("Something went wrong when fetching templates:", e);
+        } finally {
+          n.value = !1;
+        }
+      }
+    }
+    async function y(e) {
+      if (!b.value.find((l) => l._id) && r._currentLocation) {
+        n.value = !0;
+        try {
+          const [l] = await Promise.all([
+            d.getTemplate(e),
+            new Promise((h) => setTimeout(h, 1e3))
+          ]);
+          b.value = [l];
+        } catch (l) {
+          console.log("Something went wrong when fetching templates:", l);
+        } finally {
+          n.value = !1;
+        }
+      }
+    }
+    function p(e, l) {
+      switch (l = xe(l), e) {
+        case z.Details:
+          return v(l);
+        case z.Edit:
+          return t(l);
+        case z.Delete:
+          return o(l, n, u);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => g("inventory.closing.table.createdAt"),
+          cell(e) {
+            return Qe(`${e.getValue()}`);
+          },
+          enableSorting: !0
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => g("inventory.closing.table.name"),
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "noOfItems",
+          accessorKey: "items.length",
+          header: () => g("inventory.closing.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "enabledLocations",
+          accessorKey: "locations.length",
+          header: () => "Enabled outlets",
+          cell(e) {
+            var h;
+            const l = (h = e.row.original.locations) == null ? void 0 : h.length;
+            return l ? `${l}` : "All";
+          },
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "ref",
+          accessorKey: "ref",
+          header: () => g("inventory.closing.table.reference"),
+          enableSorting: !1,
+          size: "auto"
+        },
+        {
+          id: "status",
+          header: () => "Status",
+          enableSorting: !1,
+          cell(e) {
+            var C;
+            const l = e.row.original, h = l._rev, D = (C = s.value.publishedRevs) == null ? void 0 : C[l._id], $ = h === D;
+            return x(
+              "div",
+              {
+                class: "flex"
+              },
+              x(
+                "div",
+                {
+                  class: [
+                    "fm-status-badge",
+                    $ ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                  ]
+                },
+                $ ? "Published" : "Unpublished"
+              )
+            );
+          }
+        },
+        {
+          id: "action",
+          cell(e) {
+            const l = e.row.original, h = [
+              ye[z.Edit],
+              ye[z.Delete]
+            ];
+            return Oe(h, (D) => p(D, l));
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      recentPublish: s,
+      templates: b,
+      loading: n,
+      fetchTemplates: u,
+      loadTemplate: y
+    };
+  }
+);
+var L = /* @__PURE__ */ ((m) => (m.Name = "Name", m.Unit = "Unit", m.Delete = "Delete", m))(L || {});
+function Ze(m) {
+  return {
+    columnDefs: P(() => {
+      const v = m.items.map((o) => o.sku.unit.measurements.length).reduce((o, s) => Math.max(o, s), 0);
+      return [
+        {
+          id: "Name",
+          header: () => "Name",
+          enableSorting: !1,
+          size: 400,
+          cell(o) {
+            const s = o.row.original;
+            return x(
+              "div",
+              {
+                class: "flex flex-col"
+              },
+              [
+                x(
+                  "span",
+                  { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary line-clamp-1" },
+                  s.sku.name
+                ),
+                x(
+                  "span",
+                  { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-1" },
+                  s.sku.code
+                )
+              ]
+            );
+          }
+        },
+        {
+          id: "Unit",
+          header: () => "Enable unit",
+          enableSorting: !1,
+          size: "auto",
+          cell(o) {
+            var b, n, r;
+            const s = o.row.original;
+            return x(
+              U.FmFormGroup,
+              {
+                value: s.sku.unit._id,
+                modelValue: !((b = s.disabledMeasurements) != null && b.includes(s.sku.unit._id))
+              },
+              x(
+                "div",
+                {
+                  class: "flex items-center gap-4"
+                },
+                [
+                  x(U.FmCheckbox, {
+                    value: s.sku.unit._id,
+                    modelValue: !((n = s.disabledMeasurements) != null && n.includes(s.sku.unit._id)),
+                    disabled: m.disabled || !((r = s.disabledMeasurements) != null && r.includes(s.sku.unit._id)) && s.sku.unit.measurements.every(
+                      (d) => {
+                        var u;
+                        return (u = s.disabledMeasurements) == null ? void 0 : u.includes(d.id);
+                      }
+                    ),
+                    "onUpdate:modelValue"(d) {
+                      var u;
+                      if (d)
+                        m.updateItem({
+                          ...s,
+                          disabledMeasurements: (u = s.disabledMeasurements) == null ? void 0 : u.filter(
+                            (y) => y !== s.sku.unit._id
+                          )
+                        });
+                      else {
+                        const y = s.disabledMeasurements ?? [];
+                        m.updateItem({
+                          ...s,
+                          disabledMeasurements: [...y, s.sku.unit._id]
+                        });
+                      }
+                    }
+                  }),
+                  x(
+                    U.FmTooltip,
+                    { zIndex: 51 },
+                    {
+                      content() {
+                        return s.sku.unit.abbrev;
+                      },
+                      default() {
+                        return x(
+                          "div",
+                          { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                          s.sku.unit.abbrev
+                        );
+                      }
+                    }
+                  )
+                ]
+              )
+            );
+          }
+        },
+        ...Array.from({ length: Math.max(v, 0) }).map(
+          (o, s) => ({
+            id: `measurement${s}`,
+            header: () => "",
+            enableSorting: !1,
+            size: "auto",
+            cell(b) {
+              var d, u, y, p;
+              const n = b.row.original, r = n.sku.unit.measurements[s];
+              return r ? x(
+                U.FmFormGroup,
+                {
+                  modelValue: !((d = n.disabledMeasurements) != null && d.includes(r.id)),
+                  value: r.id
+                },
+                x(
+                  "div",
+                  {
+                    class: "flex items-center gap-4"
+                  },
+                  [
+                    x(U.FmCheckbox, {
+                      value: r.id,
+                      modelValue: !((u = n.disabledMeasurements) != null && u.includes(r.id)),
+                      disabled: m.disabled || !((y = n.disabledMeasurements) != null && y.includes(r.id)) && ((p = n.disabledMeasurements) == null ? void 0 : p.includes(n.sku.unit._id)) && n.sku.unit.measurements.filter((w) => w.id != r.id).every((w) => {
+                        var e;
+                        return (e = n.disabledMeasurements) == null ? void 0 : e.includes(w.id);
+                      }),
+                      "onUpdate:modelValue"(w) {
+                        var e;
+                        if (w)
+                          m.updateItem({
+                            ...n,
+                            disabledMeasurements: (e = n.disabledMeasurements) == null ? void 0 : e.filter(
+                              (l) => l !== r.id
+                            )
+                          });
+                        else {
+                          const l = n.disabledMeasurements ?? [];
+                          m.updateItem({
+                            ...n,
+                            disabledMeasurements: [...l, r.id]
+                          });
+                        }
+                      }
+                    }),
+                    x(
+                      U.FmTooltip,
+                      { zIndex: 51 },
+                      {
+                        content() {
+                          return r.abbrev;
+                        },
+                        default() {
+                          return x(
+                            "div",
+                            { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                            r.abbrev
+                          );
+                        }
+                      }
+                    )
+                  ]
+                )
+              ) : null;
+            }
+          })
+        ),
+        {
+          id: "Delete",
+          header: "",
+          cell(o) {
+            const s = o.row.original;
+            return x(
+              "div",
+              { class: "w-full flex justify-end" },
+              x(U.FmButton, {
+                class: "delete-button",
+                key: s.sku._id,
+                type: "button",
+                icon: "delete",
+                variant: "tertiary",
+                size: "md",
+                disabled: m.disabled,
+                onClick: () => {
+                  m.deleteItem(s);
+                }
+              })
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+    })
+  };
+}
+const et = { class: "flex flex-col gap-16 py-12" }, tt = { class: "flex" }, st = { class: "flex-1 flex flex-col" }, lt = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, ot = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, nt = { class: "flex flex-col gap-4" }, at = /* @__PURE__ */ Y({
+  __name: "ClosingTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup(m) {
+    const g = m, v = P(() => g.row), t = P(
+      () => v.value.getVisibleCells().filter((o) => o.column.id !== L.Name && o.column.id !== L.Delete)
+    );
+    return (o, s) => {
+      var b, n, r, d, u;
+      return k(), S("div", et, [
+        f("div", tt, [
+          f("div", st, [
+            f("div", lt, I(v.value.original.sku.name), 1),
+            f("div", ot, I(v.value.original.sku.code), 1)
+          ]),
+          f("div", null, [
+            _(c(N), {
+              render: (r = (n = (b = o.cellByColId[c(L).Delete]) == null ? void 0 : b.column) == null ? void 0 : n.columnDef) == null ? void 0 : r.cell,
+              props: (u = (d = o.cellByColId[c(L).Delete]) == null ? void 0 : d.getContext) == null ? void 0 : u.call(d)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        f("div", nt, [
+          s[0] || (s[0] = f("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, "Enabled units", -1)),
+          (k(!0), S(_e, null, Ce(t.value, (y) => {
+            var p, w, e;
+            return k(), S("div", {
+              key: y.id
+            }, [
+              _(c(N), {
+                render: (w = (p = y.column) == null ? void 0 : p.columnDef) == null ? void 0 : w.cell,
+                props: (e = y.getContext) == null ? void 0 : e.call(y)
+              }, null, 8, ["render", "props"])
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+}), it = { class: "flex flex-col gap-16" }, rt = { class: "flex flex-col gap-24" }, ct = { class: "flex flex-col gap-16" }, ut = { class: "flex items-center" }, dt = { class: "flex flex-col gap-16" }, mt = { class: "flex items-center" }, pt = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, ft = /* @__PURE__ */ Y({
+  __name: "ClosingTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(m, { expose: g }) {
+    const v = m, t = We(), { t: o } = J(), s = Ke(), b = Q(), {
+      promptSelectLocations: n,
+      columnDefs: r,
+      rowData: d
+    } = Xe({
+      getLocations() {
+        return t.locations;
+      },
+      setLocations(e) {
+        t.locations = e;
+      }
+    }), u = F();
+    g({
+      validateInputs: () => {
+        var e, l;
+        (l = (e = u.value) == null ? void 0 : e.validateInputs) == null || l.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, l;
+        (l = (e = u.value) == null ? void 0 : e.resetInputsValidation) == null || l.call(e);
+      },
+      resetInputs: () => {
+        var e, l;
+        (l = (e = u.value) == null ? void 0 : e.resetInputs) == null || l.call(e);
+      }
+    });
+    const y = Ze({
+      updateItem: (e) => {
+        t.items = t.items.map((l) => l.sku._id !== e.sku._id ? l : e);
+      },
+      deleteItem: (e) => {
+        t.items = t.items.filter((l) => l.sku._id !== e.sku._id);
+      },
+      get items() {
+        return t.items;
+      },
+      get disabled() {
+        return v.disabled;
+      }
+    }), p = P(() => y.columnDefs.value);
+    function w() {
+      const e = s.skus.map((h) => ({
+        label: h.name,
+        sublabel: h.code,
+        value: h
+      })), l = e.filter((h) => {
+        var D;
+        return (D = t.items) == null ? void 0 : D.find(($) => $.sku._id === h.value._id);
+      }).map((h) => h.value);
+      b.open({
+        title: o("inventory.closing.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: Je,
+        contentComponentProps: {
+          modelValue: l,
+          items: e,
+          virtualScroll: !0
+        },
+        primaryActions: {
+          text: o("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: o("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((h) => {
+        const D = t.items ?? [], $ = h.map((C) => {
+          const a = D.find((A) => A.sku._id === C._id);
+          return a || {
+            sku: C
+          };
+        });
+        $.sort((C, a) => C.sku.code.localeCompare(a.sku.code)), t.items = $;
+      });
+    }
+    return (e, l) => {
+      const h = V("FmTextField"), D = V("FmButton"), $ = V("FmTable"), C = V("FmFormGroup"), a = V("FmForm");
+      return k(), B(a, {
+        ref_key: "formRef",
+        ref: u,
+        class: "flex flex-col gap-32",
+        disabled: e.disabled
+      }, {
+        default: R(() => [
+          f("div", it, [
+            f("div", rt, [
+              _(h, {
+                label: c(o)("inventory.closing.form.name"),
+                "label-mark": "required",
+                modelValue: c(t).name,
+                "onUpdate:modelValue": l[0] || (l[0] = (i) => c(t).name = i),
+                rules: [c(Ge)()]
+              }, null, 8, ["label", "modelValue", "rules"]),
+              _(h, {
+                label: c(o)("inventory.closing.form.reference"),
+                "label-mark": "optional",
+                modelValue: c(t).ref,
+                "onUpdate:modelValue": l[1] || (l[1] = (i) => c(t).ref = i)
+              }, null, 8, ["label", "modelValue"])
+            ])
+          ]),
+          f("div", ct, [
+            f("div", ut, [
+              l[3] || (l[3] = f("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
+              _(D, {
+                disabled: e.disabled,
+                label: "Select location",
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: c(n)
+              }, null, 8, ["disabled", "onClick"])
+            ]),
+            _($, {
+              "column-defs": c(r),
+              "row-data": c(d),
+              "shrink-at": 9999,
+              onRowClick: c(n),
+              "hide-footer": ""
+            }, null, 8, ["column-defs", "row-data", "onRowClick"])
+          ]),
+          f("div", dt, [
+            f("div", mt, [
+              f("div", pt, I(c(o)("inventory.closing.form.items.title")), 1),
+              _(D, {
+                disabled: e.disabled,
+                label: c(o)("inventory.closing.form.items.addItem"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: l[2] || (l[2] = (i) => w()),
+                size: "md"
+              }, null, 8, ["disabled", "label"])
+            ]),
+            (k(), B($, {
+              "column-defs": p.value,
+              "row-data": c(t).items,
+              key: c(t).items.map((i) => i.sku._id).join("."),
+              "hide-footer": "",
+              "page-size": c(t).items.length
+            }, {
+              "list-row": R((i) => [
+                (k(), B(Te, {
+                  row: i,
+                  key: c(t).items.map((A) => A.sku._id).join(".")
+                }, {
+                  default: R((A) => [
+                    _(at, {
+                      row: i,
+                      "cell-by-col-id": A
+                    }, null, 8, ["row", "cell-by-col-id"])
+                  ]),
+                  _: 2
+                }, 1032, ["row"]))
+              ]),
+              _: 1
+            }, 8, ["column-defs", "row-data", "page-size"])),
+            _(C, {
+              "model-value": c(t).items.length,
+              rules: [c(He)(1)]
+            }, null, 8, ["model-value", "rules"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), gt = { class: "flex items-center" }, vt = { class: "fm-typo-en-title-md-800" }, bt = { class: "flex gap-4" }, yt = /* @__PURE__ */ Y({
+  __name: "ClosingTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(m, { expose: g, emit: v }) {
+    var C;
+    const t = m, o = v, s = q(), b = W(), { t: n } = J(), r = Be(t, "show");
+    function d() {
+      return {
+        _id: "",
+        name: "",
+        items: []
+      };
+    }
+    const u = F(t.modelValue ?? d()), y = F(((C = t.modelValue) == null ? void 0 : C._id) ?? `${Math.random()}`);
+    Me(
+      () => t.show,
+      (a) => {
+        var i;
+        a && (u.value = t.modelValue ?? d(), y.value = ((i = t.modelValue) == null ? void 0 : i._id) ?? `${Math.random()}`);
+      }
+    );
+    const p = F(!1), w = P(() => {
+      switch (t.mode) {
+        case E.READ:
+          return "";
+        case E.CREATE:
+          return n("inventory.closing.template.create.title");
+        case E.UPDATE:
+          return n("inventory.closing.template.update.title");
+      }
+      return "";
+    }), e = F();
+    g({
+      validateInputs: () => {
+        var a, i;
+        (i = (a = e.value) == null ? void 0 : a.validateInputs) == null || i.call(a);
+      },
+      resetInputsValidation: () => {
+        var a, i;
+        (i = (a = e.value) == null ? void 0 : a.resetInputsValidation) == null || i.call(a);
+      },
+      resetInputs: () => {
+        var a, i;
+        (i = (a = e.value) == null ? void 0 : a.resetInputs) == null || i.call(a);
+      }
+    });
+    async function l() {
+      const a = u.value;
+      if (a) {
+        p.value = !0;
+        try {
+          await s.createTemplate(a), await new Promise((i) => setTimeout(i, 1e3)), b.open({
+            title: n("inventory.closing.template.create.success"),
+            message: n("inventory.closing.template.create.successMessage"),
+            type: "success"
+          }), o("update:show", !1), o("submitted");
+        } catch (i) {
+          b.open({
+            title: n("inventory.closing.template.create.error"),
+            message: n("inventory.closing.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating closing template", i);
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    async function h() {
+      const a = u.value;
+      if (a) {
+        p.value = !0;
+        try {
+          await s.updateTemplate(a), await new Promise((i) => setTimeout(i, 1e3)), b.open({
+            title: n("inventory.closing.template.update.success"),
+            message: n("inventory.closing.template.update.successMessage"),
+            type: "success"
+          }), o("update:show", !1), o("submitted");
+        } catch (i) {
+          b.open({
+            title: n("inventory.closing.template.update.error"),
+            message: n("inventory.closing.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating closing template", i);
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    function D() {
+      switch (t.mode) {
+        case E.CREATE:
+          return l();
+        case E.UPDATE:
+          return h();
+      }
+    }
+    function $() {
+      var a, i;
+      (i = (a = e.value) == null ? void 0 : a.validateInputs) == null || i.call(a);
+    }
+    return (a, i) => {
+      const A = V("FmButton"), M = V("FmSideSheet");
+      return k(), B(M, {
+        modelValue: c(r),
+        "onUpdate:modelValue": i[2] || (i[2] = (T) => Pe(r) ? r.value = T : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 800
+      }, {
+        "side-sheet-header": R(() => [
+          f("div", gt, [
+            f("div", vt, I(w.value), 1)
+          ])
+        ]),
+        default: R(() => [
+          (k(), B(ft, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: e,
+            onValidationSuccess: D,
+            "model-value": u.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (T) => u.value = T),
+            disabled: p.value,
+            key: y.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": R(() => [
+          f("div", bt, [
+            _(A, {
+              loading: p.value,
+              label: c(n)("common.save"),
+              onClick: $
+            }, null, 8, ["loading", "label"]),
+            _(A, {
+              disabled: p.value,
+              variant: "tertiary",
+              label: c(n)("common.close"),
+              onClick: i[1] || (i[1] = (T) => o("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ht = {};
+function _t(m, g) {
+  return k(), S("div");
+}
+const wt = /* @__PURE__ */ qe(ht, [["render", _t]]), xt = { class: "flex flex-col gap-40" }, kt = { key: 0 }, Tt = {
+  key: 1,
+  class: "flex gap-8 items-center"
+}, Dt = {
+  key: 2,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary"
+}, $t = {
+  key: 3,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
+}, Ct = { key: 4 }, Mt = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Pt = /* @__PURE__ */ Y({
+  __name: "ClosingTemplatePublish",
+  emits: ["close"],
+  setup(m, { emit: g }) {
+    const v = F(!1), t = W(), o = q(), s = De(), b = g;
+    async function n() {
+      v.value = !0;
+      try {
+        await o.startNewPublish().delayed(1e3), t.open({
+          title: "Success",
+          message: "You may refresh after a while to review publish status",
+          type: "success"
+        }), u();
+      } catch (y) {
+        t.open({
+          title: "Something went wrong",
+          message: "Please try again",
+          type: "error"
+        }), console.error("error on creating publish task", y);
+      } finally {
+        v.value = !1;
+      }
+    }
+    const r = P(() => s.recentPublish.recentJob), d = P(
+      () => s.templates.length && (!r.value || r.value.outlets.length === r.value.completed.length)
+    );
+    function u() {
+      b("close");
+    }
+    return (y, p) => {
+      const w = V("FmCircularProgress"), e = V("FmButton");
+      return k(), S("div", xt, [
+        c(s).templates.length ? v.value ? (k(), S("div", Tt, [
+          f("div", null, [
+            _(w, {
+              size: "md",
+              color: "neutral-gray-300"
+            })
+          ]),
+          p[0] || (p[0] = f("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, [
+            f("span", null, "Sending a task to publish templates to all outlets...")
+          ], -1))
+        ])) : r.value ? r.value.outlets.length === r.value.completed.length ? (k(), S("div", $t, [
+          f("p", null, [
+            ve(" Your recent publishing task at " + I(c(he)(new Date(r.value.createdAt))) + " has ", 1),
+            p[1] || (p[1] = f("span", { class: "fm-typo-en-body-lg-600" }, "completed", -1)),
+            ve(" at " + I(c(he)(new Date(r.value.updatedAt))) + ". ", 1)
+          ]),
+          p[2] || (p[2] = f("p", null, "Do you want to publish to all outlets?", -1))
+        ])) : (k(), S("div", Ct, " Your recent publishing task is still pending (" + I(r.value.completed.length) + " / " + I(r.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)) : (k(), S("div", Dt, " You have no recent publish activity. Do you want to publish to all outlets? ")) : (k(), S("div", kt, "You have no template to publish.")),
+        f("div", Mt, [
+          _(e, {
+            disabled: !d.value,
+            loading: v.value,
+            label: "Publish to all outlets",
+            onClick: n
+          }, null, 8, ["disabled", "loading"]),
+          _(e, {
+            variant: "tertiary",
+            label: "Close",
+            onClick: u
+          })
+        ])
+      ]);
+    };
+  }
+}), Ft = { class: "flex-1 flex flex-col gap-8" }, St = { class: "flex flex-col" }, At = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, It = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Rt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, qt = /* @__PURE__ */ Y({
+  __name: "ClosingTemplateView",
+  setup(m) {
+    const { t: g } = J(), { createTemplate: v, updateTemplate: t } = O(), { templateDialogProps: o, templateDetailsProps: s } = Ye(O()), b = ke(), n = Q(), r = De(), d = Ue(), { breakpoints: u } = Le();
+    b.watchLocation(r.fetchTemplates);
+    const y = P(() => r.loading), p = F(""), w = P(() => u.value.xs || u.value.sm), e = P(() => w.value ? 10 : 20);
+    function l(a) {
+      switch (a) {
+        case z.Add:
+          return v();
+        case "publish":
+          return h();
+      }
+    }
+    function h() {
+      n.open({
+        title: "Publish closing templates",
+        contentComponent: Pt,
+        contentComponentProps: {
+          onClose() {
+            n.close();
+          }
+        }
+      });
+    }
+    function D(a) {
+      return a;
+    }
+    const $ = P(() => {
+      const a = [
+        {
+          label: g("inventory.closing.template.create.title"),
+          value: z.Add,
+          isPrimary: !0,
+          prependIcon: "add"
+        }
+      ];
+      return w.value ? a : [
+        ...a,
+        {
+          label: "Publish",
+          value: "publish",
+          isPrimary: !1
+        }
+      ];
+    }), C = P(() => {
+      const a = [{ icon: "refresh", onClick: r.fetchTemplates }];
+      return w.value ? [{ icon: "publish", onClick: h }, ...a] : a;
+    });
+    return (a, i) => {
+      const A = V("FmTable");
+      return k(), S(_e, null, [
+        _(Ee, {
+          title: c(g)("inventory.closing.template.title"),
+          actions: $.value,
+          "onClick:action": l
+        }, {
+          default: R(() => [
+            f("div", {
+              class: Fe([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": w.value,
+                  "px-24 ": !w.value
+                }
+              ])
+            }, [
+              _(ze, {
+                searchable: "",
+                search: p.value,
+                "onUpdate:search": i[0] || (i[0] = (M) => p.value = M),
+                actions: C.value
+              }, null, 8, ["search", "actions"]),
+              _(A, {
+                style: Se(c(d).tableHeight),
+                "column-defs": c(r).columnDefs,
+                "row-data": c(r).templates,
+                "search-value": p.value,
+                loading: y.value,
+                onRowClick: i[1] || (i[1] = (M) => c(t)(M.original)),
+                "page-size": e.value
+              }, {
+                "list-row": R((M) => [
+                  _(Te, {
+                    row: M,
+                    onRowClick: (T) => c(t)(T)
+                  }, {
+                    default: R((T) => {
+                      var X, Z, ee, j, te, se, le, oe, K, ne, ae, ie, re, ce, ue, G, de, me, pe, fe, H, ge;
+                      return [
+                        f("div", Ft, [
+                          f("div", St, [
+                            f("div", At, [
+                              _(c(N), {
+                                render: (ee = (Z = (X = T._id) == null ? void 0 : X.column) == null ? void 0 : Z.columnDef) == null ? void 0 : ee.cell,
+                                props: (te = (j = T._id) == null ? void 0 : j.getContext) == null ? void 0 : te.call(j)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            f("div", Vt, [
+                              _(c(N), {
+                                render: (oe = (le = (se = T.name) == null ? void 0 : se.column) == null ? void 0 : le.columnDef) == null ? void 0 : oe.cell,
+                                props: (ne = (K = T.name) == null ? void 0 : K.getContext) == null ? void 0 : ne.call(K)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            f("div", null, I((ae = M.original.locations) != null && ae.length ? `Enabled for ${(ie = M.original.locations) == null ? void 0 : ie.length} outlets` : "Enabled for all outlets"), 1),
+                            f("div", It, I([
+                              ...M.original.items.slice(0, 3).map(($e) => $e.sku.name),
+                              ...M.original.items.length >= 3 ? [`and ${M.original.items.length - 3} more items`] : []
+                            ].join(", ")), 1),
+                            f("div", Rt, [
+                              _(c(N), {
+                                render: (ue = (ce = (re = T.ref) == null ? void 0 : re.column) == null ? void 0 : ce.columnDef) == null ? void 0 : ue.cell,
+                                props: (de = (G = T.ref) == null ? void 0 : G.getContext) == null ? void 0 : de.call(G)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          f("div", null, [
+                            _(c(N), {
+                              render: (fe = (pe = (me = T.status) == null ? void 0 : me.column) == null ? void 0 : pe.columnDef) == null ? void 0 : fe.cell,
+                              props: (ge = (H = T.status) == null ? void 0 : H.getContext) == null ? void 0 : ge.call(H)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (k(), B(Ae, { to: "body" }, [
+          _(wt, Ve(Ie(c(s))), null, 16),
+          _(yt, Re(c(o), {
+            onSubmitted: i[2] || (i[2] = (M) => c(r).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  qt as default
+};