@feedmepos/mf-inventory-portal 0.0.23-dev.37 → 0.0.23-dev.38

package/dist/{IntegrationView-BCnyd5ZT.js → IntegrationView-BqAqngtM.js}

@@ -1,6 +1,6 @@
-import { ref as Q, computed as R, defineComponent as F, mergeModels as ge, useModel as pe, onMounted as ve, resolveComponent as O, openBlock as C, createElementBlock as H, createElementVNode as c, toDisplayString as L, unref as y, createVNode as M, createBlock as Z, withCtx as N, Fragment as G, renderList as U, normalizeClass as q, normalizeStyle as Ie, createSlots as ye, createCommentVNode as K, withModifiers as be, reactive as te, watch as ne, isRef as ie, Teleport as oe } from "vue";
+import { ref as Q, computed as R, defineComponent as F, mergeModels as ge, useModel as pe, onMounted as ve, resolveComponent as O, openBlock as C, createElementBlock as V, createElementVNode as c, toDisplayString as L, unref as b, createVNode as M, createBlock as Z, withCtx as J, Fragment as G, renderList as U, normalizeClass as q, normalizeStyle as Ie, createSlots as be, createCommentVNode as K, withModifiers as ye, reactive as te, watch as ne, isRef as ie, Teleport as oe } from "vue";
 import { E as Ee } from "./empty-placeholder-wf6-BWE8.js";
-import { u as _, aM as se, b as re, aN as le, aH as he, e as T, y as Be, z as Ce } from "./app-pBbFb2kn.js";
+import { u as _, aJ as se, b as re, aK as le, aD as he, e as T, z as Be, B as Ce } from "./app-UTiudUUR.js";
 import { useSnackbar as ae, useDialogChild as Se, useDialog as de, useProxiedModel as ue, useBreakpoints as $ } from "@feedmepos/ui-library";
 import { useI18n as Y, useCoreStore as ke } from "@feedmepos/mf-common";
 function xe() {
@@ -107,16 +107,16 @@ function Re(g, A) {
     matched: !0
   };
 }
-function J(g) {
+function N(g) {
   return Object.prototype.hasOwnProperty.call(g, "children");
 }
-const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex items-center" }, ze = {
+const Ve = { class: "flex flex-col gap-12 h-[350px]" }, He = { class: "flex items-center" }, ze = {
   class: "flex-1",
   "data-cy": "items-selected"
 }, Oe = {
   class: "flex-1",
   "data-cy": "filter-field"
-}, Le = ["data-cy"], Xe = { class: "flex flex-col" }, Ne = { class: "fm-typo-en-body-md-400" }, Je = {
+}, Le = ["data-cy"], Xe = { class: "flex flex-col" }, Je = { class: "fm-typo-en-body-md-400" }, Ne = {
   key: 1,
   class: "w-full py-16 text-fm-color-typo-disabled fm-typo-en-body-md-400 text-center"
 }, Ae = /* @__PURE__ */ F({
@@ -141,7 +141,7 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
       );
     }
     function p(e) {
-      return r(e) ? !0 : J(e) ? e.children.some(p) : !1;
+      return r(e) ? !0 : N(e) ? e.children.some(p) : !1;
     }
     function k(e, n) {
       if (!f.value)
@@ -153,12 +153,12 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
       return ee(
         f.value,
         w.sublabel ? [w.label, w.sublabel] : [w.label]
-      ) ? !0 : x.length === 0 ? p(w) : J(w) ? k(x, w.children) : !1;
+      ) ? !0 : x.length === 0 ? p(w) : N(w) ? k(x, w.children) : !1;
     }
-    function V(e, n, u = 0, x = !1) {
-      if (J(e) && e.children.length) {
+    function H(e, n, u = 0, x = !1) {
+      if (N(e) && e.children.length) {
         const { children: w, ...X } = e, j = w.flatMap(
-          (B, P) => V(B, [...n, P], u + 1, x || e.disabled)
+          (B, P) => H(B, [...n, P], u + 1, x || e.disabled)
         );
         return [
           {
@@ -182,10 +182,10 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
       ];
     }
     const z = R(() => A.value.flatMap(
-      (e, n) => V(e, [n]).filter((u) => k(u.keys, A.value))
+      (e, n) => H(e, [n]).filter((u) => k(u.keys, A.value))
     ));
     function E(e) {
-      if (J(e)) {
+      if (N(e)) {
         if (p(e)) {
           const n = r(e) ? e.children : e.children.filter(p);
           return n.length === 0 ? !1 : n.every(E);
@@ -199,10 +199,10 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
       if (typeof u != "number")
         return !1;
       const w = n[u];
-      return x.length === 0 ? E(w ?? []) : J(w) ? m(x, w.children ?? []) : !1;
+      return x.length === 0 ? E(w ?? []) : N(w) ? m(x, w.children ?? []) : !1;
     }
     function v(e) {
-      if (J(e)) {
+      if (N(e)) {
         if (p(e)) {
           const n = r(e) ? e.children : e.children.filter(p);
           return n.length === 0 ? !1 : n.some(E) && !n.every(E);
@@ -216,12 +216,12 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
       if (typeof u != "number")
         return !1;
       const w = n[u];
-      return x.length === 0 ? v(w ?? []) : J(w) ? I(x, (w == null ? void 0 : w.children) ?? []) : !1;
+      return x.length === 0 ? v(w ?? []) : N(w) ? I(x, (w == null ? void 0 : w.children) ?? []) : !1;
     }
     function S(e, n) {
       if (e.disabled)
         return e;
-      if (J(e)) {
+      if (N(e)) {
         if (p(e)) {
           const u = r(e) ? e.children : e.children.filter(p);
           return {
@@ -242,7 +242,7 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
     function h(e, n, u) {
       const [x, ...w] = e;
       return typeof x != "number" ? n : w.length === 0 ? n.map((X, j) => x !== j ? X : S(X, u)) : n.map(
-        (X, j) => x === j && J(X) ? {
+        (X, j) => x === j && N(X) ? {
           ...X,
           children: h(w, X.children, u)
         } : X
@@ -264,19 +264,19 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
     const d = R(
       () => z.value.filter((e) => k(e.keys, A.value) && e.active).length
     );
-    function b(e, n, u) {
+    function y(e, n, u) {
       A.value = h(e, n, u), o.emitData(A.value);
     }
     return (e, n) => {
       const u = O("FmSearch"), x = O("FmCheckbox"), w = O("FmButton"), X = O("FmListItem"), j = O("FmList");
-      return C(), H("div", He, [
-        c("div", Ve, [
-          c("div", ze, L(y(l)("inventory.formField.itemsSelected", { count: d.value })), 1),
+      return C(), V("div", Ve, [
+        c("div", He, [
+          c("div", ze, L(b(l)("inventory.formField.itemsSelected", { count: d.value })), 1),
           c("div", Oe, [
             M(u, {
               modelValue: f.value,
               "onUpdate:modelValue": n[0] || (n[0] = (B) => f.value = B),
-              placeholder: y(l)("inventory.formField.filterItems")
+              placeholder: b(l)("inventory.formField.filterItems")
             }, null, 8, ["modelValue", "placeholder"])
           ])
         ]),
@@ -284,8 +284,8 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
           key: 0,
           class: "flex-1 overflow-y-auto"
         }, {
-          default: N(() => [
-            (C(!0), H(G, null, U(z.value, (B) => (C(), H("div", {
+          default: J(() => [
+            (C(!0), V(G, null, U(z.value, (B) => (C(), V("div", {
               key: B.keys.join(),
               class: q([
                 "transition-all overflow-y-clip",
@@ -295,25 +295,25 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
             }, [
               M(X, {
                 clickable: B.selectable !== !1,
-                onClick: () => B.selectable === !1 || B.disabled || b(B.keys, A.value, !m(B.keys, A.value)),
+                onClick: () => B.selectable === !1 || B.disabled || y(B.keys, A.value, !m(B.keys, A.value)),
                 style: Ie({
                   paddingLeft: `${16 + B.indent * 16}px`,
                   paddingTop: "4px",
                   paddingBottom: "4px"
                 }),
                 disabled: B.selectable !== !1 && B.disabled
-              }, ye({
-                default: N(() => [
+              }, be({
+                default: J(() => [
                   c("div", Xe, [
-                    c("div", Ne, [
-                      (C(!0), H(G, null, U(y(Re)(f.value, B.label).segments, (P, me) => (C(), H("span", {
+                    c("div", Je, [
+                      (C(!0), V(G, null, U(b(Re)(f.value, B.label).segments, (P, me) => (C(), V("span", {
                         key: me,
                         class: q({
                           "font-bold": P.isMatch
                         })
                       }, L(P.segment), 3))), 128))
                     ]),
-                    B.sublabel ? (C(), H("div", {
+                    B.sublabel ? (C(), V("div", {
                       key: 0,
                       class: q([
                         "fm-typo-en-body-sm-400",
@@ -326,7 +326,7 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
               }, [
                 B.selectable !== !1 ? {
                   name: "prepend",
-                  fn: N(() => [
+                  fn: J(() => [
                     M(x, {
                       disabled: B.disabled,
                       "model-value": m(B.keys, A.value),
@@ -338,12 +338,12 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
                 } : void 0,
                 B.collapsible ? {
                   name: "append",
-                  fn: N(() => [
+                  fn: J(() => [
                     M(w, {
                       "prepend-icon": t(B.keys) ? "expand_less" : "expand_more",
                       size: "md",
                       variant: "tertiary",
-                      onClick: be(() => i(B.keys), ["stop"])
+                      onClick: ye(() => i(B.keys), ["stop"])
                     }, null, 8, ["prepend-icon", "onClick"])
                   ]),
                   key: "1"
@@ -352,7 +352,7 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
             ], 10, Le))), 128))
           ]),
           _: 1
-        })) : (C(), H("div", Je, L(y(l)("inventory.formField.noItemsFound")), 1))
+        })) : (C(), V("div", Ne, L(b(l)("inventory.formField.noItemsFound")), 1))
       ]);
     };
   }
@@ -407,7 +407,7 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
         o.modifiers.filter((v) => v.selection !== m)
       );
     }
-    function V({ selection: m }, v) {
+    function H({ selection: m }, v) {
       const I = o.modifiers.find((S) => S.selection === m);
       I && (I.code = v);
     }
@@ -452,7 +452,7 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
         const S = T(o.modifiers);
         let h = [];
         function s(t, i) {
-          if (i(t), J(t))
+          if (i(t), N(t))
             for (let a of t.children)
               s(a, i);
         }
@@ -460,8 +460,8 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
           s(t, (i) => {
             var e;
             if (o.groups.find(({ _id: n }) => n === i.value)) return;
-            const d = p.value.find(({ selection: n }) => n === i.value), b = h.find(({ selection: n }) => i.value === n);
-            !J(i) && i.active && b === void 0 && h.push({
+            const d = p.value.find(({ selection: n }) => n === i.value), y = h.find(({ selection: n }) => i.value === n);
+            !N(i) && i.active && y === void 0 && h.push({
               addonGroupId: (d == null ? void 0 : d.groupId) ?? "",
               selection: i.value,
               code: ((e = S.find(({ selection: n }) => i.value === n)) == null ? void 0 : e.code) ?? ""
@@ -473,39 +473,39 @@ const He = { class: "flex flex-col gap-12 h-[350px]" }, Ve = { class: "flex item
     const { t: E } = Y();
     return (m, v) => {
       const I = O("FmButton"), S = O("FmTextField");
-      return C(), H("div", je, [
+      return C(), V("div", je, [
         c("div", Qe, [
-          c("div", Ke, L(y(E)("inventory.integration.apply.addons")), 1),
+          c("div", Ke, L(b(E)("inventory.integration.apply.addons")), 1),
           M(I, {
             type: "button",
             variant: "plain",
             size: "md",
             icon: "link",
-            label: y(E)("inventory.integration.apply.applyAddon"),
+            label: b(E)("inventory.integration.apply.applyAddon"),
             onClick: v[0] || (v[0] = (h) => z())
           }, null, 8, ["label"])
         ]),
         c("div", null, [
-          r.value.length > 0 ? (C(), H("table", Ze, [
+          r.value.length > 0 ? (C(), V("table", Ze, [
             c("tr", Fe, [
-              c("th", Ye, L(y(E)("inventory.integration.apply.name")), 1),
-              c("th", null, L(y(E)("inventory.integration.apply.code")), 1),
+              c("th", Ye, L(b(E)("inventory.integration.apply.name")), 1),
+              c("th", null, L(b(E)("inventory.integration.apply.code")), 1),
               v[1] || (v[1] = c("th", { class: "w-1" }, " ", -1))
             ]),
-            (C(!0), H(G, null, U(r.value, (h, s) => (C(), H(G, { key: s }, [
+            (C(!0), V(G, null, U(r.value, (h, s) => (C(), V(G, { key: s }, [
               v[2] || (v[2] = c("tr", { class: "block h-8" }, null, -1)),
               c("tr", null, [
                 c("td", null, [
                   c("div", De, [
                     c("div", Te, L(h.name), 1),
-                    h.groupName ? (C(), H("div", qe, L(h.groupName), 1)) : K("", !0)
+                    h.groupName ? (C(), V("div", qe, L(h.groupName), 1)) : K("", !0)
                   ])
                 ]),
                 c("td", null, [
                   M(S, {
                     disabled: g.loading,
                     "model-value": h.code,
-                    "onUpdate:modelValue": [(t) => h.code = t, (t) => V(h, t)],
+                    "onUpdate:modelValue": [(t) => h.code = t, (t) => H(h, t)],
                     rules: [
                       function(i) {
                         return !!i || "Required";
@@ -539,13 +539,13 @@ function Ue(g, A = []) {
 function We(g, A, o) {
   const f = o.reduce((r, p) => {
     var E, m, v;
-    const k = p.category || "", V = Ue(A, (E = p.variant) == null ? void 0 : E.variantGroupIds), z = {
+    const k = p.category || "", H = Ue(A, (E = p.variant) == null ? void 0 : E.variantGroupIds), z = {
       ...p,
       codeName: [p.code, p.name].filter((I) => !!I).join(" "),
       variant: {
         variantGroupIds: ((m = p.variant) == null ? void 0 : m.variantGroupIds) || [],
         variantCombinations: (((v = p.variant) == null ? void 0 : v.variantCombinations) || []).map((I) => {
-          const S = I.code, h = I.name || V[I.combinationKey || ""];
+          const S = I.code, h = I.name || H[I.combinationKey || ""];
           return {
             ...I,
             codeName: [S, h].filter((s) => !!s).join(" ").trim() || "-"
@@ -569,7 +569,7 @@ function fe(g, A) {
   if (g.length == 1)
     return g[0];
   const o = g[0], f = g.slice(1, g.length), l = fe(f, A);
-  return o.reduce((p, k) => [...p, ...l.map((V) => A(k, V))], new Array());
+  return o.reduce((p, k) => [...p, ...l.map((H) => A(k, H))], new Array());
 }
 function _e(g) {
   if (g.length === 0) return [];
@@ -627,10 +627,10 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
   setup(g, { emit: A }) {
     const o = g, f = A, l = de(), r = R(() => o.isAddon ? "Addons" : "Products"), p = R(() => o.isAddon ? [] : o.categories), k = R(
       () => We(p.value, o.variants, o.menus)
-    ), V = R(() => {
+    ), H = R(() => {
       if (o.isAddon)
         return o.bindings.map((i) => {
-          const a = o.menus.find((b) => b._id === i.productId), d = (a == null ? void 0 : a.name) ?? "-";
+          const a = o.menus.find((y) => y._id === i.productId), d = (a == null ? void 0 : a.name) ?? "-";
           return {
             ...i,
             name: d,
@@ -641,17 +641,17 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       return o.bindings.map((i) => {
         var n;
         const a = t.find((u) => u._id === i.productId), d = (a == null ? void 0 : a.name) ?? "-";
-        let b = (a == null ? void 0 : a.code) ?? "-", e;
+        let y = (a == null ? void 0 : a.code) ?? "-", e;
         if (i.combinationKey) {
           const u = (((n = a == null ? void 0 : a.variant) == null ? void 0 : n.variantCombinations) || []).find(
             (x) => x.combinationKey === i.combinationKey
           );
-          e = (u == null ? void 0 : u.name) ?? (u == null ? void 0 : u.codeName) ?? "", b = (u == null ? void 0 : u.code) ?? b;
+          e = (u == null ? void 0 : u.name) ?? (u == null ? void 0 : u.codeName) ?? "", y = (u == null ? void 0 : u.code) ?? y;
         }
         return {
           ...i,
           name: d,
-          itemCode: b,
+          itemCode: y,
           variantName: e
         };
       });
@@ -666,7 +666,7 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     }
     function E({ productId: t, combinationKey: i }, a) {
       const d = o.bindings.find(
-        (b) => b.productId === t && b.combinationKey === i
+        (y) => y.productId === t && y.combinationKey === i
       );
       d && (d.code = a);
     }
@@ -690,18 +690,18 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
                   productId: i._id
                 },
                 active: !!o.bindings.find(
-                  ({ productId: b, combinationKey: e }) => i._id === b && !e
+                  ({ productId: y, combinationKey: e }) => i._id === y && !e
                 )
               },
-              ...a.map((b) => ({
-                label: b.codeName ?? "",
+              ...a.map((y) => ({
+                label: y.codeName ?? "",
                 value: {
                   productId: i._id,
-                  combinationKey: b.combinationKey
+                  combinationKey: y.combinationKey
                 },
                 sublabel: "Variant",
                 active: !!o.bindings.find(
-                  ({ productId: e, combinationKey: n }) => i._id === e && b.combinationKey === n
+                  ({ productId: e, combinationKey: n }) => i._id === e && y.combinationKey === n
                 )
               }))
             ]
@@ -711,7 +711,7 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
               productId: i._id
             },
             active: !!o.bindings.find(
-              ({ productId: b, combinationKey: e }) => i._id === b && !e
+              ({ productId: y, combinationKey: e }) => i._id === y && !e
             )
           };
         })
@@ -730,7 +730,7 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       const i = T(o.bindings);
       return t.flatMap((a) => a.children.flatMap((d) => {
         var e;
-        if (J(d))
+        if (N(d))
           return d.children.filter((n) => n.active).map((n) => {
             var w, X;
             const { productId: u, combinationKey: x } = n.value;
@@ -747,11 +747,11 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           });
         if (!d.active)
           return [];
-        const { productId: b } = d.value;
+        const { productId: y } = d.value;
         return [
           {
-            productId: b,
-            code: ((e = i.find(({ productId: n, combinationKey: u }) => b === n && !u)) == null ? void 0 : e.code) ?? ""
+            productId: y,
+            code: ((e = i.find(({ productId: n, combinationKey: u }) => y === n && !u)) == null ? void 0 : e.code) ?? ""
           }
         ];
       }));
@@ -763,7 +763,7 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           var d;
           return {
             productId: a.value.productId,
-            code: ((d = i.find(({ productId: b }) => b === a.value.productId)) == null ? void 0 : d.code) ?? ""
+            code: ((d = i.find(({ productId: y }) => y === a.value.productId)) == null ? void 0 : d.code) ?? ""
           };
         }
       );
@@ -790,38 +790,38 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     const { t: s } = Y();
     return (t, i) => {
       const a = O("FmButton"), d = O("FmTextField");
-      return C(), H("div", $e, [
+      return C(), V("div", $e, [
         c("div", et, [
-          c("div", tt, L(g.isAddon ? y(s)("inventory.integration.apply.addons") : y(s)("inventory.integration.apply.products")), 1),
+          c("div", tt, L(g.isAddon ? b(s)("inventory.integration.apply.addons") : b(s)("inventory.integration.apply.products")), 1),
           M(a, {
             type: "button",
             variant: "plain",
             size: "md",
             icon: "link",
-            label: g.isAddon ? y(s)("inventory.integration.apply.applyAddon") : y(s)("inventory.integration.apply.applyProduct"),
-            onClick: i[0] || (i[0] = (b) => h())
+            label: g.isAddon ? b(s)("inventory.integration.apply.applyAddon") : b(s)("inventory.integration.apply.applyProduct"),
+            onClick: i[0] || (i[0] = (y) => h())
           }, null, 8, ["label"])
         ]),
         c("div", null, [
-          V.value.length > 0 ? (C(), H("table", nt, [
+          H.value.length > 0 ? (C(), V("table", nt, [
             c("tr", it, [
-              c("th", ot, L(y(s)("inventory.integration.apply.name")), 1),
-              c("th", null, L(y(s)("inventory.integration.apply.code")), 1),
+              c("th", ot, L(b(s)("inventory.integration.apply.name")), 1),
+              c("th", null, L(b(s)("inventory.integration.apply.code")), 1),
               i[1] || (i[1] = c("th", { class: "w-1" }, " ", -1))
             ]),
-            (C(!0), H(G, null, U(V.value, (b, e) => (C(), H(G, { key: e }, [
+            (C(!0), V(G, null, U(H.value, (y, e) => (C(), V(G, { key: e }, [
               i[2] || (i[2] = c("tr", { class: "block h-8" }, null, -1)),
               c("tr", null, [
                 c("td", null, [
                   c("div", st, [
-                    c("div", rt, L(b.itemCode) + " " + L(b.name), 1),
-                    b.variantName ? (C(), H("div", lt, L(b.variantName), 1)) : K("", !0)
+                    c("div", rt, L(y.itemCode) + " " + L(y.name), 1),
+                    y.variantName ? (C(), V("div", lt, L(y.variantName), 1)) : K("", !0)
                   ])
                 ]),
                 c("td", null, [
                   M(d, {
-                    "model-value": b.code,
-                    "onUpdate:modelValue": [(n) => b.code = n, (n) => E(b, n)],
+                    "model-value": y.code,
+                    "onUpdate:modelValue": [(n) => y.code = n, (n) => E(y, n)],
                     rules: [
                       function(u) {
                         return !!u || "Required";
@@ -836,7 +836,7 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
                     icon: "delete",
                     "icon-color": "#000000",
                     size: "md",
-                    onClick: (n) => z(b)
+                    onClick: (n) => z(y)
                   }, null, 8, ["onClick"])
                 ])
               ])
@@ -870,21 +870,21 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       var E, m;
       (m = (E = r.value) == null ? void 0 : E.validateInputs) == null || m.call(E);
     }
-    function V() {
+    function H() {
       f("update:setting", T(l)), f("submit");
     }
     const { t: z } = Y();
     return (E, m) => {
       const v = O("FmChip"), I = O("FmForm"), S = O("FmButton"), h = O("FmSideSheet");
       return C(), Z(h, {
-        modelValue: y(p),
+        modelValue: b(p),
         "onUpdate:modelValue": m[4] || (m[4] = (s) => ie(p) ? p.value = s : null),
-        header: y(z)("inventory.integration.apply.title"),
+        header: b(z)("inventory.integration.apply.title"),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 500
       }, {
-        default: N(() => [
+        default: J(() => [
           c("div", dt, [
             c("div", null, [
               M(v, { label: "Menu v3" })
@@ -892,9 +892,9 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
             M(I, {
               ref_key: "formRef",
               ref: r,
-              onValidationSuccess: m[2] || (m[2] = (s) => V())
+              onValidationSuccess: m[2] || (m[2] = (s) => H())
             }, {
-              default: N(() => [
+              default: J(() => [
                 M(W, {
                   bindings: l.bindings,
                   categories: E.categories,
@@ -914,11 +914,11 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
             }, 512)
           ])
         ]),
-        "side-sheet-footer": N(() => [
+        "side-sheet-footer": J(() => [
           M(S, {
             loading: E.loading,
             type: "submit",
-            label: y(z)("common.confirm"),
+            label: b(z)("common.confirm"),
             onClick: m[3] || (m[3] = (s) => k())
           }, null, 8, ["loading", "label"])
         ]),
@@ -948,7 +948,7 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     const r = R(() => o.menus.filter((s) => (s == null ? void 0 : s.category) === null)), p = R(() => l.bindings.filter((s) => {
       const t = o.menus.find((i) => i._id === s.productId);
       return t ? (t == null ? void 0 : t.category) === null : !1;
-    })), k = R(() => o.menus.filter((s) => (s == null ? void 0 : s.category) !== null)), V = R(() => l.bindings.filter((s) => {
+    })), k = R(() => o.menus.filter((s) => (s == null ? void 0 : s.category) !== null)), H = R(() => l.bindings.filter((s) => {
       const t = o.menus.find((i) => i._id === s.productId);
       return t ? (t == null ? void 0 : t.category) !== null : !1;
     }));
@@ -956,7 +956,7 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       l.bindings = [...p.value, ...s];
     }
     function E(s) {
-      l.bindings = [...V.value, ...s];
+      l.bindings = [...H.value, ...s];
     }
     const m = Q(), v = ue(o, "show");
     function I() {
@@ -968,16 +968,16 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     }
     const { t: h } = Y();
     return (s, t) => {
-      const i = O("FmChip"), a = O("FmForm"), d = O("FmButton"), b = O("FmSideSheet");
-      return C(), Z(b, {
-        modelValue: y(v),
+      const i = O("FmChip"), a = O("FmForm"), d = O("FmButton"), y = O("FmSideSheet");
+      return C(), Z(y, {
+        modelValue: b(v),
         "onUpdate:modelValue": t[4] || (t[4] = (e) => ie(v) ? v.value = e : null),
-        header: y(h)("inventory.integration.apply.title"),
+        header: b(h)("inventory.integration.apply.title"),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 500
       }, {
-        default: N(() => [
+        default: J(() => [
           c("div", ct, [
             c("div", null, [
               M(i, { label: "Menu v4" })
@@ -987,11 +987,11 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
               ref: m,
               onValidationSuccess: t[2] || (t[2] = (e) => S())
             }, {
-              default: N(() => [
+              default: J(() => [
                 M(W, {
                   categories: s.categories,
                   variants: s.variants,
-                  bindings: V.value,
+                  bindings: H.value,
                   menus: k.value,
                   "onUpdate:bindings": t[0] || (t[0] = (e) => z(e))
                 }, null, 8, ["categories", "variants", "bindings", "menus"]),
@@ -1008,11 +1008,11 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
             }, 512)
           ])
         ]),
-        "side-sheet-footer": N(() => [
+        "side-sheet-footer": J(() => [
           M(d, {
             loading: s.loading,
             type: "submit",
-            label: y(h)("common.confirm"),
+            label: b(h)("common.confirm"),
             onClick: t[3] || (t[3] = (e) => I())
           }, null, 8, ["loading", "label"])
         ]),
@@ -1020,10 +1020,10 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       }, 8, ["modelValue", "header"]);
     };
   }
-}), ft = { key: 0 }, mt = { class: "flex justify-center" }, gt = ["src"], pt = { class: "flex flex-col items-center gap-2" }, vt = { class: "text-lg font-bold" }, It = { class: "text-fm-color-neutral-gray-300" }, yt = { key: 0 }, bt = /* @__PURE__ */ F({
+}), ft = { key: 0 }, mt = { class: "flex justify-center" }, gt = ["src"], pt = { class: "flex flex-col items-center gap-2" }, vt = { class: "text-lg font-bold" }, It = { class: "text-fm-color-neutral-gray-300" }, bt = { key: 0 }, yt = /* @__PURE__ */ F({
   __name: "FoodMarketHub",
   setup(g) {
-    const A = ke(), o = ae(), f = _(), l = Q(!1), r = ce(), p = R(() => r.state.menu ?? []), k = R(() => r.state.group ?? []), V = R(() => r.state.variants ?? []), z = R(() => r.state.categories ?? []), E = se(), m = R(() => {
+    const A = ke(), o = ae(), f = _(), l = Q(!1), r = ce(), p = R(() => r.state.menu ?? []), k = R(() => r.state.group ?? []), H = R(() => r.state.variants ?? []), z = R(() => r.state.categories ?? []), E = se(), m = R(() => {
       var a;
       return (a = A.currentBusiness.value) == null ? void 0 : a.menuVersion;
     });
@@ -1057,8 +1057,8 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     }
     const { t: i } = Y();
     return (a, d) => {
-      const b = O("FmCardSection"), e = O("FmCard");
-      return y(r).isEnabled && !y(r).isBusinessLocation ? (C(), H("div", ft, [
+      const y = O("FmCardSection"), e = O("FmCard");
+      return b(r).isEnabled && !b(r).isBusinessLocation ? (C(), V("div", ft, [
         M(e, {
           class: q({
             "w-full": s.value,
@@ -1070,18 +1070,18 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           }),
           onClick: d[0] || (d[0] = (n) => I())
         }, {
-          default: N(() => [
-            M(b, null, {
-              default: N(() => [
+          default: J(() => [
+            M(y, null, {
+              default: J(() => [
                 c("div", mt, [
                   c("img", {
-                    src: y(Me),
+                    src: b(Me),
                     alt: "Food Market Hub"
                   }, null, 8, gt)
                 ]),
                 c("div", pt, [
-                  c("div", vt, L(y(i)("inventory.integration.fmh.title")), 1),
-                  c("div", It, L(y(i)("inventory.integration.fmh.description")), 1)
+                  c("div", vt, L(b(i)("inventory.integration.fmh.title")), 1),
+                  c("div", It, L(b(i)("inventory.integration.fmh.description")), 1)
                 ])
               ]),
               _: 1
@@ -1089,15 +1089,15 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           ]),
           _: 1
         }, 8, ["class"]),
-        y(r).state.setting ? (C(), H("div", yt, [
+        b(r).state.setting ? (C(), V("div", bt, [
           (C(), Z(oe, { to: "body" }, [
             m.value === "v3" ? (C(), Z(ut, {
               key: 0,
               menus: p.value,
-              variants: V.value,
+              variants: H.value,
               categories: z.value,
-              setting: y(r).state.setting,
-              "onUpdate:setting": d[1] || (d[1] = (n) => y(r).state.setting = n),
+              setting: b(r).state.setting,
+              "onUpdate:setting": d[1] || (d[1] = (n) => b(r).state.setting = n),
               show: v.value,
               "onUpdate:show": d[2] || (d[2] = (n) => v.value = n),
               groups: k.value,
@@ -1106,10 +1106,10 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
             }, null, 8, ["menus", "variants", "categories", "setting", "show", "groups", "loading"])) : (C(), Z(At, {
               key: 1,
               menus: p.value,
-              variants: V.value,
+              variants: H.value,
               categories: z.value,
-              setting: y(r).state.setting,
-              "onUpdate:setting": d[4] || (d[4] = (n) => y(r).state.setting = n),
+              setting: b(r).state.setting,
+              "onUpdate:setting": d[4] || (d[4] = (n) => b(r).state.setting = n),
               show: v.value,
               "onUpdate:show": d[5] || (d[5] = (n) => v.value = n),
               groups: k.value,
@@ -1129,9 +1129,9 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       o.value = !0;
     }
     const { breakpoints: l } = $(), r = R(() => l.value.xs || l.value.sm), p = R(() => r.value), { t: k } = Y();
-    return (V, z) => {
+    return (H, z) => {
       const E = O("FmCardSection"), m = O("FmCard");
-      return y(A).isEnabled && y(A).isBusinessLocation ? (C(), H("div", ht, [
+      return b(A).isEnabled && b(A).isBusinessLocation ? (C(), V("div", ht, [
         M(m, {
           class: q({
             "w-full": p.value,
@@ -1143,18 +1143,18 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           }),
           onClick: z[0] || (z[0] = (v) => f())
         }, {
-          default: N(() => [
+          default: J(() => [
             M(E, null, {
-              default: N(() => [
+              default: J(() => [
                 c("div", Bt, [
                   c("img", {
-                    src: y(Et),
+                    src: b(Et),
                     alt: "NetSuite"
                   }, null, 8, Ct)
                 ]),
                 c("div", St, [
-                  c("div", kt, L(y(k)("inventory.integration.netsuite.title")), 1),
-                  c("div", xt, L(y(k)("inventory.integration.netsuite.description")), 1)
+                  c("div", kt, L(b(k)("inventory.integration.netsuite.title")), 1),
+                  c("div", xt, L(b(k)("inventory.integration.netsuite.description")), 1)
                 ])
               ]),
               _: 1
@@ -1162,28 +1162,28 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           ]),
           _: 1
         }, 8, ["class"]),
-        y(A).state.setting ? (C(), H("div", wt, [
+        b(A).state.setting ? (C(), V("div", wt, [
           (C(), Z(oe, { to: "body" }))
         ])) : K("", !0)
       ])) : K("", !0);
     };
   }
-}), Rt = { key: 0 }, Ht = {
+}), Rt = { key: 0 }, Vt = {
   key: 1,
   class: "flex flex-col items-center my-10 gap-5"
-}, Vt = ["src"], zt = {
+}, Ht = ["src"], zt = {
   class: "text-xs text-neutral-400 text-center",
   style: { "max-width": "25rem" }
 }, Ot = { key: 2 }, Qt = /* @__PURE__ */ F({
   __name: "IntegrationView",
   setup(g) {
     const A = _(), o = Q(!1), f = we(), { breakpoints: l } = $(), r = R(() => l.value.xs || l.value.sm), { t: p } = Y();
-    return (k, V) => {
+    return (k, H) => {
       const z = O("FmCircularProgress");
       return C(), Z(Be, {
-        title: y(p)("inventory.integration.title")
+        title: b(p)("inventory.integration.title")
       }, {
-        default: N(() => [
+        default: J(() => [
           c("div", {
             class: q([
               "flex flex-col gap-8 max-h-full",
@@ -1197,20 +1197,20 @@ const $e = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
               "change-location": "",
               showBusiness: ""
             }),
-            !y(A)._currentLocation || o.value ? (C(), H("div", Rt, [
+            !b(A)._currentLocation || o.value ? (C(), V("div", Rt, [
               M(z, { size: "lg" })
-            ])) : y(f).enabledIntegrations == 0 ? (C(), H("div", Ht, [
+            ])) : b(f).enabledIntegrations == 0 ? (C(), V("div", Vt, [
               c("div", null, [
                 c("img", {
-                  src: y(Ee),
+                  src: b(Ee),
                   alt: "List is empty"
-                }, null, 8, Vt)
+                }, null, 8, Ht)
               ]),
-              V[0] || (V[0] = c("div", { class: "font-bold text-lg" }, "Integration", -1)),
-              c("div", zt, L(y(p)("inventory.integration.description")), 1)
-            ])) : (C(), H("div", Ot, [
+              H[0] || (H[0] = c("div", { class: "font-bold text-lg" }, "Integration", -1)),
+              c("div", zt, L(b(p)("inventory.integration.description")), 1)
+            ])) : (C(), V("div", Ot, [
               M(Mt),
-              M(bt)
+              M(yt)
             ]))
           ], 2)
         ]),