@feedmepos/mf-inventory-portal 1.7.3-dev.1 → 1.7.3-dev.2

package/dist/{SettingsView-BNDr4ez-.js → SettingsView-5uoZvtor.js}

@@ -1,12 +1,12 @@
-import { defineComponent as Y, ref as b, computed as K, watch as M, resolveComponent as V, createElementBlock as r, openBlock as s, createElementVNode as t, toDisplayString as F, Fragment as U, renderList as G, createBlock as P, createCommentVNode as q, createVNode as p, nextTick as fe, createSlots as ye, withCtx as T, normalizeClass as ee, unref as O, withModifiers as be, Teleport as xe } from "vue";
+import { defineComponent as Y, ref as x, computed as q, watch as M, resolveComponent as V, createElementBlock as r, openBlock as s, createElementVNode as t, toDisplayString as C, Fragment as A, renderList as G, createBlock as E, createCommentVNode as K, createVNode as m, nextTick as fe, createSlots as ye, withCtx as F, normalizeClass as ee, unref as O, withModifiers as be, Teleport as xe } from "vue";
 import { _ as _e } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DwrLsWX_.js";
-import { B as A, g as he, r as ke, s as we, u as Te, a as R, b as Fe, c as De, d as te, e as Ce, f as Se } from "./predefined-templates-CkZwybVN.js";
+import { B as P, g as he, r as ke, s as we, u as Te, a as R, b as Fe, c as Ce, d as te, e as De, f as Se } from "./predefined-templates-DHykkVzD.js";
 import { useSnackbar as Be } from "@feedmepos/ui-library";
 import { _ as Ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { H as j, I as $e } from "./app-CPHh8dJ8.js";
+import { H as j, I as $e } from "./app-BuoXiggC.js";
 import { useCoreStore as ze, useI18n as Ie } from "@feedmepos/mf-common";
-import "./dayjs.min-Crreg1xX.js";
-import "./inventory-core-dart.default-toC4Oswn.js";
+import "./dayjs.min-C-6FhQxs.js";
+import "./inventory-core-dart.default-LjwypePL.js";
 import { F as Oe } from "./FmAdminBadge-DlplQOHb.js";
 const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700 mb-4 pb-2 border-b border-gray-200" }, Ne = { class: "flex flex-col gap-3" }, Ue = {
   key: 0,
@@ -20,94 +20,96 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
     block: {}
   },
   emits: ["update"],
-  setup(E, { emit: x }) {
-    const g = E, f = x;
-    function h(n) {
-      var v;
-      if ((v = n.config) != null && v.configFields && Array.isArray(n.config.configFields))
-        return n.config.configFields.map((_) => ({ ..._ }));
-      const c = A[n.tag];
+  setup(N, { emit: _ }) {
+    const f = N, y = _;
+    function k(n) {
+      var g;
+      if ((g = n.config) != null && g.configFields && Array.isArray(n.config.configFields)) {
+        const b = n.config.configFields.map((p) => ({ ...p })), T = new Set(b.map((p) => p.key)), o = P[n.tag], h = o ? o.initialConfigFields().filter((p) => !T.has(p.key)) : [];
+        return [...b, ...h];
+      }
+      const c = P[n.tag];
       return c ? c.initialConfigFields() : [];
     }
-    const d = b(h(g.block)), $ = K(() => {
-      const n = A[g.block.tag];
-      return (n == null ? void 0 : n.label) ?? g.block.tag;
+    const d = x(k(f.block)), $ = q(() => {
+      const n = P[f.block.tag];
+      return (n == null ? void 0 : n.label) ?? f.block.tag;
     });
     M(
-      () => g.block,
+      () => f.block,
       (n) => {
-        d.value = h(n);
+        d.value = k(n);
       },
       { deep: !0 }
     );
     function i(n, c) {
-      const v = d.value[n];
-      v && (v.value = c, m());
+      const g = d.value[n];
+      g && (g.value = c, v());
     }
-    function m() {
-      f("update", {
-        ...g.block.config || {},
+    function v() {
+      y("update", {
+        ...f.block.config || {},
         configFields: d.value.map((n) => ({ ...n }))
       });
     }
     return (n, c) => {
-      const v = V("FmSwitch"), _ = V("FmTextField"), D = V("FmSelect");
+      const g = V("FmSwitch"), b = V("FmTextField"), T = V("FmSelect");
       return s(), r("div", Pe, [
-        t("div", Ee, F($.value) + " Settings ", 1),
+        t("div", Ee, C($.value) + " Settings ", 1),
         t("div", Ne, [
-          (s(!0), r(U, null, G(d.value, (a, w) => (s(), r("div", {
-            key: a.key
+          (s(!0), r(A, null, G(d.value, (o, h) => (s(), r("div", {
+            key: o.key
           }, [
-            a.type === "toggle" ? (s(), r("div", Ue, [
-              t("label", Ae, F(a.label), 1),
-              p(v, {
-                "model-value": a.value,
-                "onUpdate:modelValue": (y) => i(w, y)
+            o.type === "toggle" ? (s(), r("div", Ue, [
+              t("label", Ae, C(o.label), 1),
+              m(g, {
+                "model-value": o.value,
+                "onUpdate:modelValue": (p) => i(h, p)
               }, null, 8, ["model-value", "onUpdate:modelValue"])
-            ])) : a.type === "text" ? (s(), P(_, {
+            ])) : o.type === "text" ? (s(), E(b, {
               key: 1,
-              label: a.label,
-              "model-value": a.value,
-              placeholder: a.placeholder,
-              "onUpdate:modelValue": (y) => i(w, y)
-            }, null, 8, ["label", "model-value", "placeholder", "onUpdate:modelValue"])) : a.type === "textarea" ? (s(), r(U, { key: 2 }, [
-              t("div", He, F(a.label), 1),
+              label: o.label,
+              "model-value": o.value,
+              placeholder: o.placeholder,
+              "onUpdate:modelValue": (p) => i(h, p)
+            }, null, 8, ["label", "model-value", "placeholder", "onUpdate:modelValue"])) : o.type === "textarea" ? (s(), r(A, { key: 2 }, [
+              t("div", He, C(o.label), 1),
               t("textarea", {
                 class: "w-full font-mono text-[13px] p-2 border border-gray-300 rounded resize-y box-border focus:outline-none focus:border-blue-600",
-                value: a.value,
-                rows: a.rows ?? 8,
-                placeholder: a.placeholder,
-                onInput: (y) => i(w, y.target.value)
+                value: o.value,
+                rows: o.rows ?? 8,
+                placeholder: o.placeholder,
+                onInput: (p) => i(h, p.target.value)
               }, null, 40, Le)
-            ], 64)) : a.type === "select" ? (s(), P(D, {
+            ], 64)) : o.type === "select" ? (s(), E(T, {
               key: 3,
-              label: a.label,
-              "model-value": a.value,
-              items: a.options || [],
+              label: o.label,
+              "model-value": o.value,
+              items: o.options || [],
               "item-label": "label",
               "item-value": "value",
-              "onUpdate:modelValue": (y) => i(w, y)
-            }, null, 8, ["label", "model-value", "items", "onUpdate:modelValue"])) : a.type === "number" ? (s(), P(_, {
+              "onUpdate:modelValue": (p) => i(h, p)
+            }, null, 8, ["label", "model-value", "items", "onUpdate:modelValue"])) : o.type === "number" ? (s(), E(b, {
               key: 4,
-              label: a.label,
+              label: o.label,
               type: "number",
-              "model-value": String(a.value),
-              "onUpdate:modelValue": (y) => i(w, Number(y))
-            }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : a.type === "color" ? (s(), r("div", Re, [
-              t("label", je, F(a.label), 1),
+              "model-value": String(o.value),
+              "onUpdate:modelValue": (p) => i(h, Number(p))
+            }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : o.type === "color" ? (s(), r("div", Re, [
+              t("label", je, C(o.label), 1),
               t("input", {
                 type: "color",
-                value: a.value,
+                value: o.value,
                 class: "color-input w-9 h-7 p-0 border border-gray-300 rounded cursor-pointer bg-transparent",
-                onInput: (y) => i(w, y.target.value)
+                onInput: (p) => i(h, p.target.value)
               }, null, 40, Me)
-            ])) : q("", !0)
+            ])) : K("", !0)
           ]))), 128))
         ])
       ]);
     };
   }
-}), qe = /* @__PURE__ */ Ve(Ge, [["__scopeId", "data-v-1f00cb56"]]), Ke = { class: "h-full flex flex-col" }, Ye = { class: "flex-1 overflow-auto p-4 bg-gray-100" }, Je = /* @__PURE__ */ Y({
+}), Ke = /* @__PURE__ */ Ve(Ge, [["__scopeId", "data-v-840687bf"]]), qe = { class: "h-full flex flex-col" }, Ye = { class: "flex-1 overflow-auto p-4 bg-gray-100" }, Je = /* @__PURE__ */ Y({
   __name: "TemplatePreview",
   props: {
     blocks: {},
@@ -115,20 +117,20 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
     selectedBlockId: {},
     templateType: {}
   },
-  setup(E) {
-    const x = E, g = b(null);
-    let f = null;
-    function h() {
-      return !f && g.value && (f = g.value.attachShadow({ mode: "open" })), f;
+  setup(N) {
+    const _ = N, f = x(null);
+    let y = null;
+    function k() {
+      return !y && f.value && (y = f.value.attachShadow({ mode: "open" })), y;
     }
-    const d = K(() => x.previewData ?? he(x.templateType));
+    const d = q(() => _.previewData ?? he(_.templateType));
     M(
-      () => [x.blocks, d.value, g.value],
+      () => [_.blocks, d.value, f.value],
       () => {
-        const i = h();
+        const i = k();
         if (i) {
           try {
-            const m = ke(x.blocks, d.value), n = we(m);
+            const v = ke(_.blocks, d.value), n = we(v);
             i.innerHTML = `
         <style>
           :host { display: block; }
@@ -154,30 +156,30 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
           <div class="preview-content">${n}</div>
         </div>
       `;
-          } catch (m) {
-            i.innerHTML = `<div style="color:red;padding:20px;">Error rendering template: ${m}</div>`;
+          } catch (v) {
+            i.innerHTML = `<div style="color:red;padding:20px;">Error rendering template: ${v}</div>`;
           }
-          fe(() => $(x.selectedBlockId));
+          fe(() => $(_.selectedBlockId));
         }
       },
       { deep: !0, immediate: !0 }
     ), M(
-      () => x.selectedBlockId,
+      () => _.selectedBlockId,
       (i) => $(i)
     );
     function $(i) {
-      if (!f || (f.querySelectorAll("[data-block-id].highlight").forEach((n) => {
+      if (!y || (y.querySelectorAll("[data-block-id].highlight").forEach((n) => {
         n.classList.remove("highlight");
       }), !i)) return;
-      const m = f.querySelector(`[data-block-id="${i}"]`);
-      m && (m.classList.add("highlight"), m.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+      const v = y.querySelector(`[data-block-id="${i}"]`);
+      v && (v.classList.add("highlight"), v.scrollIntoView({ behavior: "smooth", block: "nearest" }));
     }
-    return (i, m) => (s(), r("div", Ke, [
-      m[0] || (m[0] = t("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 border-b border-gray-200" }, " Live Preview ", -1)),
+    return (i, v) => (s(), r("div", qe, [
+      v[0] || (v[0] = t("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 border-b border-gray-200" }, " Live Preview ", -1)),
       t("div", Ye, [
         t("div", {
           ref_key: "shadowHost",
-          ref: g
+          ref: f
         }, null, 512)
       ])
     ]));
@@ -212,17 +214,17 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
 }, ht = {
   key: 1,
   class: "flex items-center justify-center text-gray-400 text-[13px] py-8"
-}, kt = { class: "p-3 border-t border-gray-200" }, wt = { class: "flex-1 overflow-hidden" }, Tt = { class: "ml-auto flex gap-2" }, Ft = { class: "p-4" }, Dt = { class: "flex items-center gap-1.5 mt-3 text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded px-3 py-2" }, Ct = { class: "p-4" }, St = { class: "flex items-center gap-1.5 mt-3 text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded px-3 py-2" }, Bt = /* @__PURE__ */ Y({
+}, kt = { class: "p-3 border-t border-gray-200" }, wt = { class: "flex-1 overflow-hidden" }, Tt = { class: "ml-auto flex gap-2" }, Ft = { class: "p-4" }, Ct = { class: "flex items-center gap-1.5 mt-3 text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded px-3 py-2" }, Dt = { class: "p-4" }, St = { class: "flex items-center gap-1.5 mt-3 text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded px-3 py-2" }, Bt = /* @__PURE__ */ Y({
   __name: "PrintTemplateEditorDialog",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue", "saved"],
-  setup(E, { emit: x }) {
-    const g = E, f = x, h = Te(), d = Be(), $ = ze(), i = K({
-      get: () => g.modelValue,
-      set: (l) => f("update:modelValue", l)
-    }), m = b(!1), n = b(!1), c = b(R()), v = b(null), _ = b(j.Enum.purchaseOrder), D = b("Purchase Order Template"), a = b(null), w = b(!1), y = b(!1), C = b("select-type"), W = [
+  setup(N, { emit: _ }) {
+    const f = N, y = _, k = Te(), d = Be(), $ = ze(), i = q({
+      get: () => f.modelValue,
+      set: (l) => y("update:modelValue", l)
+    }), v = x(!1), n = x(!1), c = x(R()), g = x(null), b = x(j.Enum.purchaseOrder), T = x("Purchase Order Template"), o = x(null), h = x(!1), p = x(!1), D = x("select-type"), W = [
       {
         label: "Purchase Order",
         value: j.Enum.purchaseOrder,
@@ -247,25 +249,25 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
         icon: "local_shipping",
         description: "Customize the layout for delivery order printouts"
       }
-    ], H = b(/* @__PURE__ */ new Set()), J = K(
-      () => c.value.find((l) => l.id === v.value) ?? null
-    ), z = b(null), N = b(null);
+    ], H = x(/* @__PURE__ */ new Set()), J = q(
+      () => c.value.find((l) => l.id === g.value) ?? null
+    ), z = x(null), U = x(null);
     M(i, async (l) => {
       if (l) {
-        C.value = "select-type", m.value = !0;
+        D.value = "select-type", v.value = !0;
         try {
-          const e = await h.browse();
+          const e = await k.browse();
           H.value = new Set(e.map((u) => u.type));
         } catch {
         } finally {
-          m.value = !1;
+          v.value = !1;
         }
       }
-    }), M(_, async () => {
-      v.value = null, await X();
+    }), M(b, async () => {
+      g.value = null, await X();
     });
     async function le(l) {
-      _.value = l, await X(), C.value = "editor";
+      b.value = l, await X(), D.value = "editor";
     }
     function Q() {
       return {
@@ -273,35 +275,35 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
         transferOrder: "Transfer Order Template",
         goodsReceivedNote: "Goods Received Note Template",
         deliveryOrder: "Delivery Order Template"
-      }[_.value] ?? "Purchase Order Template";
+      }[b.value] ?? "Purchase Order Template";
     }
     async function X() {
-      m.value = !0;
+      v.value = !0;
       try {
-        const l = await h.browse();
+        const l = await k.browse();
         H.value = new Set(l.map((u) => u.type));
-        const e = l.find((u) => u.type === _.value);
-        e ? (a.value = e._id, D.value = e.name, c.value = e.blocks.map((u) => ({ ...u }))) : (a.value = null, c.value = R(), D.value = Q());
+        const e = l.find((u) => u.type === b.value);
+        e ? (o.value = e._id, T.value = e.name, c.value = e.blocks.map((u) => ({ ...u }))) : (o.value = null, c.value = R(), T.value = Q());
       } catch {
-        c.value = R(), D.value = Q();
+        c.value = R(), T.value = Q();
       } finally {
-        m.value = !1;
+        v.value = !1;
       }
     }
     function oe(l) {
       const e = {
-        id: De(),
+        id: Ce(),
         tag: l,
         config: Fe(l)
       };
-      c.value.push(e), v.value = e.id;
+      c.value.push(e), g.value = e.id;
     }
     function ae(l) {
       const e = c.value.findIndex((u) => u.id === l);
-      e >= 0 && (c.value.splice(e, 1), v.value === l && (v.value = null));
+      e >= 0 && (c.value.splice(e, 1), g.value === l && (g.value = null));
     }
     function se(l) {
-      const e = c.value.find((u) => u.id === v.value);
+      const e = c.value.find((u) => u.id === g.value);
       if (e) {
         const u = l.configFields || [], L = te(e.tag);
         e.config = { configFields: u, templateHtml: L };
@@ -311,21 +313,21 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
       z.value = l;
     }
     function re(l, e) {
-      l.preventDefault(), N.value = e;
+      l.preventDefault(), U.value = e;
     }
     function ie() {
-      N.value = null;
+      U.value = null;
     }
     function ue(l) {
       if (z.value === null || z.value === l) {
-        z.value = null, N.value = null;
+        z.value = null, U.value = null;
         return;
       }
       const e = c.value.splice(z.value, 1)[0];
-      c.value.splice(l, 0, e), z.value = null, N.value = null;
+      c.value.splice(l, 0, e), z.value = null, U.value = null;
     }
     function de() {
-      z.value = null, N.value = null;
+      z.value = null, U.value = null;
     }
     async function ce() {
       var l;
@@ -334,30 +336,30 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
         const e = (l = $.currentBusiness.value) == null ? void 0 : l._id;
         if (!e)
           throw new Error("Business ID is missing. Please select a business first.");
-        const u = c.value.map((o) => {
+        const u = c.value.map((a) => {
           var Z;
-          const k = ((Z = o.config) == null ? void 0 : Z.configFields) || [], I = te(o.tag, k);
+          const w = ((Z = a.config) == null ? void 0 : Z.configFields) || [], I = te(a.tag, w);
           return {
-            ...o,
-            config: { configFields: k, templateHtml: I }
+            ...a,
+            config: { configFields: w, templateHtml: I }
           };
-        }), L = Ce(u), S = {
-          name: D.value,
-          type: _.value,
+        }), L = De(u), S = {
+          name: T.value,
+          type: b.value,
           blocks: L,
           businessId: e,
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         let B;
-        a.value ? B = await h.update(a.value, {
-          _id: a.value,
+        o.value ? B = await k.update(o.value, {
+          _id: o.value,
           ...S
-        }) : (B = await h.create(S), a.value = B._id), H.value.add(_.value), y.value = !1, d == null || d.open({
+        }) : (B = await k.create(S), o.value = B._id), H.value.add(b.value), p.value = !1, d == null || d.open({
           title: "Success",
           message: "Print template saved",
           type: "success"
-        }), f("saved", B), i.value = !1;
+        }), y("saved", B), i.value = !1;
       } catch (e) {
         d == null || d.open({
           title: "Error",
@@ -369,14 +371,14 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
       }
     }
     async function pe() {
-      if (a.value) {
+      if (o.value) {
         n.value = !0;
         try {
-          await h.delete(a.value), a.value = null, c.value = R(), D.value = Q(), H.value.delete(_.value), w.value = !1, d == null || d.open({
+          await k.delete(o.value), o.value = null, c.value = R(), T.value = Q(), H.value.delete(b.value), h.value = !1, d == null || d.open({
             title: "Deleted",
             message: "Print template deleted. Default layout will be used.",
             type: "success"
-          }), f("saved", null), i.value = !1;
+          }), y("saved", null), i.value = !1;
         } catch (l) {
           d == null || d.open({
             title: "Error",
@@ -389,94 +391,94 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
       }
     }
     function me() {
-      c.value = R(), v.value = null;
+      c.value = R(), g.value = null;
     }
     function ve(l) {
       var e;
-      return ((e = A[l]) == null ? void 0 : e.label) ?? l;
+      return ((e = P[l]) == null ? void 0 : e.label) ?? l;
     }
     function ge(l) {
       var e;
-      return ((e = A[l]) == null ? void 0 : e.icon) ?? "widgets";
+      return ((e = P[l]) == null ? void 0 : e.icon) ?? "widgets";
     }
     return (l, e) => {
       const u = V("FmIcon"), L = V("FmTextField"), S = V("FmButton"), B = V("FmDialog");
-      return s(), r(U, null, [
-        p(B, {
+      return s(), r(A, null, [
+        m(B, {
           modelValue: i.value,
-          "onUpdate:modelValue": e[4] || (e[4] = (o) => i.value = o),
+          "onUpdate:modelValue": e[4] || (e[4] = (a) => i.value = a),
           overlay: !0,
           "close-button": "",
           "max-width": "98vw",
           "max-height": "98vh"
         }, ye({
-          "dialog-header": T(() => {
-            var o;
+          "dialog-header": F(() => {
+            var a;
             return [
               t("div", Qe, [
-                C.value === "editor" ? (s(), r("button", {
+                D.value === "editor" ? (s(), r("button", {
                   key: 0,
                   class: "flex items-center justify-center w-7 h-7 rounded hover:bg-gray-100 transition-colors text-gray-500",
-                  onClick: e[0] || (e[0] = (k) => C.value = "select-type")
+                  onClick: e[0] || (e[0] = (w) => D.value = "select-type")
                 }, [
-                  p(u, {
+                  m(u, {
                     name: "arrow_back",
                     size: "sm"
                   })
-                ])) : q("", !0),
-                C.value === "select-type" ? (s(), r("span", We, "Print Template Editor")) : (s(), r("span", Xe, F((o = W.find((k) => k.value === _.value)) == null ? void 0 : o.label) + " Template", 1))
+                ])) : K("", !0),
+                D.value === "select-type" ? (s(), r("span", We, "Print Template Editor")) : (s(), r("span", Xe, C((a = W.find((w) => w.value === b.value)) == null ? void 0 : a.label) + " Template", 1))
               ])
             ];
           }),
-          default: T(() => [
-            C.value === "select-type" ? (s(), r("div", Ze, [
+          default: F(() => [
+            D.value === "select-type" ? (s(), r("div", Ze, [
               e[7] || (e[7] = t("p", { class: "text-sm text-gray-500 mb-5" }, " Select a template type to customize its print layout. ", -1)),
-              m.value ? (s(), r("div", et, " Loading... ")) : (s(), r("div", tt, [
-                (s(), r(U, null, G(W, (o) => t("div", {
-                  key: o.value,
+              v.value ? (s(), r("div", et, " Loading... ")) : (s(), r("div", tt, [
+                (s(), r(A, null, G(W, (a) => t("div", {
+                  key: a.value,
                   class: ee(["group relative flex flex-col items-center gap-3 p-6 rounded-xl border-2 border-gray-200 cursor-pointer transition-all hover:border-blue-400 hover:shadow-md", {
-                    "border-blue-500 bg-blue-50/50 shadow-md": _.value === o.value && C.value === "select-type"
+                    "border-blue-500 bg-blue-50/50 shadow-md": b.value === a.value && D.value === "select-type"
                   }]),
-                  onClick: (k) => le(o.value)
+                  onClick: (w) => le(a.value)
                 }, [
                   t("div", ot, [
-                    p(u, {
-                      name: o.icon,
+                    m(u, {
+                      name: a.icon,
                       size: "sm"
                     }, null, 8, ["name"])
                   ]),
                   t("div", at, [
-                    t("div", st, F(o.label), 1),
-                    t("div", nt, F(o.description), 1)
+                    t("div", st, C(a.label), 1),
+                    t("div", nt, C(a.description), 1)
                   ]),
-                  H.value.has(o.value) ? (s(), r("span", rt, "Customized")) : (s(), r("span", it, "Default"))
+                  H.value.has(a.value) ? (s(), r("span", rt, "Customized")) : (s(), r("span", it, "Default"))
                 ], 10, lt)), 64))
               ]))
-            ])) : m.value ? (s(), r("div", ut, e[8] || (e[8] = [
+            ])) : v.value ? (s(), r("div", ut, e[8] || (e[8] = [
               t("div", null, "Loading template...", -1)
             ]))) : (s(), r("div", dt, [
               t("div", ct, [
                 t("div", pt, [
-                  p(L, {
-                    modelValue: D.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (o) => D.value = o),
+                  m(L, {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => T.value = a),
                     placeholder: "Template name",
                     label: "Template Name"
                   }, null, 8, ["modelValue"])
                 ]),
                 e[9] || (e[9] = t("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2" }, " Add Blocks ", -1)),
                 t("div", mt, [
-                  (s(!0), r(U, null, G(O($e).Values, (o) => (s(), r("div", {
-                    key: o,
+                  (s(!0), r(A, null, G(O($e).Values, (a) => (s(), r("div", {
+                    key: a,
                     class: "group flex items-center gap-2 px-3 py-2 cursor-pointer text-[13px] text-gray-600 transition-colors hover:bg-gray-100",
-                    onClick: (k) => oe(o)
+                    onClick: (w) => oe(a)
                   }, [
-                    p(u, {
-                      name: O(A)[o].icon,
+                    m(u, {
+                      name: O(P)[a].icon,
                       size: "sm"
                     }, null, 8, ["name"]),
-                    t("span", null, F(O(A)[o].label), 1),
-                    p(u, {
+                    t("span", null, C(O(P)[a].label), 1),
+                    m(u, {
                       name: "add",
                       size: "sm",
                       class: "ml-auto opacity-0 text-blue-600 group-hover:opacity-100"
@@ -485,50 +487,50 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
                 ]),
                 e[10] || (e[10] = t("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 mt-2" }, " Block Order ", -1)),
                 t("div", gt, [
-                  (s(!0), r(U, null, G(c.value, (o, k) => (s(), r("div", {
-                    key: o.id,
+                  (s(!0), r(A, null, G(c.value, (a, w) => (s(), r("div", {
+                    key: a.id,
                     class: ee(["flex items-center gap-2 px-3 py-2 cursor-pointer text-[13px] text-gray-600 border-b border-gray-100 transition-colors hover:bg-gray-100", {
-                      "bg-blue-50 border-l-[3px] border-l-blue-600": o.id === v.value,
-                      "border-t-2 border-t-blue-600": N.value === k
+                      "bg-blue-50 border-l-[3px] border-l-blue-600": a.id === g.value,
+                      "border-t-2 border-t-blue-600": U.value === w
                     }]),
                     draggable: "true",
-                    onDragstart: (I) => ne(k),
-                    onDragover: (I) => re(I, k),
+                    onDragstart: (I) => ne(w),
+                    onDragover: (I) => re(I, w),
                     onDragleave: ie,
-                    onDrop: (I) => ue(k),
+                    onDrop: (I) => ue(w),
                     onDragend: de,
-                    onClick: (I) => v.value = o.id
+                    onClick: (I) => g.value = a.id
                   }, [
-                    p(u, {
+                    m(u, {
                       name: "drag_indicator",
                       size: "sm",
                       class: "cursor-grab text-gray-300"
                     }),
-                    p(u, {
-                      name: ge(o.tag),
+                    m(u, {
+                      name: ge(a.tag),
                       size: "sm"
                     }, null, 8, ["name"]),
-                    t("span", yt, F(ve(o.tag)), 1),
+                    t("span", yt, C(ve(a.tag)), 1),
                     t("div", bt, [
-                      p(u, {
+                      m(u, {
                         name: "delete",
                         size: "sm",
                         class: "cursor-pointer text-gray-400 hover:text-red-500",
-                        onClick: be((I) => ae(o.id), ["stop"])
+                        onClick: be((I) => ae(a.id), ["stop"])
                       }, null, 8, ["onClick"])
                     ])
                   ], 42, ft))), 128)),
-                  c.value.length === 0 ? (s(), r("div", xt, " Click a block above to add it ")) : q("", !0)
+                  c.value.length === 0 ? (s(), r("div", xt, " Click a block above to add it ")) : K("", !0)
                 ]),
                 J.value ? (s(), r("div", _t, [
-                  (s(), P(qe, {
+                  (s(), E(Ke, {
                     key: J.value.id,
                     block: J.value,
                     onUpdate: se
                   }, null, 8, ["block"]))
                 ])) : (s(), r("div", ht, " Select a block to configure it ")),
                 t("div", kt, [
-                  p(S, {
+                  m(S, {
                     label: "Reset to Default",
                     variant: "plain",
                     size: "md",
@@ -537,51 +539,51 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
                 ])
               ]),
               t("div", wt, [
-                p(Je, {
+                m(Je, {
                   blocks: c.value,
-                  "selected-block-id": v.value,
-                  "template-type": _.value
+                  "selected-block-id": g.value,
+                  "template-type": b.value
                 }, null, 8, ["blocks", "selected-block-id", "template-type"])
               ])
             ]))
           ]),
           _: 2
         }, [
-          C.value === "editor" ? {
+          D.value === "editor" ? {
             name: "dialog-footer",
-            fn: T(() => [
+            fn: F(() => [
               t("div", Tt, [
-                a.value ? (s(), P(S, {
+                o.value ? (s(), E(S, {
                   key: 0,
                   label: "Delete Template",
                   variant: "destructive",
                   size: "md",
-                  onClick: e[2] || (e[2] = (o) => w.value = !0)
-                })) : q("", !0),
-                p(S, {
+                  onClick: e[2] || (e[2] = (a) => h.value = !0)
+                })) : K("", !0),
+                m(S, {
                   label: "Save Template",
                   variant: "primary",
                   size: "md",
-                  onClick: e[3] || (e[3] = (o) => y.value = !0)
+                  onClick: e[3] || (e[3] = (a) => p.value = !0)
                 })
               ])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["modelValue"]),
-        p(B, {
-          modelValue: y.value,
-          "onUpdate:modelValue": e[5] || (e[5] = (o) => y.value = o),
+        m(B, {
+          modelValue: p.value,
+          "onUpdate:modelValue": e[5] || (e[5] = (a) => p.value = a),
           overlay: !0,
           dismissAway: !0,
           "close-button": "",
           "max-width": "400px"
         }, {
-          "dialog-header": T(() => e[11] || (e[11] = [
+          "dialog-header": F(() => e[11] || (e[11] = [
             t("span", null, "Save Print Template?", -1)
           ])),
-          "dialog-footer": T(() => [
-            p(S, {
+          "dialog-footer": F(() => [
+            m(S, {
               class: "ml-auto",
               label: "Save",
               variant: "primary",
@@ -590,12 +592,12 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
               onClick: ce
             }, null, 8, ["loading"])
           ]),
-          default: T(() => [
+          default: F(() => [
             t("div", Ft, [
               e[13] || (e[13] = t("p", null, "Are you sure you want to save this print template?", -1)),
               e[14] || (e[14] = t("p", { class: "text-gray-500 text-sm mt-2" }, " This template will be used for all future prints of this type. ", -1)),
-              t("div", Dt, [
-                p(u, {
+              t("div", Ct, [
+                m(u, {
                   name: "warning",
                   size: "sm"
                 }),
@@ -605,19 +607,19 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        p(B, {
-          modelValue: w.value,
-          "onUpdate:modelValue": e[6] || (e[6] = (o) => w.value = o),
+        m(B, {
+          modelValue: h.value,
+          "onUpdate:modelValue": e[6] || (e[6] = (a) => h.value = a),
           overlay: !0,
           dismissAway: !0,
           "close-button": "",
           "max-width": "400px"
         }, {
-          "dialog-header": T(() => e[15] || (e[15] = [
+          "dialog-header": F(() => e[15] || (e[15] = [
             t("span", null, "Delete Print Template?", -1)
           ])),
-          "dialog-footer": T(() => [
-            p(S, {
+          "dialog-footer": F(() => [
+            m(S, {
               class: "ml-auto",
               label: "Delete",
               variant: "destructive",
@@ -626,12 +628,12 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
               onClick: pe
             }, null, 8, ["loading"])
           ]),
-          default: T(() => [
-            t("div", Ct, [
+          default: F(() => [
+            t("div", Dt, [
               e[17] || (e[17] = t("p", null, "Are you sure you want to delete this print template?", -1)),
               e[18] || (e[18] = t("p", { class: "text-gray-500 text-sm mt-2" }, " The default print layout will be used for all future prints. ", -1)),
               t("div", St, [
-                p(u, {
+                m(u, {
                   name: "warning",
                   size: "sm"
                 }),
@@ -646,43 +648,43 @@ const Pe = { class: "p-3" }, Ee = { class: "text-sm font-semibold text-gray-700
   }
 }), Vt = { class: "p-16 flex flex-col gap-16" }, $t = { class: "bg-white rounded-8 p-16 shadow-sm" }, zt = { class: "fm-typo-en-heading-sm-600 text-fm-color-typo-primary mb-12" }, It = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-16" }, Mt = /* @__PURE__ */ Y({
   __name: "SettingsView",
-  setup(E) {
-    const { t: x } = Ie(), g = Se();
-    g.fetchTemplates();
-    const f = b(!1);
-    function h() {
-      g.invalidate(), g.fetchTemplates();
+  setup(N) {
+    const { t: _ } = Ie(), f = Se();
+    f.fetchTemplates();
+    const y = x(!1);
+    function k() {
+      f.invalidate(), f.fetchTemplates();
     }
     function d() {
-      f.value = !0;
+      y.value = !0;
     }
     return ($, i) => {
-      const m = V("FmButton");
-      return s(), P(_e, {
-        title: O(x)("inventory.settings.title")
+      const v = V("FmButton");
+      return s(), E(_e, {
+        title: O(_)("inventory.settings.title")
       }, {
-        default: T(() => [
+        default: F(() => [
           t("div", Vt, [
-            p(Oe, null, {
-              default: T(() => [
+            m(Oe, null, {
+              default: F(() => [
                 t("div", $t, [
-                  t("h2", zt, F(O(x)("inventory.settings.printTemplate.title")), 1),
-                  t("p", It, F(O(x)("inventory.settings.printTemplate.description")), 1),
-                  p(m, {
+                  t("h2", zt, C(O(_)("inventory.settings.printTemplate.title")), 1),
+                  t("p", It, C(O(_)("inventory.settings.printTemplate.description")), 1),
+                  m(v, {
                     onClick: d,
                     variant: "secondary",
-                    label: O(x)("inventory.settings.printTemplate.edit")
+                    label: O(_)("inventory.settings.printTemplate.edit")
                   }, null, 8, ["label"])
                 ])
               ]),
               _: 1
             })
           ]),
-          (s(), P(xe, { to: "body" }, [
-            p(Bt, {
-              modelValue: f.value,
-              "onUpdate:modelValue": i[0] || (i[0] = (n) => f.value = n),
-              onSaved: h
+          (s(), E(xe, { to: "body" }, [
+            m(Bt, {
+              modelValue: y.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (n) => y.value = n),
+              onSaved: k
             }, null, 8, ["modelValue"])
           ]))
         ]),