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

package/dist/ClosingTemplateView-DdZlX1ug.js

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