@feedmepos/mf-inventory-portal 0.0.22-dev.9 → 0.0.23-dev.1

package/dist/ClosingTemplateView-DECwEnlK.js

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