@feedmepos/mf-inventory-portal 1.8.0-dev.8 → 1.8.0

package/dist/{SettingsView-K5wAt8oo.js → SettingsView-B5ud0KtI.js}

@@ -1,117 +1,118 @@
-import { defineComponent as ee, ref as _, computed as E, watch as j, resolveComponent as L, createElementBlock as i, openBlock as o, createElementVNode as l, toDisplayString as C, Fragment as A, renderList as W, createBlock as O, createCommentVNode as Z, createVNode as m, nextTick as xe, createSlots as he, withCtx as z, normalizeClass as ue, unref as S, withModifiers as ke, h as V, Teleport as we } from "vue";
+import { defineComponent as ee, ref as k, computed as A, watch as J, resolveComponent as L, createElementBlock as r, openBlock as o, createElementVNode as l, toDisplayString as C, Fragment as E, renderList as Y, createBlock as z, createCommentVNode as Z, createVNode as p, nextTick as xe, createSlots as he, withCtx as P, normalizeClass as ue, unref as w, withModifiers as ke, h as B, Teleport as we } from "vue";
 import { _ as Fe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
-import { B as Y, g as Te, r as Se, s as $e, u as De, a as ae, b as Ce, c as Be, d as be, e as Ve, f as Ie } from "./predefined-templates-C0jtb4T7.js";
+import { B as G, g as Te, r as Se, s as $e, u as Ce, a as ae, b as De, c as Be, d as be, e as Ve, f as Ie } from "./predefined-templates-BlRafgnc.js";
 import { useSnackbar as Pe, components as X } from "@feedmepos/ui-library";
 import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { H as se, I as Oe, u as _e } from "./app-Duum3eHx.js";
+import { H as se, J as Oe, u as Le } from "./app-VtVYHCDF.js";
 import { useCoreStore as ye, useI18n as Ee } from "@feedmepos/mf-common";
-import "./dayjs.min-CQp6EpOp.js";
-import { a as Le, b as Ae, I as Ne, u as Ue } from "./feature-C0hQza5A.js";
-import { _ as He, D as Me } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-Cwmk3NLS.js";
-import { _ as Re } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-DFSg0-gv.js";
-import { _ as je, a as Ke } from "./PlanTierBadge.vue_vue_type_script_setup_true_lang-BSR_nyHY.js";
-const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700 mb-4 pb-2 border-b border-gray-200" }, Ye = { class: "flex flex-col gap-3" }, We = {
+import "./dayjs.min-BOndKK7B.js";
+import { u as _e, a as Ue, I as Ae } from "./feature-VDUlSvM1.js";
+import { _ as He, D as Ne } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-ChekXW32.js";
+import { _ as Me } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-C5cA-lGH.js";
+import { _ as Re } from "./PlanTierBadge.vue_vue_type_script_setup_true_lang-CM3gtYZo.js";
+import { a as je } from "./vue-KHCpiw_e.js";
+const Ke = { class: "p-3" }, qe = { class: "text-sm font-semibold text-gray-700 mb-4 pb-2 border-b border-gray-200" }, Ge = { class: "flex flex-col gap-3" }, Ye = {
   key: 0,
   class: "flex items-center justify-between py-1"
-}, Je = { class: "text-[13px] text-gray-600" }, Qe = { class: "text-[13px] text-gray-600" }, Xe = ["value", "rows", "placeholder", "onInput"], Ze = {
+}, Je = { class: "text-[13px] text-gray-600" }, We = { class: "text-[13px] text-gray-600" }, Qe = ["value", "rows", "placeholder", "onInput"], Xe = {
   key: 5,
   class: "flex items-center justify-between py-1"
-}, et = { class: "text-[13px] text-gray-600" }, tt = ["value", "onInput"], lt = /* @__PURE__ */ ee({
+}, Ze = { class: "text-[13px] text-gray-600" }, et = ["value", "onInput"], tt = /* @__PURE__ */ ee({
   __name: "BlockConfigPanel",
   props: {
     block: {}
   },
   emits: ["update"],
-  setup(N, { emit: h }) {
-    const T = N, k = h;
-    function w(n) {
-      var g;
-      if ((g = n.config) != null && g.configFields && Array.isArray(n.config.configFields)) {
-        const f = n.config.configFields.map((d) => ({ ...d })), x = new Set(f.map((d) => d.key)), a = Y[n.tag], D = a ? a.initialConfigFields().filter((d) => !x.has(d.key)) : [];
-        return [...f, ...D];
+  setup(H, { emit: v }) {
+    const T = H, x = v;
+    function S(c) {
+      var b;
+      if ((b = c.config) != null && b.configFields && Array.isArray(c.config.configFields)) {
+        const _ = c.config.configFields.map((d) => ({ ...d })), h = new Set(_.map((d) => d.key)), a = G[c.tag], $ = a ? a.initialConfigFields().filter((d) => !h.has(d.key)) : [];
+        return [..._, ...$];
       }
-      const r = Y[n.tag];
-      return r ? r.initialConfigFields() : [];
+      const u = G[c.tag];
+      return u ? u.initialConfigFields() : [];
     }
-    const p = _(w(T.block)), $ = E(() => {
-      const n = Y[T.block.tag];
-      return (n == null ? void 0 : n.label) ?? T.block.tag;
+    const m = k(S(T.block)), O = A(() => {
+      const c = G[T.block.tag];
+      return (c == null ? void 0 : c.label) ?? T.block.tag;
     });
-    j(
+    J(
       () => T.block,
-      (n) => {
-        p.value = w(n);
+      (c) => {
+        m.value = S(c);
       },
       { deep: !0 }
     );
-    function v(n, r) {
-      const g = p.value[n];
-      g && (g.value = r, y());
+    function f(c, u) {
+      const b = m.value[c];
+      b && (b.value = u, g());
     }
-    function y() {
-      k("update", {
+    function g() {
+      x("update", {
         ...T.block.config || {},
-        configFields: p.value.map((n) => ({ ...n }))
+        configFields: m.value.map((c) => ({ ...c }))
       });
     }
-    return (n, r) => {
-      const g = L("FmSwitch"), f = L("FmTextField"), x = L("FmSelect");
-      return o(), i("div", qe, [
-        l("div", Ge, C($.value) + " Settings ", 1),
-        l("div", Ye, [
-          (o(!0), i(A, null, W(p.value, (a, D) => (o(), i("div", {
+    return (c, u) => {
+      const b = L("FmSwitch"), _ = L("FmTextField"), h = L("FmSelect");
+      return o(), r("div", Ke, [
+        l("div", qe, C(O.value) + " Settings ", 1),
+        l("div", Ge, [
+          (o(!0), r(E, null, Y(m.value, (a, $) => (o(), r("div", {
             key: a.key
           }, [
-            a.type === "toggle" ? (o(), i("div", We, [
+            a.type === "toggle" ? (o(), r("div", Ye, [
               l("label", Je, C(a.label), 1),
-              m(g, {
+              p(b, {
                 "model-value": a.value,
-                "onUpdate:modelValue": (d) => v(D, d)
+                "onUpdate:modelValue": (d) => f($, d)
               }, null, 8, ["model-value", "onUpdate:modelValue"])
-            ])) : a.type === "text" ? (o(), O(f, {
+            ])) : a.type === "text" ? (o(), z(_, {
               key: 1,
               label: a.label,
               "model-value": a.value,
               placeholder: a.placeholder,
-              "onUpdate:modelValue": (d) => v(D, d)
-            }, null, 8, ["label", "model-value", "placeholder", "onUpdate:modelValue"])) : a.type === "textarea" ? (o(), i(A, { key: 2 }, [
-              l("div", Qe, C(a.label), 1),
+              "onUpdate:modelValue": (d) => f($, d)
+            }, null, 8, ["label", "model-value", "placeholder", "onUpdate:modelValue"])) : a.type === "textarea" ? (o(), r(E, { key: 2 }, [
+              l("div", We, C(a.label), 1),
               l("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: (d) => v(D, d.target.value)
-              }, null, 40, Xe)
-            ], 64)) : a.type === "select" ? (o(), O(x, {
+                onInput: (d) => f($, d.target.value)
+              }, null, 40, Qe)
+            ], 64)) : a.type === "select" ? (o(), z(h, {
               key: 3,
               label: a.label,
               "model-value": a.value,
               items: a.options || [],
               "item-label": "label",
               "item-value": "value",
-              "onUpdate:modelValue": (d) => v(D, d)
-            }, null, 8, ["label", "model-value", "items", "onUpdate:modelValue"])) : a.type === "number" ? (o(), O(f, {
+              "onUpdate:modelValue": (d) => f($, d)
+            }, null, 8, ["label", "model-value", "items", "onUpdate:modelValue"])) : a.type === "number" ? (o(), z(_, {
               key: 4,
               label: a.label,
               type: "number",
               "model-value": String(a.value),
-              "onUpdate:modelValue": (d) => v(D, Number(d))
-            }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : a.type === "color" ? (o(), i("div", Ze, [
-              l("label", et, C(a.label), 1),
+              "onUpdate:modelValue": (d) => f($, Number(d))
+            }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : a.type === "color" ? (o(), r("div", Xe, [
+              l("label", Ze, C(a.label), 1),
               l("input", {
                 type: "color",
                 value: a.value,
                 class: "color-input w-9 h-7 p-0 border border-gray-300 rounded cursor-pointer bg-transparent",
-                onInput: (d) => v(D, d.target.value)
-              }, null, 40, tt)
+                onInput: (d) => f($, d.target.value)
+              }, null, 40, et)
             ])) : Z("", !0)
           ]))), 128))
         ])
       ]);
     };
   }
-}), ot = /* @__PURE__ */ ze(lt, [["__scopeId", "data-v-840687bf"]]), at = { class: "h-full flex flex-col" }, st = { class: "flex-1 overflow-auto p-4 bg-gray-100" }, nt = /* @__PURE__ */ ee({
+}), lt = /* @__PURE__ */ ze(tt, [["__scopeId", "data-v-840687bf"]]), ot = { class: "h-full flex flex-col" }, at = { class: "flex-1 overflow-auto p-4 bg-gray-100" }, st = /* @__PURE__ */ ee({
   __name: "TemplatePreview",
   props: {
     blocks: {},
@@ -119,21 +120,21 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
     selectedBlockId: {},
     templateType: {}
   },
-  setup(N) {
-    const h = N, T = _(null);
-    let k = null;
-    function w() {
-      return !k && T.value && (k = T.value.attachShadow({ mode: "open" })), k;
-    }
-    const p = E(() => h.previewData ?? Te(h.templateType));
-    j(
-      () => [h.blocks, p.value, T.value],
+  setup(H) {
+    const v = H, T = k(null);
+    let x = null;
+    function S() {
+      return !x && T.value && (x = T.value.attachShadow({ mode: "open" })), x;
+    }
+    const m = A(() => v.previewData ?? Te(v.templateType));
+    J(
+      () => [v.blocks, m.value, T.value],
       () => {
-        const v = w();
-        if (v) {
+        const f = S();
+        if (f) {
           try {
-            const y = Se(h.blocks, p.value), n = $e(y);
-            v.innerHTML = `
+            const g = Se(v.blocks, m.value), c = $e(g);
+            f.innerHTML = `
         <style>
           :host { display: block; }
           .preview-scale-wrapper {
@@ -155,30 +156,30 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
           }
         </style>
         <div class="preview-scale-wrapper">
-          <div class="preview-content">${n}</div>
+          <div class="preview-content">${c}</div>
         </div>
       `;
-          } catch (y) {
-            v.innerHTML = `<div style="color:red;padding:20px;">Error rendering template: ${y}</div>`;
+          } catch (g) {
+            f.innerHTML = `<div style="color:red;padding:20px;">Error rendering template: ${g}</div>`;
           }
-          xe(() => $(h.selectedBlockId));
+          xe(() => O(v.selectedBlockId));
         }
       },
       { deep: !0, immediate: !0 }
-    ), j(
-      () => h.selectedBlockId,
-      (v) => $(v)
+    ), J(
+      () => v.selectedBlockId,
+      (f) => O(f)
     );
-    function $(v) {
-      if (!k || (k.querySelectorAll("[data-block-id].highlight").forEach((n) => {
-        n.classList.remove("highlight");
-      }), !v)) return;
-      const y = k.querySelector(`[data-block-id="${v}"]`);
-      y && (y.classList.add("highlight"), y.scrollIntoView({ behavior: "smooth", block: "nearest" }));
-    }
-    return (v, y) => (o(), i("div", at, [
-      y[0] || (y[0] = l("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 border-b border-gray-200" }, " Live Preview ", -1)),
-      l("div", st, [
+    function O(f) {
+      if (!x || (x.querySelectorAll("[data-block-id].highlight").forEach((c) => {
+        c.classList.remove("highlight");
+      }), !f)) return;
+      const g = x.querySelector(`[data-block-id="${f}"]`);
+      g && (g.classList.add("highlight"), g.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    }
+    return (f, g) => (o(), r("div", ot, [
+      g[0] || (g[0] = l("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 border-b border-gray-200" }, " Live Preview ", -1)),
+      l("div", at, [
         l("div", {
           ref_key: "shadowHost",
           ref: T
@@ -186,47 +187,47 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
       ])
     ]));
   }
-}), rt = { class: "flex items-center gap-2 text-base font-semibold" }, it = { key: 1 }, ut = { key: 2 }, ct = {
+}), nt = { class: "flex items-center gap-2 text-base font-semibold" }, rt = { key: 1 }, it = { key: 2 }, ut = {
   key: 0,
   class: "p-6"
-}, dt = {
+}, ct = {
   key: 0,
   class: "flex justify-center items-center h-40 text-gray-400"
-}, pt = {
+}, dt = {
   key: 1,
   class: "grid grid-cols-2 gap-8"
-}, mt = ["onClick"], vt = { class: "flex items-center justify-center w-12 h-12 rounded-xl bg-gray-100 text-gray-500 group-hover:bg-blue-100 group-hover:text-blue-600 transition-colors" }, ft = { class: "text-center" }, yt = { class: "text-sm font-semibold text-gray-700 group-hover:text-blue-700" }, gt = { class: "text-xs text-gray-400 mt-1" }, bt = {
+}, pt = ["onClick"], mt = { class: "flex items-center justify-center w-12 h-12 rounded-xl bg-gray-100 text-gray-500 group-hover:bg-blue-100 group-hover:text-blue-600 transition-colors" }, vt = { class: "text-center" }, ft = { class: "text-sm font-semibold text-gray-700 group-hover:text-blue-700" }, yt = { class: "text-xs text-gray-400 mt-1" }, gt = {
   key: 0,
   class: "absolute top-2.5 right-2.5 text-[10px] font-medium text-green-600 bg-green-50 border border-green-200 px-2 py-0.5 rounded-full"
-}, _t = {
+}, bt = {
   key: 1,
   class: "absolute top-2.5 right-2.5 text-[10px] font-medium text-gray-400 bg-gray-100 px-2 py-0.5 rounded-full"
-}, xt = {
+}, _t = {
   key: 1,
   class: "flex justify-center items-center h-[400px] text-gray-400"
-}, ht = {
+}, xt = {
   key: 2,
   class: "flex h-[calc(100vh-120px)] border-t border-gray-200"
-}, kt = { class: "w-[280px] border-r border-gray-200 overflow-y-auto shrink-0" }, wt = { class: "px-3 pt-3 pb-2" }, Ft = { class: "flex flex-col" }, Tt = ["onClick"], St = { class: "border-y border-gray-100" }, $t = ["onDragstart", "onDragover", "onDrop", "onClick"], Dt = { class: "flex-1" }, Ct = { class: "flex gap-1 opacity-50 hover:opacity-100" }, Bt = {
+}, ht = { class: "w-[280px] border-r border-gray-200 overflow-y-auto shrink-0" }, kt = { class: "px-3 pt-3 pb-2" }, wt = { class: "flex flex-col" }, Ft = ["onClick"], Tt = { class: "border-y border-gray-100" }, St = ["onDragstart", "onDragover", "onDrop", "onClick"], $t = { class: "flex-1" }, Ct = { class: "flex gap-1 opacity-50 hover:opacity-100" }, Dt = {
   key: 0,
   class: "py-6 px-4 text-center text-gray-400 text-[13px]"
-}, Vt = {
+}, Bt = {
   key: 0,
   class: "border-t border-gray-200"
-}, It = {
+}, Vt = {
   key: 1,
   class: "flex items-center justify-center text-gray-400 text-[13px] py-8"
-}, Pt = { class: "p-3 border-t border-gray-200" }, zt = { class: "flex-1 overflow-hidden" }, Ot = { class: "ml-auto flex gap-2" }, Et = { class: "p-4" }, Lt = { 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" }, At = { class: "p-4" }, Nt = { 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" }, Ut = /* @__PURE__ */ ee({
+}, It = { class: "p-3 border-t border-gray-200" }, Pt = { class: "flex-1 overflow-hidden" }, zt = { class: "ml-auto flex gap-2" }, Ot = { class: "p-4" }, Lt = { 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" }, Et = { class: "p-4" }, Ut = { 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" }, At = /* @__PURE__ */ ee({
   __name: "PrintTemplateEditorDialog",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue", "saved"],
-  setup(N, { emit: h }) {
-    const T = N, k = h, w = De(), p = Pe(), $ = ye(), v = E({
+  setup(H, { emit: v }) {
+    const T = H, x = v, S = Ce(), m = Pe(), O = ye(), f = A({
       get: () => T.modelValue,
-      set: (u) => k("update:modelValue", u)
-    }), y = _(!1), n = _(!1), r = _(ae()), g = _(null), f = _(se.Enum.purchaseOrder), x = _("Purchase Order Template"), a = _(null), D = _(!1), d = _(!1), I = _("select-type"), J = [
+      set: (n) => x("update:modelValue", n)
+    }), g = k(!1), c = k(!1), u = k(ae()), b = k(null), _ = k(se.Enum.purchaseOrder), h = k("Purchase Order Template"), a = k(null), $ = k(!1), d = k(!1), V = k("select-type"), W = [
       {
         label: "Purchase Order",
         value: se.Enum.purchaseOrder,
@@ -251,25 +252,25 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
         icon: "local_shipping",
         description: "Customize the layout for delivery order printouts"
       }
-    ], K = _(/* @__PURE__ */ new Set()), Q = E(
-      () => r.value.find((u) => u.id === g.value) ?? null
-    ), U = _(null), H = _(null);
-    j(v, async (u) => {
-      if (u) {
-        I.value = "select-type", y.value = !0;
+    ], j = k(/* @__PURE__ */ new Set()), Q = A(
+      () => u.value.find((n) => n.id === b.value) ?? null
+    ), U = k(null), N = k(null);
+    J(f, async (n) => {
+      if (n) {
+        V.value = "select-type", g.value = !0;
         try {
-          const e = await w.browse();
-          K.value = new Set(e.map((b) => b.type));
+          const e = await S.browse();
+          j.value = new Set(e.map((y) => y.type));
         } catch {
         } finally {
-          y.value = !1;
+          g.value = !1;
         }
       }
-    }), j(f, async () => {
-      g.value = null, await le();
+    }), J(_, async () => {
+      b.value = null, await le();
     });
-    async function ne(u) {
-      f.value = u, await le(), I.value = "editor";
+    async function ne(n) {
+      _.value = n, await le(), V.value = "editor";
     }
     function te() {
       return {
@@ -277,329 +278,329 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
         transferOrder: "Transfer Order Template",
         goodsReceivedNote: "Goods Received Note Template",
         deliveryOrder: "Delivery Order Template"
-      }[f.value] ?? "Purchase Order Template";
+      }[_.value] ?? "Purchase Order Template";
     }
     async function le() {
-      y.value = !0;
+      g.value = !0;
       try {
-        const u = await w.browse();
-        K.value = new Set(u.map((b) => b.type));
-        const e = u.find((b) => b.type === f.value);
-        e ? (a.value = e._id, x.value = e.name, r.value = e.blocks.map((b) => ({ ...b }))) : (a.value = null, r.value = ae(), x.value = te());
+        const n = await S.browse();
+        j.value = new Set(n.map((y) => y.type));
+        const e = n.find((y) => y.type === _.value);
+        e ? (a.value = e._id, h.value = e.name, u.value = e.blocks.map((y) => ({ ...y }))) : (a.value = null, u.value = ae(), h.value = te());
       } catch {
-        r.value = ae(), x.value = te();
+        u.value = ae(), h.value = te();
       } finally {
-        y.value = !1;
+        g.value = !1;
       }
     }
-    function ce(u) {
+    function ce(n) {
       const e = {
         id: Be(),
-        tag: u,
-        config: Ce(u)
+        tag: n,
+        config: De(n)
       };
-      r.value.push(e), g.value = e.id;
+      u.value.push(e), b.value = e.id;
     }
-    function de(u) {
-      const e = r.value.findIndex((b) => b.id === u);
-      e >= 0 && (r.value.splice(e, 1), g.value === u && (g.value = null));
+    function de(n) {
+      const e = u.value.findIndex((y) => y.id === n);
+      e >= 0 && (u.value.splice(e, 1), b.value === n && (b.value = null));
     }
-    function re(u) {
-      const e = r.value.find((b) => b.id === g.value);
+    function re(n) {
+      const e = u.value.find((y) => y.id === b.value);
       if (e) {
-        const b = u.configFields || [], oe = be(e.tag);
-        e.config = { configFields: b, templateHtml: oe };
+        const y = n.configFields || [], oe = be(e.tag);
+        e.config = { configFields: y, templateHtml: oe };
       }
     }
-    function pe(u) {
-      U.value = u;
+    function pe(n) {
+      U.value = n;
     }
-    function me(u, e) {
-      u.preventDefault(), H.value = e;
+    function me(n, e) {
+      n.preventDefault(), N.value = e;
     }
     function ve() {
-      H.value = null;
+      N.value = null;
     }
-    function fe(u) {
-      if (U.value === null || U.value === u) {
-        U.value = null, H.value = null;
+    function fe(n) {
+      if (U.value === null || U.value === n) {
+        U.value = null, N.value = null;
         return;
       }
-      const e = r.value.splice(U.value, 1)[0];
-      r.value.splice(u, 0, e), U.value = null, H.value = null;
+      const e = u.value.splice(U.value, 1)[0];
+      u.value.splice(n, 0, e), U.value = null, N.value = null;
     }
     function t() {
-      U.value = null, H.value = null;
+      U.value = null, N.value = null;
     }
     async function s() {
-      var u;
-      n.value = !0;
+      var n;
+      c.value = !0;
       try {
-        const e = (u = $.currentBusiness.value) == null ? void 0 : u._id;
+        const e = (n = O.currentBusiness.value) == null ? void 0 : n._id;
         if (!e)
           throw new Error("Business ID is missing. Please select a business first.");
-        const b = r.value.map((c) => {
+        const y = u.value.map((i) => {
           var ge;
-          const P = ((ge = c.config) == null ? void 0 : ge.configFields) || [], G = be(c.tag, P);
+          const I = ((ge = i.config) == null ? void 0 : ge.configFields) || [], q = be(i.tag, I);
           return {
-            ...c,
-            config: { configFields: P, templateHtml: G }
+            ...i,
+            config: { configFields: I, templateHtml: q }
           };
-        }), oe = Ve(b), M = {
-          name: x.value,
-          type: f.value,
+        }), oe = Ve(y), M = {
+          name: h.value,
+          type: _.value,
           blocks: oe,
           businessId: e,
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         let R;
-        a.value ? R = await w.update(a.value, {
+        a.value ? R = await S.update(a.value, {
           _id: a.value,
           ...M
-        }) : (R = await w.create(M), a.value = R._id), K.value.add(f.value), d.value = !1, p == null || p.open({
+        }) : (R = await S.create(M), a.value = R._id), j.value.add(_.value), d.value = !1, m == null || m.open({
           title: "Success",
           message: "Print template saved",
           type: "success"
-        }), k("saved", R), v.value = !1;
+        }), x("saved", R), f.value = !1;
       } catch (e) {
-        p == null || p.open({
+        m == null || m.open({
           title: "Error",
           message: (e == null ? void 0 : e.message) || "Failed to save template",
           type: "error"
         });
       } finally {
-        n.value = !1;
+        c.value = !1;
       }
     }
-    async function B() {
+    async function D() {
       if (a.value) {
-        n.value = !0;
+        c.value = !0;
         try {
-          await w.delete(a.value), a.value = null, r.value = ae(), x.value = te(), K.value.delete(f.value), D.value = !1, p == null || p.open({
+          await S.delete(a.value), a.value = null, u.value = ae(), h.value = te(), j.value.delete(_.value), $.value = !1, m == null || m.open({
             title: "Deleted",
             message: "Print template deleted. Default layout will be used.",
             type: "success"
-          }), k("saved", null), v.value = !1;
-        } catch (u) {
-          p == null || p.open({
+          }), x("saved", null), f.value = !1;
+        } catch (n) {
+          m == null || m.open({
             title: "Error",
-            message: (u == null ? void 0 : u.message) || "Failed to delete template",
+            message: (n == null ? void 0 : n.message) || "Failed to delete template",
             type: "error"
           });
         } finally {
-          n.value = !1;
+          c.value = !1;
         }
       }
     }
-    function q() {
-      r.value = ae(), g.value = null;
+    function K() {
+      u.value = ae(), b.value = null;
     }
-    function F(u) {
+    function F(n) {
       var e;
-      return ((e = Y[u]) == null ? void 0 : e.label) ?? u;
+      return ((e = G[n]) == null ? void 0 : e.label) ?? n;
     }
-    function ie(u) {
+    function ie(n) {
       var e;
-      return ((e = Y[u]) == null ? void 0 : e.icon) ?? "widgets";
-    }
-    return (u, e) => {
-      const b = L("FmIcon"), oe = L("FmTextField"), M = L("FmButton"), R = L("FmDialog");
-      return o(), i(A, null, [
-        m(R, {
-          modelValue: v.value,
-          "onUpdate:modelValue": e[4] || (e[4] = (c) => v.value = c),
+      return ((e = G[n]) == null ? void 0 : e.icon) ?? "widgets";
+    }
+    return (n, e) => {
+      const y = L("FmIcon"), oe = L("FmTextField"), M = L("FmButton"), R = L("FmDialog");
+      return o(), r(E, null, [
+        p(R, {
+          modelValue: f.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (i) => f.value = i),
           overlay: !0,
           "close-button": "",
           "max-width": "98vw",
           "max-height": "98vh"
         }, he({
-          "dialog-header": z(() => {
-            var c;
+          "dialog-header": P(() => {
+            var i;
             return [
-              l("div", rt, [
-                I.value === "editor" ? (o(), i("button", {
+              l("div", nt, [
+                V.value === "editor" ? (o(), 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] = (P) => I.value = "select-type")
+                  onClick: e[0] || (e[0] = (I) => V.value = "select-type")
                 }, [
-                  m(b, {
+                  p(y, {
                     name: "arrow_back",
                     size: "sm"
                   })
                 ])) : Z("", !0),
-                I.value === "select-type" ? (o(), i("span", it, "Print Template Editor")) : (o(), i("span", ut, C((c = J.find((P) => P.value === f.value)) == null ? void 0 : c.label) + " Template", 1))
+                V.value === "select-type" ? (o(), r("span", rt, "Print Template Editor")) : (o(), r("span", it, C((i = W.find((I) => I.value === _.value)) == null ? void 0 : i.label) + " Template", 1))
               ])
             ];
           }),
-          default: z(() => [
-            I.value === "select-type" ? (o(), i("div", ct, [
+          default: P(() => [
+            V.value === "select-type" ? (o(), r("div", ut, [
               e[7] || (e[7] = l("p", { class: "text-sm text-gray-500 mb-5" }, " Select a template type to customize its print layout. ", -1)),
-              y.value ? (o(), i("div", dt, " Loading... ")) : (o(), i("div", pt, [
-                (o(), i(A, null, W(J, (c) => l("div", {
-                  key: c.value,
+              g.value ? (o(), r("div", ct, " Loading... ")) : (o(), r("div", dt, [
+                (o(), r(E, null, Y(W, (i) => l("div", {
+                  key: i.value,
                   class: ue(["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": f.value === c.value && I.value === "select-type"
+                    "border-blue-500 bg-blue-50/50 shadow-md": _.value === i.value && V.value === "select-type"
                   }]),
-                  onClick: (P) => ne(c.value)
+                  onClick: (I) => ne(i.value)
                 }, [
-                  l("div", vt, [
-                    m(b, {
-                      name: c.icon,
+                  l("div", mt, [
+                    p(y, {
+                      name: i.icon,
                       size: "sm"
                     }, null, 8, ["name"])
                   ]),
-                  l("div", ft, [
-                    l("div", yt, C(c.label), 1),
-                    l("div", gt, C(c.description), 1)
+                  l("div", vt, [
+                    l("div", ft, C(i.label), 1),
+                    l("div", yt, C(i.description), 1)
                   ]),
-                  K.value.has(c.value) ? (o(), i("span", bt, "Customized")) : (o(), i("span", _t, "Default"))
-                ], 10, mt)), 64))
+                  j.value.has(i.value) ? (o(), r("span", gt, "Customized")) : (o(), r("span", bt, "Default"))
+                ], 10, pt)), 64))
               ]))
-            ])) : y.value ? (o(), i("div", xt, e[8] || (e[8] = [
+            ])) : g.value ? (o(), r("div", _t, e[8] || (e[8] = [
               l("div", null, "Loading template...", -1)
-            ]))) : (o(), i("div", ht, [
-              l("div", kt, [
-                l("div", wt, [
-                  m(oe, {
-                    modelValue: x.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (c) => x.value = c),
+            ]))) : (o(), r("div", xt, [
+              l("div", ht, [
+                l("div", kt, [
+                  p(oe, {
+                    modelValue: h.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (i) => h.value = i),
                     placeholder: "Template name",
                     label: "Template Name"
                   }, null, 8, ["modelValue"])
                 ]),
                 e[9] || (e[9] = l("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2" }, " Add Blocks ", -1)),
-                l("div", Ft, [
-                  (o(!0), i(A, null, W(S(Oe).Values, (c) => (o(), i("div", {
-                    key: c,
+                l("div", wt, [
+                  (o(!0), r(E, null, Y(w(Oe).Values, (i) => (o(), r("div", {
+                    key: i,
                     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: (P) => ce(c)
+                    onClick: (I) => ce(i)
                   }, [
-                    m(b, {
-                      name: S(Y)[c].icon,
+                    p(y, {
+                      name: w(G)[i].icon,
                       size: "sm"
                     }, null, 8, ["name"]),
-                    l("span", null, C(S(Y)[c].label), 1),
-                    m(b, {
+                    l("span", null, C(w(G)[i].label), 1),
+                    p(y, {
                       name: "add",
                       size: "sm",
                       class: "ml-auto opacity-0 text-blue-600 group-hover:opacity-100"
                     })
-                  ], 8, Tt))), 128))
+                  ], 8, Ft))), 128))
                 ]),
                 e[10] || (e[10] = l("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 mt-2" }, " Block Order ", -1)),
-                l("div", St, [
-                  (o(!0), i(A, null, W(r.value, (c, P) => (o(), i("div", {
-                    key: c.id,
+                l("div", Tt, [
+                  (o(!0), r(E, null, Y(u.value, (i, I) => (o(), r("div", {
+                    key: i.id,
                     class: ue(["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": c.id === g.value,
-                      "border-t-2 border-t-blue-600": H.value === P
+                      "bg-blue-50 border-l-[3px] border-l-blue-600": i.id === b.value,
+                      "border-t-2 border-t-blue-600": N.value === I
                     }]),
                     draggable: "true",
-                    onDragstart: (G) => pe(P),
-                    onDragover: (G) => me(G, P),
+                    onDragstart: (q) => pe(I),
+                    onDragover: (q) => me(q, I),
                     onDragleave: ve,
-                    onDrop: (G) => fe(P),
+                    onDrop: (q) => fe(I),
                     onDragend: t,
-                    onClick: (G) => g.value = c.id
+                    onClick: (q) => b.value = i.id
                   }, [
-                    m(b, {
+                    p(y, {
                       name: "drag_indicator",
                       size: "sm",
                       class: "cursor-grab text-gray-300"
                     }),
-                    m(b, {
-                      name: ie(c.tag),
+                    p(y, {
+                      name: ie(i.tag),
                       size: "sm"
                     }, null, 8, ["name"]),
-                    l("span", Dt, C(F(c.tag)), 1),
+                    l("span", $t, C(F(i.tag)), 1),
                     l("div", Ct, [
-                      m(b, {
+                      p(y, {
                         name: "delete",
                         size: "sm",
                         class: "cursor-pointer text-gray-400 hover:text-red-500",
-                        onClick: ke((G) => de(c.id), ["stop"])
+                        onClick: ke((q) => de(i.id), ["stop"])
                       }, null, 8, ["onClick"])
                     ])
-                  ], 42, $t))), 128)),
-                  r.value.length === 0 ? (o(), i("div", Bt, " Click a block above to add it ")) : Z("", !0)
+                  ], 42, St))), 128)),
+                  u.value.length === 0 ? (o(), r("div", Dt, " Click a block above to add it ")) : Z("", !0)
                 ]),
-                Q.value ? (o(), i("div", Vt, [
-                  (o(), O(ot, {
+                Q.value ? (o(), r("div", Bt, [
+                  (o(), z(lt, {
                     key: Q.value.id,
                     block: Q.value,
                     onUpdate: re
                   }, null, 8, ["block"]))
-                ])) : (o(), i("div", It, " Select a block to configure it ")),
-                l("div", Pt, [
-                  m(M, {
+                ])) : (o(), r("div", Vt, " Select a block to configure it ")),
+                l("div", It, [
+                  p(M, {
                     label: "Reset to Default",
                     variant: "plain",
                     size: "md",
-                    onClick: q
+                    onClick: K
                   })
                 ])
               ]),
-              l("div", zt, [
-                m(nt, {
-                  blocks: r.value,
-                  "selected-block-id": g.value,
-                  "template-type": f.value
+              l("div", Pt, [
+                p(st, {
+                  blocks: u.value,
+                  "selected-block-id": b.value,
+                  "template-type": _.value
                 }, null, 8, ["blocks", "selected-block-id", "template-type"])
               ])
             ]))
           ]),
           _: 2
         }, [
-          I.value === "editor" ? {
+          V.value === "editor" ? {
             name: "dialog-footer",
-            fn: z(() => [
-              l("div", Ot, [
-                a.value ? (o(), O(M, {
+            fn: P(() => [
+              l("div", zt, [
+                a.value ? (o(), z(M, {
                   key: 0,
                   label: "Delete Template",
                   variant: "destructive",
                   size: "md",
-                  onClick: e[2] || (e[2] = (c) => D.value = !0)
+                  onClick: e[2] || (e[2] = (i) => $.value = !0)
                 })) : Z("", !0),
-                m(M, {
+                p(M, {
                   label: "Save Template",
                   variant: "primary",
                   size: "md",
-                  onClick: e[3] || (e[3] = (c) => d.value = !0)
+                  onClick: e[3] || (e[3] = (i) => d.value = !0)
                 })
               ])
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["modelValue"]),
-        m(R, {
+        p(R, {
           modelValue: d.value,
-          "onUpdate:modelValue": e[5] || (e[5] = (c) => d.value = c),
+          "onUpdate:modelValue": e[5] || (e[5] = (i) => d.value = i),
           overlay: !0,
           dismissAway: !0,
           "close-button": "",
           "max-width": "400px"
         }, {
-          "dialog-header": z(() => e[11] || (e[11] = [
+          "dialog-header": P(() => e[11] || (e[11] = [
             l("span", null, "Save Print Template?", -1)
           ])),
-          "dialog-footer": z(() => [
-            m(M, {
+          "dialog-footer": P(() => [
+            p(M, {
               class: "ml-auto",
               label: "Save",
               variant: "primary",
               size: "md",
-              loading: n.value,
+              loading: c.value,
               onClick: s
             }, null, 8, ["loading"])
           ]),
-          default: z(() => [
-            l("div", Et, [
+          default: P(() => [
+            l("div", Ot, [
               e[13] || (e[13] = l("p", null, "Are you sure you want to save this print template?", -1)),
               e[14] || (e[14] = l("p", { class: "text-gray-500 text-sm mt-2" }, " This template will be used for all future prints of this type. ", -1)),
               l("div", Lt, [
-                m(b, {
+                p(y, {
                   name: "warning",
                   size: "sm"
                 }),
@@ -609,33 +610,33 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        m(R, {
-          modelValue: D.value,
-          "onUpdate:modelValue": e[6] || (e[6] = (c) => D.value = c),
+        p(R, {
+          modelValue: $.value,
+          "onUpdate:modelValue": e[6] || (e[6] = (i) => $.value = i),
           overlay: !0,
           dismissAway: !0,
           "close-button": "",
           "max-width": "400px"
         }, {
-          "dialog-header": z(() => e[15] || (e[15] = [
+          "dialog-header": P(() => e[15] || (e[15] = [
             l("span", null, "Delete Print Template?", -1)
           ])),
-          "dialog-footer": z(() => [
-            m(M, {
+          "dialog-footer": P(() => [
+            p(M, {
               class: "ml-auto",
               label: "Delete",
               variant: "destructive",
               size: "md",
-              loading: n.value,
-              onClick: B
+              loading: c.value,
+              onClick: D
             }, null, 8, ["loading"])
           ]),
-          default: z(() => [
-            l("div", At, [
+          default: P(() => [
+            l("div", Et, [
               e[17] || (e[17] = l("p", null, "Are you sure you want to delete this print template?", -1)),
               e[18] || (e[18] = l("p", { class: "text-gray-500 text-sm mt-2" }, " The default print layout will be used for all future prints. ", -1)),
-              l("div", Nt, [
-                m(b, {
+              l("div", Ut, [
+                p(y, {
                   name: "warning",
                   size: "sm"
                 }),
@@ -648,65 +649,34 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
       ], 64);
     };
   }
-}), Ht = { class: "flex flex-wrap items-center gap-8 border-b border-fm-color-neutral-gray-200 pb-16" }, Mt = {
+}), Ht = { class: "flex flex-wrap items-center gap-8 border-b border-fm-color-neutral-gray-200 pb-16" }, Nt = {
   key: 0,
-  class: "text-fm-color-typo-secondary"
-}, Rt = {
+  class: "text-fm-color-typo-error"
+}, Mt = {
   key: 1,
   class: "text-fm-color-typo-secondary"
-}, jt = {
-  key: 2,
-  class: "text-fm-color-typo-error"
-}, Kt = {
-  key: 4,
+}, Rt = {
+  key: 3,
   class: "fm-typo-en-body-md-600"
-}, qt = {
-  key: 5,
-  class: "text-fm-color-typo-secondary"
-}, Gt = /* @__PURE__ */ ee({
+}, jt = /* @__PURE__ */ ee({
   __name: "PlanLicenseDisplay",
-  props: {
-    scopeDbName: {}
-  },
-  setup(N) {
-    const h = N, T = _e(), k = Le(), w = E(() => T.locationByDbName[h.scopeDbName ?? ""]), p = E(() => {
-      var r;
-      const n = (r = w.value) == null ? void 0 : r.doc;
-      return n ? n.id || n._id : void 0;
-    }), $ = _(null), v = _(!1), y = _(!1);
-    return j(
-      p,
-      async (n, r, g) => {
-        if ($.value = null, y.value = !1, !n) return;
-        let f = !1;
-        g(() => {
-          f = !0;
-        }), v.value = !0;
-        try {
-          const x = await k.getInventoryPlan(n);
-          f || ($.value = x);
-        } catch {
-          f || (y.value = !0);
-        } finally {
-          f || (v.value = !1);
-        }
-      },
-      { immediate: !0 }
-    ), (n, r) => (o(), i("div", Ht, [
-      r[0] || (r[0] = l("span", { class: "fm-typo-en-body-md-600" }, "Inventory plan", -1)),
-      w.value ? v.value ? (o(), i("span", Rt, "Loading…")) : y.value ? (o(), i("span", jt, "Could not load plan")) : $.value === "Premium" ? (o(), O(je, {
-        key: 3,
+  setup(H) {
+    const v = _e();
+    return (T, x) => (o(), r("div", Ht, [
+      x[0] || (x[0] = l("span", { class: "fm-typo-en-body-md-600" }, "Inventory plan", -1)),
+      w(v).loadState.status === "error" ? (o(), r("span", Nt, "Could not load plan")) : w(v).isLoaded ? w(v).premium ? (o(), z(Re, {
+        key: 2,
         tier: "premium"
-      })) : $.value === "Standard" ? (o(), i("span", Kt, "Standard")) : (o(), i("span", qt, "No plan assigned")) : (o(), i("span", Mt, "Select a location to view its plan"))
+      })) : (o(), r("span", Rt, "Standard")) : (o(), r("span", Mt, "Loading…"))
     ]));
   }
-}), Yt = { class: "flex min-h-0 w-full flex-col gap-12" }, Wt = { class: "flex w-full flex-wrap items-center gap-8" }, Jt = /* @__PURE__ */ ee({
+}), Kt = { class: "flex min-h-0 w-full flex-col gap-12" }, qt = { class: "flex w-full flex-wrap items-center gap-8" }, Gt = /* @__PURE__ */ ee({
   __name: "FeatureFlagView",
-  setup(N) {
-    const h = Ue(), T = _e(), k = ye(), w = Ae(), p = X.FmSwitch, $ = X.FmTable, v = X.FmMenu, y = X.FmMenuDivider, n = X.FmMenuHeader, r = X.FmMenuItem, g = /* @__PURE__ */ new Set(), f = {
+  setup(H) {
+    const v = _e(), T = Le(), x = ye(), S = Ue(), m = X.FmSwitch, O = X.FmTable, f = X.FmMenu, g = X.FmMenuDivider, c = X.FmMenuHeader, u = X.FmMenuItem, b = /* @__PURE__ */ new Set(), _ = {
       inventory_pos_closing_v1: "Use v2: Closing Draft and Closing Template.",
       inventory_pos_convert_v1: "Use Production Item instead."
-    }, x = _([]), a = _(null), D = ["In use", "Deprecate Soon", "Deprecated"], d = _(null), I = _({}), J = _(!1), K = {
+    }, h = k([]), a = k(null), $ = ["In use", "Deprecate Soon", "Deprecated"], d = k(null), V = k({}), W = k(!1), j = {
       inventory_netsuite_inventory_transfer_out: ["netsuite"],
       inventory_portal_accept_require_fulfillment: ["mobile"],
       inventory_portal_must_use_transfer_template: ["mobile"],
@@ -722,64 +692,67 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
       inventory_pos_stock_return: ["mobile"],
       inventory_pos_transfer_require_fulfillment: ["mobile", "pos-v7", "pos-7.8"],
       inventory_purchase_order_approval: ["mobile"]
-    }, Q = E(
-      () => Object.values(Ne).map((t) => {
-        const s = h.flags.find((B) => B.name === t);
+    }, Q = A(
+      () => Object.values(Ae).map((t) => {
+        const s = v.flags.find((D) => D.name === t);
         return {
           name: t,
           enabled: (s == null ? void 0 : s.enabled) ?? null,
-          domains: ["portal", ...K[t] ?? []],
-          features: Ke(t)
+          domains: ["portal", ...j[t] ?? []],
+          features: je(t)
         };
       })
-    ), U = E(
+    ), U = A(
       () => [...new Set(Q.value.flatMap((t) => t.domains))].sort()
-    ), H = E(
+    ), N = A(
       () => Q.value.filter(
-        (t) => (x.value.length === 0 || x.value.some((s) => t.domains.includes(s))) && (!a.value || re(t) === a.value)
+        (t) => (h.value.length === 0 || h.value.some((s) => t.domains.includes(s))) && (!a.value || re(t) === a.value)
       )
     );
     function ne(t) {
-      x.value = x.value.includes(t) ? x.value.filter((s) => s !== t) : [...x.value, t];
+      h.value = h.value.includes(t) ? h.value.filter((s) => s !== t) : [...h.value, t];
     }
     function te() {
-      x.value = [], a.value = null;
+      h.value = [], a.value = null;
     }
     function le(t) {
       return t.domains.includes("mobile") || t.domains.some((s) => s.startsWith("pos-"));
     }
     function ce(t) {
-      return d.value && le(t) ? I.value[t.name] === !0 : t.enabled === !0;
+      return d.value && le(t) ? V.value[t.name] === !0 : t.enabled === !0;
     }
     async function de(t) {
       if (!t) {
-        I.value = {};
+        V.value = {};
         return;
       }
       const s = t;
-      J.value = !0;
+      W.value = !0;
       try {
-        const { flags: B } = await w.listForScope(s);
-        d.value === s && (I.value = Object.fromEntries(B.map((q) => [q.name, q.enabled])));
-      } catch (B) {
-        console.error("Unable to load feature flags for the selected scope", B), d.value === s && (I.value = {});
+        const [{ flags: D }] = await Promise.all([
+          S.listForScope(s),
+          v.retryLoad()
+        ]);
+        d.value === s && (V.value = Object.fromEntries(D.map((K) => [K.name, K.enabled])));
+      } catch (D) {
+        console.error("Unable to load feature flags for the selected scope", D), d.value === s && (V.value = {});
       } finally {
-        d.value === s && (J.value = !1);
+        d.value === s && (W.value = !1);
       }
     }
-    j(
+    J(
       () => {
         var t;
-        return (t = k.currentBusiness.value) != null && t._id ? `business_${k.currentBusiness.value._id}` : null;
+        return (t = x.currentBusiness.value) != null && t._id ? `business_${x.currentBusiness.value._id}` : null;
       },
       (t) => {
         var s;
         d.value || (d.value = ((s = T._currentLocation) == null ? void 0 : s.dbName) ?? t);
       },
       { immediate: !0 }
-    ), j(d, de, { immediate: !0 });
+    ), J(d, de, { immediate: !0 });
     function re(t) {
-      return g.has(t.name) ? "Deprecated" : f[t.name] ? "Deprecate Soon" : "In use";
+      return b.has(t.name) ? "Deprecated" : _[t.name] ? "Deprecate Soon" : "In use";
     }
     function pe(t) {
       return t === "Deprecated" ? "bg-red-50 text-red-700" : t === "Deprecate Soon" ? "bg-fm-color-state-warning-subtle text-fm-color-state-warning-base" : "bg-green-50 text-green-700";
@@ -788,17 +761,17 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
       return t.features.length === 0 ? ["Controls the availability of this inventory feature."] : t.features.length === 1 ? [t.features[0].controls] : t.features.map((s) => `${s.label}: ${s.controls}`);
     }
     function ve(t) {
-      return g.has(t.name) ? "This flag is deprecated. Use its supported replacement for new work." : f[t.name];
+      return b.has(t.name) ? "This flag is deprecated. Use its supported replacement for new work." : _[t.name];
     }
-    const fe = E(() => [
+    const fe = A(() => [
       {
         accessorKey: "name",
         header: "Feature flag",
         meta: { width: "27%" },
-        cell: ({ row: t }) => V("div", { class: "flex flex-wrap items-center gap-2" }, [
-          V("span", { class: "break-all font-mono text-xs text-gray-700" }, t.original.name),
+        cell: ({ row: t }) => B("div", { class: "flex flex-wrap items-center gap-2" }, [
+          B("span", { class: "break-all font-mono text-xs text-gray-700" }, t.original.name),
           ...t.original.features.slice(0, 1).map(
-            (s) => V(He, {
+            (s) => B(He, {
               tier: s.category === "premium" ? "premium" : "standard",
               category: s.category,
               deprecateSoon: s.deprecateSoon,
@@ -811,11 +784,11 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
         id: "domains",
         header: "Domains",
         meta: { width: "19%" },
-        cell: ({ row: t }) => V(
+        cell: ({ row: t }) => B(
           "div",
           { class: "flex flex-wrap gap-2" },
           t.original.domains.map(
-            (s) => V(
+            (s) => B(
               "span",
               {
                 class: "rounded-full bg-fm-color-neutral-gray-100 px-2 py-0.5 text-xs font-medium text-fm-color-typo-secondary"
@@ -831,11 +804,11 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
         meta: { width: "29%" },
         cell: ({ row: t }) => {
           const s = ve(t.original);
-          return V("div", { class: "flex flex-col gap-2 text-xs" }, [
+          return B("div", { class: "flex flex-col gap-2 text-xs" }, [
             ...me(t.original).map(
-              (B) => V("span", { class: "text-fm-color-typo-secondary" }, B)
+              (D) => B("span", { class: "text-fm-color-typo-secondary" }, D)
             ),
-            ...s ? [V("span", { class: "text-fm-color-state-warning-base" }, s)] : []
+            ...s ? [B("span", { class: "text-fm-color-state-warning-base" }, s)] : []
           ]);
         }
       },
@@ -845,7 +818,7 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
         meta: { width: "13%" },
         cell: ({ row: t }) => {
           const s = re(t.original);
-          return s === "Deprecate Soon" ? V(Me) : V(
+          return s === "Deprecate Soon" ? B(Ne) : B(
             "span",
             {
               class: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${pe(s)}`
@@ -860,63 +833,63 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
         meta: { width: "12%" },
         cell: ({ row: t }) => {
           const s = !!d.value && le(t.original);
-          return V("div", { class: "flex flex-col items-end gap-2" }, [
-            V(p, { modelValue: ce(t.original), disabled: !0, showIcon: !0 }),
-            ...s && J.value ? [V("span", { class: "text-xs text-gray-500" }, "Loading location value…")] : [],
-            ...t.original.features.some((B) => B.category === "premium") && t.original.enabled !== !0 && !s ? [V("span", { class: "text-xs text-gray-500" }, "Controlled by the Premium plan")] : []
+          return B("div", { class: "flex flex-col items-end gap-2" }, [
+            B(m, { modelValue: ce(t.original), disabled: !0, showIcon: !0 }),
+            ...s && W.value ? [B("span", { class: "text-xs text-gray-500" }, "Loading location value…")] : [],
+            ...t.original.features.some((D) => D.category === "premium") && t.original.enabled !== !0 && !s ? [B("span", { class: "text-xs text-gray-500" }, "Controlled by the Premium plan")] : []
           ]);
         }
       }
     ]);
     return (t, s) => {
-      const B = L("FmChip"), q = L("FmButton");
-      return o(), i("div", Yt, [
-        m(Gt, { "scope-db-name": d.value }, null, 8, ["scope-db-name"]),
-        l("div", Wt, [
-          m(Re, {
+      const D = L("FmChip"), K = L("FmButton");
+      return o(), r("div", Kt, [
+        p(jt),
+        l("div", qt, [
+          p(Me, {
             "model-value": d.value,
             "onUpdate:modelValue": s[0] || (s[0] = (F) => d.value = F),
             "selection-only": "",
             "show-business": ""
           }, null, 8, ["model-value"]),
-          (o(!0), i(A, null, W(x.value, (F) => (o(), O(B, {
+          (o(!0), r(E, null, Y(h.value, (F) => (o(), z(D, {
             key: F,
             label: `domain in ${F}`,
             removable: "",
             onChipClosed: (ie) => ne(F)
           }, null, 8, ["label", "onChipClosed"]))), 128)),
-          a.value ? (o(), O(B, {
+          a.value ? (o(), z(D, {
             key: 0,
             label: `status in ${a.value}`,
             removable: "",
             onChipClosed: s[1] || (s[1] = (F) => a.value = null)
           }, null, 8, ["label"])) : Z("", !0),
-          m(S(v), {
+          p(w(f), {
             "close-on-click": !1,
             width: 288,
             "max-height": 420,
             placement: "bottom-start"
           }, {
-            "menu-button": z(() => [
-              m(q, {
+            "menu-button": P(() => [
+              p(K, {
                 label: "Filter",
                 "prepend-icon": "add",
                 variant: "secondary"
               })
             ]),
-            default: z(() => [
-              m(S(n), { label: "Domains" }),
-              (o(!0), i(A, null, W(U.value, (F) => (o(), O(S(r), {
+            default: P(() => [
+              p(w(c), { label: "Domains" }),
+              (o(!0), r(E, null, Y(U.value, (F) => (o(), z(w(u), {
                 key: F,
                 label: F,
                 selectable: "",
                 "has-checkbox": "",
-                "model-value": x.value.includes(F),
+                "model-value": h.value.includes(F),
                 onClick: (ie) => ne(F)
               }, null, 8, ["label", "model-value", "onClick"]))), 128)),
-              m(S(y)),
-              m(S(n), { label: "Status" }),
-              (o(), i(A, null, W(D, (F) => m(S(r), {
+              p(w(g)),
+              p(w(c), { label: "Status" }),
+              (o(), r(E, null, Y($, (F) => p(w(u), {
                 key: F,
                 label: F,
                 selectable: "",
@@ -927,16 +900,16 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
             ]),
             _: 1
           }),
-          x.value.length || a.value ? (o(), O(q, {
+          h.value.length || a.value ? (o(), z(K, {
             key: 1,
             label: "Clear all",
             variant: "tertiary",
             onClick: te
           })) : Z("", !0)
         ]),
-        m(S($), {
+        p(w(O), {
           "column-defs": fe.value,
-          "row-data": H.value,
+          "row-data": N.value,
           "page-size": 50,
           "hide-footer": "",
           "shrink-at": !1
@@ -944,81 +917,81 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
       ]);
     };
   }
-}), Qt = { class: "flex w-full flex-col gap-16 p-16" }, Xt = {
+}), Yt = { class: "flex w-full flex-col gap-16 p-16" }, Jt = {
   key: 0,
   class: "py-32 text-center"
-}, Zt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, el = {
+}, Wt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qt = {
   class: "flex gap-2 border-b border-gray-200",
   role: "tablist"
-}, tl = ["aria-selected"], ll = ["aria-selected"], ol = { key: 0 }, al = { class: "flex items-center justify-between gap-12" }, sl = { class: "fm-typo-en-heading-sm-600 text-fm-color-typo-primary" }, nl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rl = {
+}, Xt = ["aria-selected"], Zt = ["aria-selected"], el = { key: 0 }, tl = { class: "flex items-center justify-between gap-12" }, ll = { class: "fm-typo-en-heading-sm-600 text-fm-color-typo-primary" }, ol = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, al = {
   key: 1,
   class: "w-full"
-}, il = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, hl = /* @__PURE__ */ ee({
+}, sl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = /* @__PURE__ */ ee({
   __name: "SettingsView",
-  setup(N) {
-    const { t: h } = Ee(), T = ye(), k = Ie(), w = _(!1), p = _("order"), $ = E(() => {
-      var n, r;
-      return ((r = (n = T.sessionUser.value) == null ? void 0 : n.role) == null ? void 0 : r.isAdmin) === !0;
+  setup(H) {
+    const { t: v } = Ee(), T = ye(), x = Ie(), S = k(!1), m = k("order"), O = A(() => {
+      var c, u;
+      return ((u = (c = T.sessionUser.value) == null ? void 0 : c.role) == null ? void 0 : u.isAdmin) === !0;
     });
-    function v() {
-      k.invalidate(), k.fetchTemplates();
+    function f() {
+      x.invalidate(), x.fetchTemplates();
     }
-    function y() {
-      k.fetchTemplates(), w.value = !0;
+    function g() {
+      x.fetchTemplates(), S.value = !0;
     }
-    return (n, r) => {
-      const g = L("FmButton");
-      return o(), O(Fe, {
-        title: S(h)("inventory.settings.title")
+    return (c, u) => {
+      const b = L("FmButton");
+      return o(), z(Fe, {
+        title: w(v)("inventory.settings.title")
       }, {
-        default: z(() => [
-          l("div", Qt, [
-            $.value ? (o(), i(A, { key: 1 }, [
-              l("div", el, [
+        default: P(() => [
+          l("div", Yt, [
+            O.value ? (o(), r(E, { key: 1 }, [
+              l("div", Qt, [
                 l("button", {
                   type: "button",
                   role: "tab",
-                  "aria-selected": p.value === "order",
+                  "aria-selected": m.value === "order",
                   class: ue([
                     "border-b-2 px-3 py-2 text-sm font-medium",
-                    p.value === "order" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
+                    m.value === "order" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
                   ]),
-                  onClick: r[0] || (r[0] = (f) => p.value = "order")
-                }, C(S(h)("inventory.settings.order.title")), 11, tl),
+                  onClick: u[0] || (u[0] = (_) => m.value = "order")
+                }, C(w(v)("inventory.settings.order.title")), 11, Xt),
                 l("button", {
                   type: "button",
                   role: "tab",
-                  "aria-selected": p.value === "features",
+                  "aria-selected": m.value === "features",
                   class: ue([
                     "border-b-2 px-3 py-2 text-sm font-medium",
-                    p.value === "features" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
+                    m.value === "features" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
                   ]),
-                  onClick: r[1] || (r[1] = (f) => p.value = "features")
-                }, C(S(h)("inventory.settings.features.title")), 11, ll)
+                  onClick: u[1] || (u[1] = (_) => m.value = "features")
+                }, C(w(v)("inventory.settings.features.title")), 11, Zt)
               ]),
-              p.value === "order" ? (o(), i("div", ol, [
-                l("div", al, [
-                  l("h2", sl, C(S(h)("inventory.settings.order.printTemplates")), 1),
-                  m(g, {
-                    onClick: y,
+              m.value === "order" ? (o(), r("div", el, [
+                l("div", tl, [
+                  l("h2", ll, C(w(v)("inventory.settings.order.printTemplates")), 1),
+                  p(b, {
+                    onClick: g,
                     variant: "secondary",
-                    label: S(h)("inventory.settings.printTemplate.edit")
+                    label: w(v)("inventory.settings.printTemplate.edit")
                   }, null, 8, ["label"])
                 ]),
-                l("p", nl, C(S(h)("inventory.settings.printTemplate.description")), 1)
-              ])) : (o(), i("div", rl, [
-                l("p", il, C(S(h)("inventory.settings.features.description")), 1),
-                m(Jt)
+                l("p", ol, C(w(v)("inventory.settings.printTemplate.description")), 1)
+              ])) : (o(), r("div", al, [
+                l("p", sl, C(w(v)("inventory.settings.features.description")), 1),
+                p(Gt)
               ]))
-            ], 64)) : (o(), i("div", Xt, [
-              l("p", Zt, C(S(h)("inventory.settings.adminOnly")), 1)
+            ], 64)) : (o(), r("div", Jt, [
+              l("p", Wt, C(w(v)("inventory.settings.adminOnly")), 1)
             ]))
           ]),
-          (o(), O(we, { to: "body" }, [
-            m(Ut, {
-              modelValue: w.value,
-              "onUpdate:modelValue": r[2] || (r[2] = (f) => w.value = f),
-              onSaved: v
+          (o(), z(we, { to: "body" }, [
+            p(At, {
+              modelValue: S.value,
+              "onUpdate:modelValue": u[2] || (u[2] = (_) => S.value = _),
+              onSaved: f
             }, null, 8, ["modelValue"])
           ]))
         ]),
@@ -1028,5 +1001,5 @@ const qe = { class: "p-3" }, Ge = { class: "text-sm font-semibold text-gray-700
   }
 });
 export {
-  hl as default
+  _l as default
 };