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

package/dist/{ApprovalView-B9s4exkr.js → ApprovalView-BPsScR5_.js}

@@ -1,8 +1,8 @@
 import { defineComponent as ee, ref as h, watch as te, computed as U, resolveComponent as ae, openBlock as g, createBlock as Z, unref as e, withCtx as b, createElementVNode as s, normalizeClass as oe, createVNode as n, normalizeStyle as re, toDisplayString as ne, createElementBlock as se, createCommentVNode as le, Teleport as ie, mergeProps as ce } from "vue";
-import { Z as f, O as G, j as pe } from "./app-emo4vLKK.js";
-import { b as ue, u as me, _ as de, a as fe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CeBoTYGq.js";
-import { u as _e } from "./purchase-order-transaction-type-73S8OLUt.js";
-import { u as ve, _ as De } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CXmk2PYd.js";
+import { Z as f, O as G, j as pe } from "./app-BuyAj4kw.js";
+import { b as ue, u as me, _ as de, a as fe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DnogYrRE.js";
+import { u as _e } from "./purchase-order-transaction-type-DrFJFvtK.js";
+import { u as ve, _ as De } from "./TransferDetails.vue_vue_type_script_setup_true_lang-BBby29tW.js";
 import { _ as he, F as _ } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
 import { useBreakpoints as ge } from "@feedmepos/ui-library";
 import { useI18n as be } from "@feedmepos/mf-common";

package/dist/{BindingsDialog-uksEDFFX.js → BindingsDialog-GzX9Bo2g.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as d, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
-import { u as V, an as L, _ as S } from "./app-emo4vLKK.js";
+import { u as V, ao as L, _ as S } from "./app-BuyAj4kw.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-B2rQ9kJH.js → BindingsPicker-SbOetc0-.js}

@@ -1,22 +1,22 @@
-import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { u as x, an as M, y as z } from "./app-emo4vLKK.js";
-const K = {
+import { defineComponent as S, computed as u, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as r, createElementVNode as k } from "vue";
+import { u as M, ao as x, y as z } from "./app-BuyAj4kw.js";
+const F = {
   key: 0,
   class: "flex flex-col gap-16"
-}, w = { class: "flex justify-end gap-8 items-center" }, F = {
+}, K = { class: "flex justify-end gap-8 items-center" }, w = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
 }, N = /* @__PURE__ */ S({
   __name: "BindingsPicker",
   setup(L) {
-    const d = x(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
+    const d = M(), C = u(() => d.recipes), I = u(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = u(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
     })) : C.value.map((s) => ({
       label: s.name,
       value: s
-    }))), b = r({
+    }))), b = u({
       get() {
         if (a.value === "SKU") {
           const e = i.value.filter((n) => n.type === "SKU");
@@ -62,9 +62,9 @@ const K = {
           ];
         }
       }
-    }), _ = l(), o = M(B);
+    }), y = l(), o = x(B);
     async function B() {
-      await d.readInventory(), _.value = o.onMessage(
+      await d.readInventory(), y.value = o.onMessage(
         "props:binding-items",
         (e) => {
           g.value = !1, a.value = e.type, i.value = e.bindings;
@@ -77,38 +77,38 @@ const K = {
     function R() {
       o.sendMessage("@submit:items", i.value);
     }
-    const y = l();
+    const _ = l();
     return U(() => {
-      const e = y.value;
+      const e = _.value;
       e && new ResizeObserver(() => {
         o.sendMessage("resize", e.scrollHeight);
       }).observe(e);
     }), V(() => {
       var e, s;
-      (s = (e = _.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
+      (s = (e = y.value) == null ? void 0 : e.removeEventListener) == null || s.call(e);
     }), (e, s) => {
       const n = E("FmButton"), t = E("FmCircularProgress");
       return p(), f("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
-        ref: y
+        ref: _
       }, [
-        g.value ? (p(), f("div", F, [
-          u(t, { size: "md" }),
+        g.value ? (p(), f("div", w, [
+          r(t, { size: "md" }),
           s[1] || (s[1] = k("div", null, "Loading bindings dialog...", -1))
-        ])) : (p(), f("div", K, [
-          u(z, {
+        ])) : (p(), f("div", F, [
+          r(z, {
             "model-value": b.value,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => b.value = m),
             items: c.value
           }, null, 8, ["model-value", "items"]),
-          k("div", w, [
-            u(n, {
+          k("div", K, [
+            r(n, {
               variant: "tertiary",
               label: "Close",
               onClick: P
             }),
-            u(n, {
+            r(n, {
               label: "Submit",
               onClick: R
             })

package/dist/{BindingsTable-BLN_bAjO.js → BindingsTable-CAcE5y8U.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as c, provide as C, computed as f, resolveComponent as b, openBlock as p, createBlock as h, h as z, onMounted as B, onUnmounted as I, createElementBlock as y, createVNode as N, createElementVNode as x } from "vue";
-import { q as v, u as E, an as L } from "./app-emo4vLKK.js";
+import { q as v, u as E, ao as L } from "./app-BuyAj4kw.js";
 import { components as F } from "@feedmepos/ui-library";
 import "@feedmepos/mf-common";
 const P = /* @__PURE__ */ _({

package/dist/{ClosingTemplateView-Bi06Gxzo.js → ClosingTemplateView-DECwEnlK.js}

@@ -1,15 +1,15 @@
-import { ref as P, h as x, computed as M, 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 I, createBlock as z, withCtx as R, 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-CeBoTYGq.js";
+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 V, useProxiedModel as ze, useBreakpoints as Le } from "@feedmepos/ui-library";
+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-emo4vLKK.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-HTOA-soi.js";
+import { f as Oe } from "./format-time-from-id-BnmaRuab.js";
 import "vue-router";
-import { d as Qe } from "./defineDeepModel-D06lO_R2.js";
-import { u as We } from "./use-template-enabled-locations-2-Bo3g55rA.js";
+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;
@@ -46,7 +46,7 @@ const G = je((m, g) => {
     }
   };
 }), O = we("closingTemplateActions", () => {
-  const m = Q(), g = W(), v = G(), s = P({});
+  const m = Q(), g = W(), v = G(), s = S({});
   function n() {
     s.value = {
       mode: U.CREATE,
@@ -107,7 +107,7 @@ const G = je((m, g) => {
       }
     });
   }
-  const a = P({});
+  const a = S({});
   function i(d) {
     a.value = {
       template: d,
@@ -128,10 +128,10 @@ const G = je((m, g) => {
     templateDialogProps: s,
     templateDetailsProps: a
   };
-}), $e = we(
+}), De = we(
   "closingTable",
   function() {
-    const { t: g } = q(), { viewTemplate: v, updateTemplate: s, deleteTemplate: n } = O(), t = P({}), b = P(new Array()), a = P(!1), i = ke(), d = G();
+    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;
@@ -229,22 +229,23 @@ const G = je((m, g) => {
           header: () => "Status",
           enableSorting: !1,
           cell(e) {
-            var D;
-            const o = e.row.original, h = o._rev, $ = (D = t.value.publishedRevs) == null ? void 0 : D[o._id];
-            return h === $ ? x(
-              V.FmChip,
-              {
-                class: "fm-chip-success-secondary",
-                compact: !0
-              },
-              "Published"
-            ) : x(
-              V.FmChip,
+            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: "fm-chip-info-secondary",
-                compact: !0
+                class: "flex"
               },
-              "Unpublished"
+              x(
+                "div",
+                {
+                  class: [
+                    "fm-status-badge",
+                    $ ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                  ]
+                },
+                $ ? "Published" : "Unpublished"
+              )
             );
           }
         },
@@ -255,7 +256,7 @@ const G = je((m, g) => {
               ye[E.Edit],
               ye[E.Delete]
             ];
-            return Ge(h, ($) => p($, o));
+            return Ge(h, (D) => p(D, o));
           },
           enableSorting: !1,
           size: 40,
@@ -276,7 +277,7 @@ const G = je((m, g) => {
 var L = /* @__PURE__ */ ((m) => (m.Name = "Name", m.Unit = "Unit", m.Delete = "Delete", m))(L || {});
 function Xe(m) {
   return {
-    columnDefs: M(() => {
+    columnDefs: P(() => {
       const v = m.items.map((n) => n.sku.unit.measurements.length).reduce((n, t) => Math.max(n, t), 0);
       return [
         {
@@ -315,7 +316,7 @@ function Xe(m) {
             var b, a, i;
             const t = n.row.original;
             return x(
-              V.FmFormGroup,
+              R.FmFormGroup,
               {
                 value: t.sku.unit._id,
                 modelValue: !((b = t.disabledMeasurements) != null && b.includes(t.sku.unit._id))
@@ -326,7 +327,7 @@ function Xe(m) {
                   class: "flex items-center gap-4"
                 },
                 [
-                  x(V.FmCheckbox, {
+                  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(
@@ -354,7 +355,7 @@ function Xe(m) {
                     }
                   }),
                   x(
-                    V.FmTooltip,
+                    R.FmTooltip,
                     { zIndex: 51 },
                     {
                       content() {
@@ -384,7 +385,7 @@ function Xe(m) {
               var d, c, y, p;
               const a = b.row.original, i = a.sku.unit.measurements[t];
               return i ? x(
-                V.FmFormGroup,
+                R.FmFormGroup,
                 {
                   modelValue: !((d = a.disabledMeasurements) != null && d.includes(i.id)),
                   value: i.id
@@ -395,7 +396,7 @@ function Xe(m) {
                     class: "flex items-center gap-4"
                   },
                   [
-                    x(V.FmCheckbox, {
+                    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((_) => {
@@ -421,7 +422,7 @@ function Xe(m) {
                       }
                     }),
                     x(
-                      V.FmTooltip,
+                      R.FmTooltip,
                       { zIndex: 51 },
                       {
                         content() {
@@ -450,7 +451,7 @@ function Xe(m) {
             return x(
               "div",
               { class: "w-full flex justify-end" },
-              x(V.FmButton, {
+              x(R.FmButton, {
                 class: "delete-button",
                 key: t.sku._id,
                 type: "button",
@@ -482,7 +483,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
     row: {}
   },
   setup(m) {
-    const g = m, v = M(() => g.row), s = 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) => {
@@ -535,7 +536,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
       setLocations(e) {
         s.locations = e;
       }
-    }), c = P();
+    }), c = S();
     g({
       validateInputs: () => {
         var e, o;
@@ -563,15 +564,15 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
       get disabled() {
         return v.disabled;
       }
-    }), p = M(() => y.columnDefs.value);
+    }), 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 $;
-        return ($ = s.items) == null ? void 0 : $.find((D) => D.sku._id === h.value._id);
+        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"),
@@ -592,24 +593,24 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
           variant: "tertiary"
         }
       }).onPrimary((h) => {
-        const $ = s.items ?? [], D = h.map((S) => {
-          const l = $.find((N) => N.sku._id === S._id);
+        const D = s.items ?? [], $ = h.map((C) => {
+          const l = D.find((N) => N.sku._id === C._id);
           return l || {
-            sku: S
+            sku: C
           };
         });
-        D.sort((S, l) => S.sku.code.localeCompare(l.sku.code)), s.items = D;
+        $.sort((C, l) => C.sku.code.localeCompare(l.sku.code)), s.items = $;
       });
     }
     return (e, o) => {
-      const h = I("FmTextField"), $ = I("FmButton"), D = I("FmTable"), S = I("FmForm");
-      return k(), z(S, {
+      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: R(() => [
+        default: I(() => [
           f("div", at, [
             f("div", it, [
               w(h, {
@@ -630,7 +631,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
           f("div", rt, [
             f("div", ct, [
               o[3] || (o[3] = f("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
-              w($, {
+              w(D, {
                 disabled: e.disabled,
                 label: "Select location",
                 "prepend-icon": "add",
@@ -639,7 +640,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
                 onClick: u(a)
               }, null, 8, ["disabled", "onClick"])
             ]),
-            w(D, {
+            w($, {
               "column-defs": u(i),
               "row-data": u(d),
               "shrink-at": 9999,
@@ -649,7 +650,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
           f("div", ut, [
             f("div", dt, [
               f("div", mt, A(u(n)("inventory.closing.form.items.title")), 1),
-              w($, {
+              w(D, {
                 disabled: e.disabled,
                 label: u(n)("inventory.closing.form.items.addItem"),
                 "prepend-icon": "add",
@@ -659,18 +660,18 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
                 size: "md"
               }, null, 8, ["disabled", "label"])
             ]),
-            (k(), z(D, {
+            (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": R((l) => [
+              "list-row": I((l) => [
                 (k(), z(Te, {
                   row: l,
                   key: u(s).items.map((r) => r.sku._id).join(".")
                 }, {
-                  default: R((r) => [
+                  default: I((r) => [
                     w(nt, {
                       row: l,
                       "cell-by-col-id": r
@@ -696,7 +697,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
   },
   emits: ["update:show", "submitted"],
   setup(m, { expose: g, emit: v }) {
-    var S;
+    var C;
     const s = m, n = v, t = G(), b = W(), { t: a } = q(), i = ze(s, "show");
     function d() {
       return {
@@ -705,7 +706,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
         items: []
       };
     }
-    const c = P(s.modelValue ?? d()), y = P(((S = s.modelValue) == null ? void 0 : S._id) ?? `${Math.random()}`);
+    const c = S(s.modelValue ?? d()), y = S(((C = s.modelValue) == null ? void 0 : C._id) ?? `${Math.random()}`);
     Me(
       () => s.show,
       (l) => {
@@ -713,7 +714,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
         l && (c.value = s.modelValue ?? d(), y.value = ((r = s.modelValue) == null ? void 0 : r._id) ?? `${Math.random()}`);
       }
     );
-    const p = P(!1), _ = M(() => {
+    const p = S(!1), _ = P(() => {
       switch (s.mode) {
         case U.READ:
           return "";
@@ -723,7 +724,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
           return a("inventory.closing.template.update.title");
       }
       return "";
-    }), e = P();
+    }), e = S();
     g({
       validateInputs: () => {
         var l, r;
@@ -780,7 +781,7 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
         }
       }
     }
-    function $() {
+    function D() {
       switch (s.mode) {
         case U.CREATE:
           return o();
@@ -788,42 +789,42 @@ const Ze = { class: "flex flex-col gap-16 py-12" }, et = { class: "flex" }, tt =
           return h();
       }
     }
-    function D() {
+    function $() {
       var l, r;
       (r = (l = e.value) == null ? void 0 : l.validateInputs) == null || r.call(l);
     }
     return (l, r) => {
-      const N = I("FmButton"), C = I("FmSideSheet");
-      return k(), z(C, {
+      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": R(() => [
+        "side-sheet-header": I(() => [
           f("div", ft, [
             f("div", gt, A(_.value), 1)
           ])
         ]),
-        default: R(() => [
+        default: I(() => [
           (k(), z(pt, {
             class: "w-full",
             ref_key: "formRef",
             ref: e,
-            onValidationSuccess: $,
+            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": R(() => [
+        "side-sheet-footer": I(() => [
           f("div", vt, [
             w(N, {
               loading: p.value,
               label: u(a)("common.save"),
-              onClick: D
+              onClick: $
             }, null, 8, ["loading", "label"]),
             w(N, {
               disabled: p.value,
@@ -847,14 +848,14 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
 }, Tt = {
   key: 2,
   class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary"
-}, $t = {
+}, Dt = {
   key: 3,
   class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
-}, Dt = { key: 4 }, Ct = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Mt = /* @__PURE__ */ Y({
+}, $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 = P(!1), s = W(), n = G(), t = $e(), b = g;
+    const v = S(!1), s = W(), n = G(), t = De(), b = g;
     async function a() {
       v.value = !0;
       try {
@@ -873,14 +874,14 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
         v.value = !1;
       }
     }
-    const i = M(() => t.recentPublish.recentJob), d = M(
+    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 _ = I("FmCircularProgress"), e = I("FmButton");
+      const _ = V("FmCircularProgress"), e = V("FmButton");
       return k(), F("div", wt, [
         u(t).templates.length ? v.value ? (k(), F("div", kt, [
           f("div", null, [
@@ -892,14 +893,14 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
           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", $t, [
+        ])) : 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", Dt, " 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.")),
+        ])) : (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,
@@ -919,9 +920,9 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
 }), 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 = $e(), d = Ue(), { breakpoints: c } = Le();
+    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 = M(() => i.loading), p = P(""), _ = M(() => c.value.xs || c.value.sm), e = M(() => _.value ? 10 : 20);
+    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:
@@ -941,10 +942,10 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
         }
       });
     }
-    function $(l) {
+    function D(l) {
       return l;
     }
-    const D = M(() => {
+    const $ = P(() => {
       const l = [
         {
           label: g("inventory.closing.template.create.title"),
@@ -961,19 +962,19 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
           isPrimary: !1
         }
       ];
-    }), S = M(() => {
+    }), C = P(() => {
       const l = [{ icon: "refresh", onClick: i.fetchTemplates }];
       return _.value ? [{ icon: "publish", onClick: h }, ...l] : l;
     });
     return (l, r) => {
-      const N = I("FmTable");
+      const N = V("FmTable");
       return k(), F(_e, null, [
         w(Ee, {
           title: u(g)("inventory.closing.template.title"),
-          actions: D.value,
+          actions: $.value,
           "onClick:action": o
         }, {
-          default: R(() => [
+          default: I(() => [
             f("div", {
               class: Se([
                 "flex flex-col gap-8 max-h-full",
@@ -986,8 +987,8 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
               w(Ne, {
                 searchable: "",
                 search: p.value,
-                "onUpdate:search": r[0] || (r[0] = (C) => p.value = C),
-                actions: S.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),
@@ -995,15 +996,15 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
                 "row-data": u(i).templates,
                 "search-value": p.value,
                 loading: y.value,
-                onRowClick: r[1] || (r[1] = (C) => u(s)(C.original)),
+                onRowClick: r[1] || (r[1] = (M) => u(s)(M.original)),
                 "page-size": e.value
               }, {
-                "list-row": R((C) => [
+                "list-row": I((M) => [
                   w(Te, {
-                    row: C,
+                    row: M,
                     onRowClick: (T) => u(s)(T)
                   }, {
-                    default: R((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, [
@@ -1020,10 +1021,10 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
                                 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 = C.original.locations) != null && ae.length ? `Enabled for ${(ie = C.original.locations) == null ? void 0 : ie.length} outlets` : "Enabled for all outlets"), 1),
+                            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([
-                              ...C.original.items.slice(0, 3).map((De) => De.sku.name),
-                              ...C.original.items.length >= 3 ? [`and ${C.original.items.length - 3} more items`] : []
+                              ...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), {
@@ -1053,7 +1054,7 @@ const _t = /* @__PURE__ */ qe(yt, [["render", ht]]), wt = { class: "flex flex-co
         (k(), z(Ae, { to: "body" }, [
           w(_t, Ve(Ie(u(t))), null, 16),
           w(bt, Re(u(n), {
-            onSubmitted: r[2] || (r[2] = (C) => u(i).fetchTemplates())
+            onSubmitted: r[2] || (r[2] = (M) => u(i).fetchTemplates())
           }), null, 16)
         ]))
       ], 64);