@feedmepos/mf-inventory-portal 1.2.24 → 1.2.25-dev.2

package/dist/{IntegrationView-B_mGrVu5.js → IntegrationView-DD1QWlE3.js}

@@ -1,10 +1,10 @@
-import { defineComponent as Q, mergeModels as Te, useModel as we, onMounted as ve, ref as O, computed as T, resolveComponent as B, openBlock as I, createElementBlock as L, createElementVNode as s, toDisplayString as R, unref as S, createVNode as b, createBlock as H, withCtx as N, Fragment as Y, renderList as W, normalizeClass as K, normalizeStyle as je, createSlots as te, createCommentVNode as z, withModifiers as ze, reactive as ge, watch as ye, isRef as le, Teleport as de, h as M, createTextVNode as q, watchEffect as He } from "vue";
+import { defineComponent as Y, mergeModels as Te, useModel as we, onMounted as ve, ref as R, computed as T, resolveComponent as B, openBlock as I, createElementBlock as L, createElementVNode as s, toDisplayString as O, unref as S, createVNode as b, createBlock as H, withCtx as N, Fragment as Q, renderList as W, normalizeClass as K, normalizeStyle as je, createSlots as te, createCommentVNode as z, withModifiers as ze, reactive as ge, watch as ye, isRef as le, Teleport as de, h as M, createTextVNode as q, watchEffect as He } from "vue";
 import { E as Ue } from "./empty-placeholder-wf6-BWE8.js";
-import { b8 as Xe, aX as Qe, f as ne, u as $, b9 as Ye, ba as Je, r as Ke, b as re, aL as me, n as Pe, b3 as fe, ab as Ae, ac as be, a as he, x as qe, h as ke, $ as G, a5 as Be, bb as Ce, aQ as Ee, a$ as Fe, Y as Le, C as Ve, a6 as ce, c as Ne, I as Ze, J as Ge } from "./app-Cl-v2EjQ.js";
+import { b8 as Xe, aY as Ye, f as ne, u as $, b9 as Qe, ba as Je, r as Ke, b as re, aM as me, n as Pe, b3 as fe, ab as Ae, ac as be, a as he, x as qe, h as ke, $ as G, a5 as Be, bb as Ce, aR as Ee, aD as Fe, Y as Le, C as Ve, a6 as ce, c as Ne, I as Ze, J as Ge } from "./app-NmiyG_NE.js";
 import { useDialogChild as We, useDialog as ue, useProxiedModel as ie, useSnackbar as ee, useBreakpoints as De, components as oe } from "@feedmepos/ui-library";
 import { useI18n as Z, useCoreStore as se } from "@feedmepos/mf-common";
-import { a as $e, b as et, c as tt, u as nt } from "./index-CL9QvjgU.js";
-import { _ as ot, F as st } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CqDOpQBo.js";
+import { a as $e, b as et, c as tt, u as nt } from "./index-DY1lwU0l.js";
+import { _ as ot, F as st } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DQuvByaf.js";
 const at = "data:image/svg+xml,%3csvg%20width='200'%20height='101'%20viewBox='0%200%20200%20101'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M98.9161%2038.4456V24.1772H108.527V27.1988H102.12V30.2202H107.347V32.7382H102.12V38.4456H98.9161Z'%20fill='%235D5359'/%3e%3cpath%20d='M110.382%2031.2276C110.382%2027.5345%20113.249%2024.1772%20117.127%2024.1772C121.174%2024.1772%20123.872%2027.7024%20123.872%2031.3953C123.872%2035.0884%20121.005%2038.6133%20117.127%2038.6133C113.08%2038.4456%20110.382%2034.9204%20110.382%2031.2276ZM117.127%2035.5919C119.487%2035.5919%20120.499%2033.4096%20120.499%2031.2276C120.499%2029.0452%20119.319%2027.0309%20117.127%2027.0309C114.935%2027.0309%20113.754%2029.213%20113.754%2031.2276C113.754%2033.5776%20114.935%2035.5919%20117.127%2035.5919Z'%20fill='%235D5359'/%3e%3cpath%20d='M126.232%2031.2276C126.232%2027.5345%20129.099%2024.1772%20132.977%2024.1772C137.024%2024.1772%20139.722%2027.7024%20139.722%2031.3953C139.722%2035.0884%20136.855%2038.6133%20132.977%2038.6133C128.93%2038.4456%20126.232%2034.9204%20126.232%2031.2276ZM132.977%2035.5919C135.337%2035.5919%20136.349%2033.4096%20136.349%2031.2276C136.349%2029.0452%20135.169%2027.0309%20132.977%2027.0309C130.785%2027.0309%20129.604%2029.213%20129.604%2031.2276C129.604%2033.5776%20130.785%2035.5919%20132.977%2035.5919Z'%20fill='%235D5359'/%3e%3cpath%20d='M142.926%2038.4455V24.345H148.153C152.874%2024.345%20155.235%2027.5343%20155.235%2031.3952C155.235%2035.5918%20152.368%2038.4455%20148.153%2038.4455H142.926ZM148.153%2027.0308H146.129V35.4238H148.153C150.513%2035.4238%20151.862%2033.5775%20151.862%2031.2272C151.862%2028.8773%20150.513%2027.0308%20148.153%2027.0308Z'%20fill='%235D5359'/%3e%3cpath%20d='M110.045%2057.5607V49.1676L107.009%2055.2107H105.324L102.12%2049.1676V57.5607H98.9161V43.4604H102.457L106.167%2050.8465L109.876%2043.4604H113.417V57.5607H110.045Z'%20fill='%235D5359'/%3e%3cpath%20d='M115.947%2057.5607L121.342%2043.4604H124.04L129.436%2057.5607H125.895L124.715%2054.3716H120.331L119.319%2057.5607H115.947ZM122.691%2046.9856L121.005%2052.1893H124.378L122.691%2046.9856Z'%20fill='%235D5359'/%3e%3cpath%20d='M131.965%2057.5607V43.4604H138.373C141.07%2043.4604%20142.925%2045.8105%20142.925%2048.1605C142.925%2049.8393%20142.082%2051.5179%20140.565%2052.1893L143.768%2057.393H140.059L137.192%2052.8607H135V57.393H131.965V57.5607ZM135.169%2050.175H138.204C139.047%2050.175%20139.553%2049.3356%20139.553%2048.1605C139.553%2046.9856%20138.71%2046.3142%20138.035%2046.3142H135.169V50.175Z'%20fill='%235D5359'/%3e%3cpath%20d='M146.635%2057.5607V43.4604H150.007V49.8393L155.403%2043.4604H158.776L153.548%2049.6713L159.281%2057.5607H155.74L151.693%2051.5179L150.007%2053.3642V57.5607H146.635Z'%20fill='%235D5359'/%3e%3cpath%20d='M171.422%2054.7073V57.5607H161.474V43.4604H171.253V46.3142H164.677V48.9999H170.242V51.6856H164.677V54.7073H171.422Z'%20fill='%235D5359'/%3e%3cpath%20d='M185.417%2046.3142H181.202V57.5607H177.829V46.3142H173.614V43.4604H185.417V46.3142Z'%20fill='%235D5359'/%3e%3cpath%20d='M111.057%2062.5967V76.6973H107.853V70.9898H102.12V76.6973H98.9161V62.5967H102.12V68.1361H107.853V62.5967H111.057Z'%20fill='%235D5359'/%3e%3cpath%20d='M124.04%2069.815V62.5967H127.244V69.815C127.244%2073.6758%20125.389%2076.865%20121.005%2076.865C116.453%2076.865%20114.766%2073.5078%20114.766%2069.815V62.5967H117.97V69.815C117.97%2071.997%20118.813%2074.0115%20121.005%2074.0115C123.366%2074.0115%20124.04%2071.997%20124.04%2069.815Z'%20fill='%235D5359'/%3e%3cpath%20d='M138.036%2076.6973H131.122V62.5967H139.047C141.071%2062.5967%20142.251%2064.4433%20142.251%2066.2898C142.251%2067.6327%20141.576%2068.9755%20140.228%2069.4793C141.914%2069.9827%20142.926%2071.1578%20142.926%2073.1721C142.757%2075.5221%20140.733%2076.6973%20138.036%2076.6973ZM134.326%2065.4504V68.3041H137.53C138.204%2068.3041%20138.879%2067.8004%20138.879%2066.7933C138.879%2065.7861%20138.373%2065.2827%20137.698%2065.2827H134.326V65.4504ZM138.204%2070.8221H134.494V73.8435H138.204C139.047%2073.8435%20139.722%2073.1721%20139.722%2072.3327C139.553%2071.6613%20138.879%2070.8221%20138.204%2070.8221Z'%20fill='%235D5359'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M73.4753%2051.4994C78.7281%2050.5396%2082.8911%2046.4891%2083.9954%2041.3137L84.1232%2040.7134L83.9445%2040.1256C80.5804%2029.066%2071.9945%2020.2704%2061.0373%2016.5726C57.4%2015.3451%2053.5046%2014.6804%2049.458%2014.6804C45.4112%2014.6804%2041.5158%2015.3451%2037.8784%2016.5726C26.9214%2020.2704%2018.3354%2029.066%2014.9712%2040.1256L14.7924%2040.7134L14.9206%2041.3137C16.0247%2046.4891%2020.1875%2050.5396%2025.4405%2051.4994V58.8839H14.4183C14.6758%2059.9557%2014.9818%2061.0088%2015.3337%2062.0411C20.1553%2076.1811%2033.6083%2086.3619%2049.458%2086.3619C65.3074%2086.3619%2078.7606%2076.1811%2083.5822%2062.0411C83.9342%2061.0088%2084.2399%2059.9557%2084.4974%2058.8839H73.4753V51.4994ZM41.0517%2020.5973V38.5742C41.0517%2043.1931%2044.8155%2046.9371%2049.458%2046.9371C54.1005%2046.9371%2057.8641%2043.1931%2057.8641%2038.5742V20.5973C55.1919%2019.856%2052.3732%2019.4592%2049.458%2019.4592C46.5428%2019.4592%2043.7241%2019.856%2041.0517%2020.5973ZM62.6675%2022.3673V38.5742C62.6675%2043.1931%2066.431%2046.9371%2071.0735%2046.9371C74.9051%2046.9371%2078.1425%2044.3848%2079.1528%2040.8942C76.4672%2032.6902%2070.4379%2025.9824%2062.6675%2022.3673ZM60.2658%2046.1322C57.8753%2049.5094%2053.9255%2051.7159%2049.458%2051.7159C44.9902%2051.7159%2041.0408%2049.5094%2038.65%2046.1322C36.6982%2048.8894%2033.7074%2050.8662%2030.2439%2051.4994V58.8839H68.6718V51.4994C65.2083%2050.8662%2062.2175%2048.8894%2060.2658%2046.1322ZM21.1583%2063.6628C26.1349%2074.2514%2036.9382%2081.5834%2049.458%2081.5834C61.9776%2081.5834%2072.781%2074.2514%2077.7574%2063.6628H21.1583ZM36.2482%2038.5742V22.3673C28.4779%2025.9824%2022.4486%2032.6902%2019.7631%2040.8942C20.7733%2044.3848%2024.0106%2046.9371%2027.8422%2046.9371C32.4847%2046.9371%2036.2482%2043.1931%2036.2482%2038.5742Z'%20fill='%23FFC35D'/%3e%3c/svg%3e";
 var Me = { exports: {} };
 (function(C, A) {
@@ -42,9 +42,9 @@ var Me = { exports: {} };
   })();
 })(Me);
 var lt = Me.exports;
-const Oe = /* @__PURE__ */ Xe(lt);
+const Re = /* @__PURE__ */ Xe(lt);
 function xe(C, A) {
-  return Oe.filter(C, A).length > 0;
+  return Re.filter(C, A).length > 0;
 }
 function it(C, A) {
   if (!C)
@@ -58,7 +58,7 @@ function it(C, A) {
       ],
       matched: !1
     };
-  const [o] = Oe.filter(C.toLocaleLowerCase(), [A], {
+  const [o] = Re.filter(C.toLocaleLowerCase(), [A], {
     pre: "|",
     post: "|"
   });
@@ -91,7 +91,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
 }, mt = ["data-cy"], ft = { class: "flex flex-col" }, pt = { class: "fm-typo-en-body-md-400" }, vt = {
   key: 1,
   class: "w-full py-16 text-fm-color-typo-disabled fm-typo-en-body-md-400 text-center"
-}, Re = /* @__PURE__ */ Q({
+}, Oe = /* @__PURE__ */ Y({
   __name: "FmNestedMultiselectDialog",
   props: /* @__PURE__ */ Te({
     modelValue: {}
@@ -105,7 +105,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
     ve(() => {
       o.emitData(A.value);
     });
-    const r = O(""), { t } = Z();
+    const r = R(""), { t } = Z();
     function n(e) {
       return xe(
         r.value,
@@ -198,7 +198,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
           const F = n(e) ? e.children : e.children.filter(l);
           return {
             ...e,
-            children: e.children.map((V) => F.find((U) => Qe(U.value, V.value)) ? E(V, i) : V)
+            children: e.children.map((V) => F.find((U) => Ye(U.value, V.value)) ? E(V, i) : V)
           };
         }
         return {
@@ -220,7 +220,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
         } : U
       );
     }
-    const g = O(new Array());
+    const g = R(new Array());
     function f(e) {
       const i = e.join();
       return g.value.find((F) => i === F);
@@ -243,7 +243,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
       const F = B("FmSearch"), V = B("FmCheckbox"), D = B("FmButton"), U = B("FmListItem"), X = B("FmList");
       return I(), L("div", rt, [
         s("div", ut, [
-          s("div", ct, R(S(t)("inventory.formField.itemsSelected", { count: h.value })), 1),
+          s("div", ct, O(S(t)("inventory.formField.itemsSelected", { count: h.value })), 1),
           s("div", dt, [
             b(F, {
               modelValue: r.value,
@@ -257,7 +257,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
           class: "flex-1 overflow-y-auto"
         }, {
           default: N(() => [
-            (I(!0), L(Y, null, W(m.value, (_) => (I(), L("div", {
+            (I(!0), L(Q, null, W(m.value, (_) => (I(), L("div", {
               key: _.keys.join(),
               class: K([
                 "transition-all overflow-y-clip",
@@ -278,12 +278,12 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
                 default: N(() => [
                   s("div", ft, [
                     s("div", pt, [
-                      (I(!0), L(Y, null, W(S(it)(r.value, _.label).segments, (j, ae) => (I(), L("span", {
+                      (I(!0), L(Q, null, W(S(it)(r.value, _.label).segments, (j, ae) => (I(), L("span", {
                         key: ae,
                         class: K({
                           "font-bold": j.isMatch
                         })
-                      }, R(j.segment), 3))), 128))
+                      }, O(j.segment), 3))), 128))
                     ]),
                     _.sublabel ? (I(), L("div", {
                       key: 0,
@@ -291,7 +291,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
                         "fm-typo-en-body-sm-400",
                         _.disabled ? "" : "text-fm-color-typo-secondary"
                       ])
-                    }, R(_.sublabel), 3)) : z("", !0)
+                    }, O(_.sublabel), 3)) : z("", !0)
                   ])
                 ]),
                 _: 2
@@ -324,7 +324,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
             ], 10, mt))), 128))
           ]),
           _: 1
-        })) : (I(), L("div", vt, R(S(t)("inventory.formField.noItemsFound")), 1))
+        })) : (I(), L("div", vt, O(S(t)("inventory.formField.noItemsFound")), 1))
       ]);
     };
   }
@@ -334,7 +334,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
 }, ht = { class: "text-left" }, xt = { class: "min-w-64" }, It = { class: "flex flex-col" }, St = { class: "fm-typo-en-body-md-400" }, wt = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
-}, kt = { class: "w-1" }, Bt = /* @__PURE__ */ Q({
+}, kt = { class: "w-1" }, Bt = /* @__PURE__ */ Y({
   __name: "ApplyAddon",
   props: {
     groups: {
@@ -414,7 +414,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
       };
       t.open({
         title: "Select Addons",
-        contentComponent: Re,
+        contentComponent: Oe,
         contentComponentProps: u,
         primaryActions: {
           text: "Confirm",
@@ -447,7 +447,7 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
       const x = B("FmButton"), E = B("FmTextField");
       return I(), L("div", gt, [
         s("div", yt, [
-          s("div", At, R(S(v)("inventory.integration.apply.addons")), 1),
+          s("div", At, O(S(v)("inventory.integration.apply.addons")), 1),
           b(x, {
             type: "button",
             variant: "plain",
@@ -460,17 +460,17 @@ const rt = { class: "flex flex-col gap-12 h-[350px]" }, ut = { class: "flex item
         s("div", null, [
           n.value.length > 0 ? (I(), L("table", bt, [
             s("tr", ht, [
-              s("th", xt, R(S(v)("inventory.integration.apply.name")), 1),
-              s("th", null, R(S(v)("inventory.integration.apply.code")), 1),
+              s("th", xt, O(S(v)("inventory.integration.apply.name")), 1),
+              s("th", null, O(S(v)("inventory.integration.apply.code")), 1),
               u[1] || (u[1] = s("th", { class: "w-1" }, " ", -1))
             ]),
-            (I(!0), L(Y, null, W(n.value, (k, g) => (I(), L(Y, { key: g }, [
+            (I(!0), L(Q, null, W(n.value, (k, g) => (I(), L(Q, { key: g }, [
               u[2] || (u[2] = s("tr", { class: "block h-8" }, null, -1)),
               s("tr", null, [
                 s("td", null, [
                   s("div", It, [
-                    s("div", St, R(k.name), 1),
-                    k.groupName ? (I(), L("div", wt, R(k.groupName), 1)) : z("", !0)
+                    s("div", St, O(k.name), 1),
+                    k.groupName ? (I(), L("div", wt, O(k.groupName), 1)) : z("", !0)
                   ])
                 ]),
                 s("td", null, [
@@ -568,10 +568,10 @@ function Ft(C) {
 const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-100 px-5 py-5 gap-5 mb-3" }, Vt = { class: "flex items-center" }, Nt = { class: "text-lg font-bold flex-grow" }, Dt = {
   key: 0,
   class: "table-auto w-full"
-}, Mt = { class: "text-left" }, Ot = { class: "min-w-64" }, Rt = { class: "flex flex-col" }, _t = { class: "fm-typo-en-body-md-400" }, Tt = {
+}, Mt = { class: "text-left" }, Rt = { class: "min-w-64" }, Ot = { class: "flex flex-col" }, _t = { class: "fm-typo-en-body-md-400" }, Tt = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
-}, jt = { class: "w-1" }, pe = /* @__PURE__ */ Q({
+}, jt = { class: "w-1" }, pe = /* @__PURE__ */ Y({
   __name: "ApplyProduct",
   props: {
     isAddon: {
@@ -748,7 +748,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       };
       t.open({
         title: `Select ${n.value}`,
-        contentComponent: Re,
+        contentComponent: Oe,
         contentComponentProps: d,
         primaryActions: {
           text: "Confirm",
@@ -764,7 +764,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       const c = B("FmButton"), h = B("FmTextField");
       return I(), L("div", Lt, [
         s("div", Vt, [
-          s("div", Nt, R(C.isAddon ? S(g)("inventory.integration.apply.addons") : S(g)("inventory.integration.apply.products")), 1),
+          s("div", Nt, O(C.isAddon ? S(g)("inventory.integration.apply.addons") : S(g)("inventory.integration.apply.products")), 1),
           b(c, {
             type: "button",
             variant: "plain",
@@ -778,19 +778,19 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           w.value.length > 0 ? (I(), L("table", Dt, [
             s("thead", null, [
               s("tr", Mt, [
-                s("th", Ot, R(S(g)("inventory.integration.apply.name")), 1),
-                s("th", null, R(S(g)("inventory.integration.apply.code")), 1),
+                s("th", Rt, O(S(g)("inventory.integration.apply.name")), 1),
+                s("th", null, O(S(g)("inventory.integration.apply.code")), 1),
                 d[1] || (d[1] = s("th", { class: "w-1" }, " ", -1))
               ])
             ]),
             s("tbody", null, [
-              (I(!0), L(Y, null, W(w.value, (y, e) => (I(), L(Y, { key: e }, [
+              (I(!0), L(Q, null, W(w.value, (y, e) => (I(), L(Q, { key: e }, [
                 d[2] || (d[2] = s("tr", { class: "block h-8" }, null, -1)),
                 s("tr", null, [
                   s("td", null, [
-                    s("div", Rt, [
-                      s("div", _t, R(y.itemCode) + " " + R(y.name), 1),
-                      y.variantName ? (I(), L("div", Tt, R(y.variantName), 1)) : z("", !0)
+                    s("div", Ot, [
+                      s("div", _t, O(y.itemCode) + " " + O(y.name), 1),
+                      y.variantName ? (I(), L("div", Tt, O(y.variantName), 1)) : z("", !0)
                     ])
                   ]),
                   s("td", null, [
@@ -822,7 +822,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       ]);
     };
   }
-}), zt = { class: "flex flex-col gap-8 w-full" }, Ht = /* @__PURE__ */ Q({
+}), zt = { class: "flex flex-col gap-8 w-full" }, Ht = /* @__PURE__ */ Y({
   __name: "ApplyProductDialog",
   props: {
     categories: { default: () => [] },
@@ -841,7 +841,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
         for (const a of Object.keys(o.setting))
           t[a] = o.setting[a];
     });
-    const n = O(), l = ie(o, "show");
+    const n = R(), l = ie(o, "show");
     function p() {
       var v, a;
       (a = (v = n.value) == null ? void 0 : v.validateInputs) == null || a.call(v);
@@ -902,7 +902,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       }, 8, ["modelValue", "header"]);
     };
   }
-}), Ut = { class: "flex flex-col gap-8 w-full" }, Xt = /* @__PURE__ */ Q({
+}), Ut = { class: "flex flex-col gap-8 w-full" }, Xt = /* @__PURE__ */ Y({
   __name: "ApplyProductDialogV4",
   props: {
     categories: { default: () => [] },
@@ -934,7 +934,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     function v(g) {
       t.bindings = [...w.value, ...g];
     }
-    const a = O(), u = ie(o, "show");
+    const a = R(), u = ie(o, "show");
     function x() {
       var g, f;
       (f = (g = a.value) == null ? void 0 : g.validateInputs) == null || f.call(g);
@@ -996,15 +996,15 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       }, 8, ["modelValue", "header"]);
     };
   }
-}), Qt = { key: 0 }, Yt = { class: "flex justify-center" }, Jt = ["src"], Kt = { class: "flex flex-col items-center gap-2" }, Pt = { class: "text-lg font-bold" }, qt = { class: "text-fm-color-neutral-gray-300" }, Zt = { key: 0 }, Gt = /* @__PURE__ */ Q({
+}), Yt = { key: 0 }, Qt = { class: "flex justify-center" }, Jt = ["src"], Kt = { class: "flex flex-col items-center gap-2" }, Pt = { class: "text-lg font-bold" }, qt = { class: "text-fm-color-neutral-gray-300" }, Zt = { key: 0 }, Gt = /* @__PURE__ */ Y({
   __name: "FoodMarketHub",
   setup(C) {
-    const A = se(), o = ee(), r = $(), t = O(!1), n = $e(), l = T(() => n.state.menu ?? []), p = T(() => n.state.group ?? []), w = T(() => n.state.variants ?? []), m = T(() => n.state.categories ?? []), v = Ye(), a = T(() => {
+    const A = se(), o = ee(), r = $(), t = R(!1), n = $e(), l = T(() => n.state.menu ?? []), p = T(() => n.state.group ?? []), w = T(() => n.state.variants ?? []), m = T(() => n.state.categories ?? []), v = Qe(), a = T(() => {
       var c;
       return (c = A.currentBusiness.value) == null ? void 0 : c.menuVersion;
     });
     r.watchLocation(n.init);
-    const u = O(!1);
+    const u = R(!1);
     async function x() {
       u.value = !0;
     }
@@ -1034,7 +1034,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     const { t: d } = Z();
     return (c, h) => {
       const y = B("FmCardSection"), e = B("FmCard");
-      return S(n).isEnabled && !S(n).isBusinessLocation ? (I(), L("div", Qt, [
+      return S(n).isEnabled && !S(n).isBusinessLocation ? (I(), L("div", Yt, [
         b(e, {
           class: K({
             "w-full": g.value,
@@ -1049,15 +1049,15 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           default: N(() => [
             b(y, null, {
               default: N(() => [
-                s("div", Yt, [
+                s("div", Qt, [
                   s("img", {
                     src: S(at),
                     alt: "Food Market Hub"
                   }, null, 8, Jt)
                 ]),
                 s("div", Kt, [
-                  s("div", Pt, R(S(d)("inventory.integration.fmh.title")), 1),
-                  s("div", qt, R(S(d)("inventory.integration.fmh.description")), 1)
+                  s("div", Pt, O(S(d)("inventory.integration.fmh.title")), 1),
+                  s("div", qt, O(S(d)("inventory.integration.fmh.description")), 1)
                 ])
               ]),
               _: 1
@@ -1103,7 +1103,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
 }, en = {
   key: 1,
   class: "line-clamp-1 text-ellipsis text-fm-color-typo-tertiary"
-}, tn = { class: "flex flex-col gap-5" }, nn = { class: "overflow-x-hidden overflow-y-auto max-h-[300px]" }, on = /* @__PURE__ */ Q({
+}, tn = { class: "flex flex-col gap-5" }, nn = { class: "overflow-x-hidden overflow-y-auto max-h-[300px]" }, on = /* @__PURE__ */ Y({
   __name: "FmEnhancedSelect",
   props: {
     placeholder: {},
@@ -1115,7 +1115,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
   },
   emits: ["update:modelValue"],
   setup(C, { emit: A }) {
-    const o = C, r = A, t = O(""), n = T(
+    const o = C, r = A, t = R(""), n = T(
       () => new Je(
         o.items,
         (p) => [p.label ?? "", p.sublabel ?? "", ...p.value[o.searchTarget]].filter((w) => w)
@@ -1143,7 +1143,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
                 "append-icon": "expand_more"
               }, {
                 default: N(() => [
-                  p.modelValue[o.searchTarget] ? (I(), L("span", $t, R(p.modelValue[o.searchTarget]), 1)) : (I(), L("span", en, R(p.placeholder || "Select an option"), 1))
+                  p.modelValue[o.searchTarget] ? (I(), L("span", $t, O(p.modelValue[o.searchTarget]), 1)) : (I(), L("span", en, O(p.placeholder || "Select an option"), 1))
                 ]),
                 _: 2
               }, 1032, ["class", "invalid"])
@@ -1173,7 +1173,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
                   } : void 0
                 ]), 1032, ["modelValue"]),
                 s("div", nn, [
-                  (I(!0), L(Y, null, W(l.value, (f, d) => {
+                  (I(!0), L(Q, null, W(l.value, (f, d) => {
                     var c, h;
                     return I(), H(x, {
                       key: d,
@@ -1207,7 +1207,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
 }, rn = {
   key: 1,
   class: "flex items-center mt-2"
-}, un = { class: "flex flex-col" }, cn = { class: "font-medium" }, dn = { class: "text-xs text-gray-400" }, mn = { class: "text-xs text-gray-400" }, fn = /* @__PURE__ */ Q({
+}, un = { class: "flex flex-col" }, cn = { class: "font-medium" }, dn = { class: "text-xs text-gray-400" }, mn = { class: "text-xs text-gray-400" }, fn = /* @__PURE__ */ Y({
   __name: "NetSuiteLocationField",
   props: {
     isDuplicate: { type: Boolean, default: !1 },
@@ -1256,15 +1256,15 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
             outline: ""
           }),
           s("div", un, [
-            s("span", cn, R(r.value.name), 1),
-            s("span", dn, "ID: " + R(r.value.netsuiteId), 1),
-            s("span", mn, "Subsidiary: " + R(r.value.subsidiaryName), 1)
+            s("span", cn, O(r.value.name), 1),
+            s("span", dn, "ID: " + O(r.value.netsuiteId), 1),
+            s("span", mn, "Subsidiary: " + O(r.value.subsidiaryName), 1)
           ])
         ])) : z("", !0)
       ]);
     };
   }
-}), pn = /* @__PURE__ */ Q({
+}), pn = /* @__PURE__ */ Y({
   __name: "AddLocationDialog",
   props: {
     showDialog: {
@@ -1333,7 +1333,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           });
         }
       }
-    ], n = C, l = A, p = O({}), w = O(), m = O(""), v = T(() => n.nsLocationsNotBeingUsed.map((x) => ({
+    ], n = C, l = A, p = R({}), w = R(), m = R(""), v = T(() => n.nsLocationsNotBeingUsed.map((x) => ({
       label: x.name,
       value: x
     }))), a = T(() => Object.values(p.value).length === 0 || Object.values(p.value).some(
@@ -1402,7 +1402,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
 }), vn = { key: 0 }, gn = {
   key: 1,
   class: "flex flex-col gap-8 w-full"
-}, yn = { class: "flex gap-2 flex-wrap" }, An = { class: "p-8" }, bn = { class: "flex gap-8 items-center justify-start" }, hn = /* @__PURE__ */ Q({
+}, yn = { class: "flex gap-2 flex-wrap" }, An = { class: "p-8" }, bn = { class: "flex gap-8 items-center justify-start" }, hn = /* @__PURE__ */ Y({
   __name: "BusinessNetSuiteSideSheet",
   props: {
     setting: {},
@@ -1412,13 +1412,13 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
   },
   emits: ["update:setting", "update:show", "update:loading", "submit"],
   setup(C, { emit: A }) {
-    const o = se(), r = $(), t = O(!1), n = C, l = A, p = ge(ne(n.setting));
+    const o = se(), r = $(), t = R(!1), n = C, l = A, p = ge(ne(n.setting));
     ye([() => n.show], ([d]) => {
       if (d)
         for (const c of Object.keys(n.setting))
           p[c] = n.setting[c];
     });
-    const w = O(), m = ie(n, "show"), v = O(), a = O(""), u = T(() => n.setting.locations.filter(
+    const w = R(), m = ie(n, "show"), v = R(), a = R(""), u = T(() => n.setting.locations.filter(
       (d) => d.name.toLowerCase().includes(a.value.toLowerCase()) || d.netSuiteId.toLowerCase().includes(a.value.toLowerCase())
     )), x = [
       {
@@ -1502,7 +1502,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
             (V = S(o).sessionUser.value) != null && V.role.isAdmin ? (I(), L("div", gn, [
               c[7] || (c[7] = s("div", { class: "text-sm" }, " This integration keeps your FeedMe system and NetSuite in sync for the following modules: ", -1)),
               s("div", yn, [
-                (I(), L(Y, null, W(k, (D) => b(h, {
+                (I(), L(Q, null, W(k, (D) => b(h, {
                   key: D,
                   label: D,
                   compact: ""
@@ -1558,7 +1558,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       }, 8, ["modelValue", "header"]);
     };
   }
-}), xn = /* @__PURE__ */ Q({
+}), xn = /* @__PURE__ */ Y({
   __name: "InventoryTransferIngredientTable",
   props: {
     modelValue: { default: [] },
@@ -1692,10 +1692,10 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       }, null, 8, ["row-data", "row-key", "empty-text"]);
     };
   }
-}), In = { class: "flex items-center gap-8 mb-8" }, Sn = /* @__PURE__ */ Q({
+}), In = { class: "flex items-center gap-8 mb-8" }, Sn = /* @__PURE__ */ Y({
   __name: "InventoryTransferOutTable",
   setup(C) {
-    const A = O([]), o = fe(), r = O(!1), t = O(!1), n = ee(), l = $();
+    const A = R([]), o = fe(), r = R(!1), t = R(!1), n = ee(), l = $();
     ve(async () => {
       const v = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
       a.setDate(a.getDate() - 30), r.value = !0;
@@ -1815,10 +1815,10 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
         },
         size: 150
       }
-    ], m = O();
+    ], m = R();
     return (v, a) => {
       const u = B("FmButton"), x = B("FmTable");
-      return I(), L(Y, null, [
+      return I(), L(Q, null, [
         s("div", In, [
           a[1] || (a[1] = s("span", null, "Last 30 Days:", -1)),
           b(u, {
@@ -1851,10 +1851,10 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
 }, En = { class: "flex flex-col" }, Fn = { class: "font-medium" }, Ln = { class: "text-xs text-gray-400" }, Vn = { class: "text-xs text-gray-400" }, Nn = { class: "flex my-4" }, Dn = { class: "flex" }, Mn = {
   key: 1,
   class: "flex flex-col"
-}, On = {
+}, Rn = {
   key: 1,
   class: "flex flex-col"
-}, Rn = /* @__PURE__ */ Q({
+}, On = /* @__PURE__ */ Y({
   __name: "InventoryTransfer",
   props: {
     nsLocations: {},
@@ -1862,7 +1862,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     currentLocationSubsidiary: {}
   },
   setup(C) {
-    const A = ue(), o = re(), r = he(), t = fe(), n = ee(), { t: l } = me(), p = O([]), w = [{ label: "Transfer Out" }, { label: "History" }], m = O(w[0]), v = O(!1), a = O(null), u = O(null), x = C, E = T(() => {
+    const A = ue(), o = re(), r = he(), t = fe(), n = ee(), { t: l } = me(), p = R([]), w = [{ label: "Transfer Out" }, { label: "History" }], m = R(w[0]), v = R(!1), a = R(null), u = R(null), x = C, E = T(() => {
       const h = o.currentLocationSetting, y = o.configuredLocations;
       return x.nsLocations.map((e) => ({
         label: e.name,
@@ -1978,7 +1978,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           "onUpdate:modelValue": y[0] || (y[0] = (j) => m.value = j),
           items: w
         }, null, 8, ["modelValue"]),
-        m.value.label === "Transfer Out" ? (I(), L(Y, { key: 0 }, [
+        m.value.label === "Transfer Out" ? (I(), L(Q, { key: 0 }, [
           S(o).inventoryTransferOutEnabled ? (I(), L("div", kn, [
             b(i, { class: "fm-typo-en-body-md-600" }, {
               default: N(() => y[6] || (y[6] = [
@@ -2008,7 +2008,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
               "prepend-icon": "lock"
             }, {
               default: N(() => [
-                q(R(h.currentLocationSubsidiary.fullName), 1)
+                q(O(h.currentLocationSubsidiary.fullName), 1)
               ]),
               _: 1
             }),
@@ -2057,9 +2057,9 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
                   outline: ""
                 }),
                 s("div", En, [
-                  s("span", Fn, R(u.value.name), 1),
-                  s("span", Ln, "ID: " + R(u.value.netsuiteId), 1),
-                  s("span", Vn, "Subsidiary: " + R(u.value.subsidiaryName), 1)
+                  s("span", Fn, O(u.value.name), 1),
+                  s("span", Ln, "ID: " + O(u.value.netsuiteId), 1),
+                  s("span", Vn, "Subsidiary: " + O(u.value.subsidiaryName), 1)
                 ]),
                 b(_, {
                   class: "ml-2",
@@ -2102,7 +2102,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
             })
           ]))
         ], 64)) : z("", !0),
-        m.value.label === "History" ? (I(), L("div", On, [
+        m.value.label === "History" ? (I(), L("div", Rn, [
           b(Sn)
         ])) : z("", !0)
       ]);
@@ -2111,7 +2111,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
 }), _n = { class: "flex flex-col gap-8" }, Tn = {
   key: 0,
   class: "flex flex-col gap-4"
-}, jn = { style: { "list-style-type": "initial", "padding-left": "1rem" } }, zn = /* @__PURE__ */ Q({
+}, jn = { style: { "list-style-type": "initial", "padding-left": "1rem" } }, zn = /* @__PURE__ */ Y({
   __name: "TransferOrder",
   props: {
     currentLocationSetting: {}
@@ -2119,7 +2119,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
   setup(C) {
     const A = ue();
     se();
-    const o = fe(), r = ee(), t = O(!1), n = C, l = O([]);
+    const o = fe(), r = ee(), t = R(!1), n = C, l = R([]);
     async function p() {
       var m;
       t.value = !0;
@@ -2170,7 +2170,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     return (m, v) => {
       const a = B("FmButton");
       return I(), L("div", _n, [
-        s("span", null, "Current date and time: " + R((/* @__PURE__ */ new Date()).toLocaleString()), 1),
+        s("span", null, "Current date and time: " + O((/* @__PURE__ */ new Date()).toLocaleString()), 1),
         b(a, {
           label: "Check Unsync Transfer Order (Last 2 months)",
           variant: "primary",
@@ -2181,7 +2181,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
         l.value.length > 0 ? (I(), L("div", Tn, [
           v[0] || (v[0] = s("p", null, "Transfer Order NetSuite ID not match with existing orders", -1)),
           s("ul", jn, [
-            (I(!0), L(Y, null, W(l.value, (u) => (I(), L("li", { key: u }, R(u), 1))), 128))
+            (I(!0), L(Q, null, W(l.value, (u) => (I(), L("li", { key: u }, O(u), 1))), 128))
           ]),
           s("div", null, [
             b(ke, null, {
@@ -2205,7 +2205,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
 }), Hn = { class: "flex flex-col gap-8" }, Un = {
   key: 0,
   class: "flex flex-col gap-4"
-}, Xn = { style: { "list-style-type": "initial", "padding-left": "1rem" } }, Qn = /* @__PURE__ */ Q({
+}, Xn = { style: { "list-style-type": "initial", "padding-left": "1rem" } }, Yn = /* @__PURE__ */ Y({
   __name: "PurchaseOrder",
   props: {
     currentLocationSetting: {}
@@ -2213,7 +2213,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
   setup(C) {
     const A = ue();
     se();
-    const o = fe(), r = ee(), t = O(!1), n = C, l = O([]);
+    const o = fe(), r = ee(), t = R(!1), n = C, l = R([]);
     async function p() {
       var m;
       t.value = !0;
@@ -2264,7 +2264,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     return (m, v) => {
       const a = B("FmButton");
       return I(), L("div", Hn, [
-        s("span", null, "Current date and time: " + R((/* @__PURE__ */ new Date()).toLocaleString()), 1),
+        s("span", null, "Current date and time: " + O((/* @__PURE__ */ new Date()).toLocaleString()), 1),
         b(a, {
           label: "Check Unsync Purchase Order (Last 2 months)",
           variant: "primary",
@@ -2275,7 +2275,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
         l.value.length > 0 ? (I(), L("div", Un, [
           v[0] || (v[0] = s("p", null, "Purchase Order NetSuite ID not match with existing orders", -1)),
           s("ul", Xn, [
-            (I(!0), L(Y, null, W(l.value, (u) => (I(), L("li", { key: u }, R(u), 1))), 128))
+            (I(!0), L(Q, null, W(l.value, (u) => (I(), L("li", { key: u }, O(u), 1))), 128))
           ]),
           s("div", null, [
             b(ke, null, {
@@ -2296,7 +2296,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       ]);
     };
   }
-}), Yn = { class: "flex flex-col gap-8 w-full" }, Jn = { class: "flex gap-4 justify-between" }, Kn = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400" }, Pn = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, qn = { key: 0 }, Zn = { class: "flex gap-8 items-center justify-start" }, Gn = /* @__PURE__ */ Q({
+}), Qn = { class: "flex flex-col gap-8 w-full" }, Jn = { class: "flex gap-4 justify-between" }, Kn = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400" }, Pn = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, qn = { key: 0 }, Zn = { class: "flex gap-8 items-center justify-start" }, Gn = /* @__PURE__ */ Y({
   __name: "NetSuiteSideSheet",
   props: {
     nsLocations: {},
@@ -2322,7 +2322,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
         value: "purchaseOrder"
         /* PURCHASE_ORDER */
       }
-    ], a = O(v[0].value), u = T(() => r.currentLocationSubsidiary()), x = T(() => r.currentLocationSetting), E = T(() => t.nsLocations.filter(
+    ], a = R(v[0].value), u = T(() => r.currentLocationSubsidiary()), x = T(() => r.currentLocationSetting), E = T(() => t.nsLocations.filter(
       (g) => g.subsidiaryId === u.value.id || g.netsuiteId === u.value.id
     ));
     return (g, f) => {
@@ -2337,8 +2337,8 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
         "max-width": 800
       }, te({
         default: N(() => [
-          S(r).isCurrentLocationBindedToNetSuite ? (I(), L(Y, { key: 1 }, [
-            a.value === "inventoryTransfer" ? (I(), H(Rn, {
+          S(r).isCurrentLocationBindedToNetSuite ? (I(), L(Q, { key: 1 }, [
+            a.value === "inventoryTransfer" ? (I(), H(On, {
               key: 0,
               currentLocationSetting: x.value,
               nsLocations: E.value,
@@ -2348,7 +2348,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
               key: 1,
               currentLocationSetting: x.value
             }, null, 8, ["currentLocationSetting"])) : z("", !0),
-            a.value === "purchaseOrder" ? (I(), H(Qn, {
+            a.value === "purchaseOrder" ? (I(), H(Yn, {
               key: 2,
               currentLocationSetting: x.value
             }, null, 8, ["currentLocationSetting"])) : z("", !0)
@@ -2370,7 +2370,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
           fn: N(() => {
             var i;
             return [
-              s("div", Yn, [
+              s("div", Qn, [
                 s("div", Jn, [
                   f[3] || (f[3] = s("div", { class: "fm-typo-en-title-md-600" }, "NetSuite Integration", -1)),
                   s("div", Kn, [
@@ -2378,7 +2378,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
                       name: S(m),
                       size: "sm"
                     }, null, 8, ["name"]),
-                    s("div", Pn, R((i = S(w)._currentLocation) == null ? void 0 : i.name), 1)
+                    s("div", Pn, O((i = S(w)._currentLocation) == null ? void 0 : i.name), 1)
                   ])
                 ]),
                 b(c, {
@@ -2394,14 +2394,14 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
       ]), 1032, ["modelValue"]);
     };
   }
-}), Wn = { class: "flex justify-center" }, $n = ["src"], eo = { class: "flex flex-col items-center gap-2" }, to = { class: "text-lg font-bold" }, no = { class: "text-fm-color-neutral-gray-300" }, oo = /* @__PURE__ */ Q({
+}), Wn = { class: "flex justify-center" }, $n = ["src"], eo = { class: "flex flex-col items-center gap-2" }, to = { class: "text-lg font-bold" }, no = { class: "text-fm-color-neutral-gray-300" }, oo = /* @__PURE__ */ Y({
   __name: "NetSuite",
   setup(C) {
-    const A = re(), o = ee(), r = O(!1), t = O(!1);
+    const A = re(), o = ee(), r = R(!1), t = R(!1);
     async function n() {
       t.value = !0;
     }
-    const l = O([]);
+    const l = R([]);
     He(async () => {
       if (A.isReady && A.isEnabled) {
         r.value = !0;
@@ -2421,7 +2421,7 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
     const { t: p } = Z();
     return (w, m) => {
       const v = B("FmCardSection"), a = B("FmCard");
-      return S(A).isEnabled ? (I(), L(Y, { key: 0 }, [
+      return S(A).isEnabled ? (I(), L(Q, { key: 0 }, [
         b(a, {
           class: K({
             "w-full": !0,
@@ -2442,8 +2442,8 @@ const Lt = { class: "flex flex-col rounded border border-fm-color-neutral-gray-1
                   }, null, 8, $n)
                 ]),
                 s("div", eo, [
-                  s("div", to, R(S(p)("inventory.integration.netsuite.title")), 1),
-                  s("div", no, R(S(p)("inventory.integration.netsuite.description")), 1)
+                  s("div", to, O(S(p)("inventory.integration.netsuite.title")), 1),
+                  s("div", no, O(S(p)("inventory.integration.netsuite.description")), 1)
                 ])
               ]),
               _: 1
@@ -2609,7 +2609,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
 }, vo = { class: "line-clamp-2 text-ellipsis break-all" }, go = { class: "flex flex-col" }, yo = { class: "font-medium" }, Ao = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, bo = {
   key: 0,
   class: "rounded border-1 border-gray-200 p-2 flex items-center"
-}, ho = { class: "flex flex-col" }, xo = { class: "font-medium" }, Io = { class: "text-xs text-gray-400" }, So = { class: "text-xs text-gray-400" }, wo = { class: "flex" }, ko = { class: "flex" }, Bo = { key: 1 }, Co = /* @__PURE__ */ Q({
+}, ho = { class: "flex flex-col" }, xo = { class: "font-medium" }, Io = { class: "text-xs text-gray-400" }, So = { class: "text-xs text-gray-400" }, wo = { class: "flex" }, ko = { class: "flex" }, Bo = { key: 1 }, Co = /* @__PURE__ */ Y({
   __name: "XilnexOpeningImport",
   setup(C) {
     const A = et(), o = re(), r = he(), t = Fe(), n = ee(), l = T(() => [
@@ -2627,7 +2627,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
           disabledReason: "Current location is not binded to NetSuite"
         }
       ] : []
-    ]), p = O(l.value[0].value), { t: w } = me(), m = O(null), v = O(), a = O(""), u = O([]), x = O([]), E = [
+    ]), p = R(l.value[0].value), { t: w } = me(), m = R(null), v = R(), a = R(""), u = R([]), x = R([]), E = [
       {
         id: "ingredient",
         header: () => "Ingredient",
@@ -2718,7 +2718,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
         accessorKey: "message",
         header: "Error Message"
       }
-    ], g = O(!1);
+    ], g = R(!1);
     async function f() {
       if (m.value) {
         g.value = !0;
@@ -2770,7 +2770,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
         }
       }
     }
-    const c = O(""), h = T({
+    const c = R(""), h = T({
       get() {
         return c.value;
       },
@@ -2793,7 +2793,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
           disabled: ""
         }, {
           default: N(() => [
-            q(R(S(A).state.closingDocumentId ? `${S(Le)(new Date(S(be)(S(A).state.closingDocumentId)))}` : "No closing found"), 1)
+            q(O(S(A).state.closingDocumentId ? `${S(Le)(new Date(S(be)(S(A).state.closingDocumentId)))}` : "No closing found"), 1)
           ]),
           _: 1
         }),
@@ -2812,7 +2812,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
                 label: "Last closing time"
               }, {
                 default: N(() => [
-                  q(R(y.value), 1)
+                  q(O(y.value), 1)
                 ]),
                 _: 1
               })
@@ -2834,7 +2834,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
                 s("div", mo, [
                   s("div", fo, [
                     s("div", po, [
-                      s("div", vo, R(m.value.name), 1),
+                      s("div", vo, O(m.value.name), 1),
                       b(U, {
                         label: S(w)("inventory.ingredient.import.replaceFile"),
                         variant: "secondary",
@@ -2855,7 +2855,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
             class: "my-5"
           }, {
             default: N(() => [
-              (I(!0), L(Y, null, W(l.value, (J) => (I(), H(_, {
+              (I(!0), L(Q, null, W(l.value, (J) => (I(), H(_, {
                 key: J.value,
                 value: J.value,
                 label: J.label,
@@ -2864,8 +2864,8 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
               }, {
                 label: N(() => [
                   s("div", go, [
-                    s("span", yo, R(J.label), 1),
-                    s("span", Ao, R(J.disabled ? J.disabledReason : J.subLabel), 1)
+                    s("span", yo, O(J.label), 1),
+                    s("span", Ao, O(J.disabled ? J.disabledReason : J.subLabel), 1)
                   ]),
                   J.value === "netsuite" && S(o).currentLocationSetting ? (I(), L("div", bo, [
                     b(X, {
@@ -2876,9 +2876,9 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
                       outline: !0
                     }),
                     s("div", ho, [
-                      s("span", xo, R(S(o).currentLocationSetting.name), 1),
-                      s("span", Io, "ID: " + R(S(o).currentLocationSetting.netSuiteId), 1),
-                      s("span", So, "Subsidiary: " + R(S(o).getSubsidiaryFullName(
+                      s("span", xo, O(S(o).currentLocationSetting.name), 1),
+                      s("span", Io, "ID: " + O(S(o).currentLocationSetting.netSuiteId), 1),
+                      s("span", So, "Subsidiary: " + O(S(o).getSubsidiaryFullName(
                         S(o).currentLocationSetting.subsidiaryId
                       ).fullName), 1)
                     ])
@@ -2900,7 +2900,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
               onClick: f
             }, null, 8, ["disabled", "loading"])
           ]),
-          m.value && x.value.length > 0 ? (I(), L(Y, { key: 0 }, [
+          m.value && x.value.length > 0 ? (I(), L(Q, { key: 0 }, [
             i[4] || (i[4] = s("h2", { class: "fm-typo-en-title-md-800 mt-8 mb-4" }, "Results", -1)),
             b(ae, {
               modelValue: v.value,
@@ -2911,7 +2911,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
               "search-value": a.value
             }, null, 8, ["modelValue", "row-data", "search-value"])
           ], 64)) : z("", !0),
-          u.value.length > 0 ? (I(), L(Y, { key: 1 }, [
+          u.value.length > 0 ? (I(), L(Q, { key: 1 }, [
             i[5] || (i[5] = s("h2", { class: "fm-typo-en-title-md-800 mt-8 mb-4 text-red-600" }, "Errors", -1)),
             b(ae, {
               "row-data": u.value,
@@ -2936,7 +2936,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
 }), Eo = { class: "flex flex-col gap-8 w-full" }, Fo = { class: "flex gap-4 justify-between" }, Lo = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400" }, Vo = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, No = { key: 0 }, Do = {
   key: 1,
   class: "flex flex-col gap-8 w-full"
-}, Mo = { key: 1 }, Oo = { class: "flex gap-8 items-center justify-start" }, Ro = /* @__PURE__ */ Q({
+}, Mo = { key: 1 }, Ro = { class: "flex gap-8 items-center justify-start" }, Oo = /* @__PURE__ */ Y({
   __name: "XilnexSideSheet",
   props: {
     show: { type: Boolean },
@@ -2954,7 +2954,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
         "transferNote"
         /* TRANSFER_NOTE */
       ) }
-    ], v = O(m[0]);
+    ], v = R(m[0]);
     return (u, x) => {
       var d;
       const E = B("FmIcon"), k = B("FmButtonGroup"), g = B("FmButton"), f = B("FmSideSheet");
@@ -2982,7 +2982,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
           ];
         }),
         "side-sheet-footer": N(() => [
-          s("div", Oo, [
+          s("div", Ro, [
             b(g, {
               variant: "tertiary",
               label: S(n)("common.close"),
@@ -3005,7 +3005,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
                       name: S(w),
                       size: "sm"
                     }, null, 8, ["name"]),
-                    s("div", Vo, R((c = S(p)._currentLocation) == null ? void 0 : c.name), 1)
+                    s("div", Vo, O((c = S(p)._currentLocation) == null ? void 0 : c.name), 1)
                   ])
                 ]),
                 b(k, {
@@ -3021,16 +3021,16 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
       ]), 1032, ["modelValue"]);
     };
   }
-}), _o = /* @__PURE__ */ Q({
+}), _o = /* @__PURE__ */ Y({
   __name: "XilnexView",
   setup(C) {
-    const A = Ne(), o = $(), r = O(!1);
+    const A = Ne(), o = $(), r = R(!1);
     async function t() {
       r.value = !0, console.log("Opening Xilnex migration dialog");
     }
     return (n, l) => {
       const p = B("FmCardSection"), w = B("FmCard");
-      return S(A).enabledXilnexOpeningMigration && !S(o).businessLevel ? (I(), L(Y, { key: 0 }, [
+      return S(A).enabledXilnexOpeningMigration && !S(o).businessLevel ? (I(), L(Q, { key: 0 }, [
         b(w, {
           class: K({
             "w-full": !0,
@@ -3060,7 +3060,7 @@ const io = { class: "flex flex-col gap-4" }, ro = { class: "flex flex-col" }, uo
           _: 1
         }),
         (I(), H(de, { to: "body" }, [
-          b(Ro, {
+          b(Oo, {
             show: r.value,
             "onUpdate:show": l[1] || (l[1] = (m) => r.value = m)
           }, null, 8, ["show"])
@@ -3174,11 +3174,11 @@ async function zo(C) {
 const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo = {
   key: 0,
   class: "flex flex-col gap-4 my-5"
-}, Qo = { class: "flex flex-col gap-8" }, Yo = { class: "flex flex-col gap-8" }, Jo = {
+}, Yo = { class: "flex flex-col gap-8" }, Qo = { class: "flex flex-col gap-8" }, Jo = {
   class: /* @__PURE__ */ K(["fm-corner-radius-md p-16 flex items-center gap-16"])
 }, Ko = {
   class: /* @__PURE__ */ K(["fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center gap-3"])
-}, Po = { class: "line-clamp-2 text-ellipsis break-all" }, qo = { class: "flex flex-col" }, Zo = { class: "font-medium" }, Go = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, Wo = { class: "flex" }, $o = { class: "flex" }, es = { key: 1 }, ts = /* @__PURE__ */ Q({
+}, Po = { class: "line-clamp-2 text-ellipsis break-all" }, qo = { class: "flex flex-col" }, Zo = { class: "font-medium" }, Go = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, Wo = { class: "flex" }, $o = { class: "flex" }, es = { key: 1 }, ts = /* @__PURE__ */ Y({
   __name: "SynergyOpeningImport",
   setup(C) {
     const A = tt(), o = he(), r = Fe(), t = ee(), n = T(() => [
@@ -3187,7 +3187,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
         label: "Synergy",
         subLabel: "Based on Synergy's item cost from excel file"
       }
-    ]), l = O(n.value[0].value), { t: p } = me(), w = O(null), m = O(), v = O(""), a = O([]), u = O([]), x = [
+    ]), l = R(n.value[0].value), { t: p } = me(), w = R(null), m = R(), v = R(""), a = R([]), u = R([]), x = [
       {
         id: "ingredient",
         header: () => "Ingredient",
@@ -3278,7 +3278,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
         accessorKey: "message",
         header: "Error Message"
       }
-    ], k = O(!1);
+    ], k = R(!1);
     async function g() {
       if (w.value) {
         k.value = !0;
@@ -3329,7 +3329,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
         }
       }
     }
-    const d = O(""), c = T({
+    const d = R(""), c = T({
       get() {
         return d.value;
       },
@@ -3352,7 +3352,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
           disabled: ""
         }, {
           default: N(() => [
-            q(R(S(A).state.closingDocumentId ? `${S(Le)(new Date(S(be)(S(A).state.closingDocumentId)))}` : "No closing found"), 1)
+            q(O(S(A).state.closingDocumentId ? `${S(Le)(new Date(S(be)(S(A).state.closingDocumentId)))}` : "No closing found"), 1)
           ]),
           _: 1
         }),
@@ -3371,14 +3371,14 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
                 label: "Last closing time"
               }, {
                 default: N(() => [
-                  q(R(h.value), 1)
+                  q(O(h.value), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          s("div", Qo, [
+          s("div", Yo, [
             b(i, { label: "Stock take file" })
           ]),
           b(Ve, {
@@ -3390,10 +3390,10 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
             w.value ? {
               name: "default",
               fn: N(({ openFileDialog: j }) => [
-                s("div", Yo, [
+                s("div", Qo, [
                   s("div", Jo, [
                     s("div", Ko, [
-                      s("div", Po, R(w.value.name), 1),
+                      s("div", Po, O(w.value.name), 1),
                       b(D, {
                         label: S(p)("inventory.ingredient.import.replaceFile"),
                         variant: "secondary",
@@ -3414,7 +3414,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
             class: "my-5"
           }, {
             default: N(() => [
-              (I(!0), L(Y, null, W(n.value, (j) => (I(), H(U, {
+              (I(!0), L(Q, null, W(n.value, (j) => (I(), H(U, {
                 key: j.value,
                 value: j.value,
                 label: j.label,
@@ -3423,8 +3423,8 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
               }, {
                 label: N(() => [
                   s("div", qo, [
-                    s("span", Zo, R(j.label), 1),
-                    s("span", Go, R(j.disabled ? j.disabledReason : j.subLabel), 1)
+                    s("span", Zo, O(j.label), 1),
+                    s("span", Go, O(j.disabled ? j.disabledReason : j.subLabel), 1)
                   ])
                 ]),
                 _: 2
@@ -3443,7 +3443,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
               onClick: g
             }, null, 8, ["disabled", "loading"])
           ]),
-          w.value && u.value.length > 0 ? (I(), L(Y, { key: 0 }, [
+          w.value && u.value.length > 0 ? (I(), L(Q, { key: 0 }, [
             e[4] || (e[4] = s("h2", { class: "fm-typo-en-title-md-800 mt-8 mb-4" }, "Results", -1)),
             b(_, {
               modelValue: m.value,
@@ -3454,7 +3454,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
               "search-value": v.value
             }, null, 8, ["modelValue", "row-data", "search-value"])
           ], 64)) : z("", !0),
-          a.value.length > 0 ? (I(), L(Y, { key: 1 }, [
+          a.value.length > 0 ? (I(), L(Q, { key: 1 }, [
             e[5] || (e[5] = s("h2", { class: "fm-typo-en-title-md-800 mt-8 mb-4 text-red-600" }, "Errors", -1)),
             b(_, {
               "row-data": a.value,
@@ -3479,7 +3479,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
 }), ns = { class: "flex flex-col gap-8 w-full" }, os = { class: "flex gap-4 justify-between" }, ss = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 text-fm-color-neutral-gray-400" }, as = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ls = { key: 0 }, is = {
   key: 1,
   class: "flex flex-col gap-8 w-full"
-}, rs = { class: "flex gap-8 items-center justify-start" }, us = /* @__PURE__ */ Q({
+}, rs = { class: "flex gap-8 items-center justify-start" }, us = /* @__PURE__ */ Y({
   __name: "SynergySideSheet",
   props: {
     show: { type: Boolean },
@@ -3532,7 +3532,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
                       name: S(w),
                       size: "sm"
                     }, null, 8, ["name"]),
-                    s("div", as, R((g = S(p)._currentLocation) == null ? void 0 : g.name), 1)
+                    s("div", as, O((g = S(p)._currentLocation) == null ? void 0 : g.name), 1)
                   ])
                 ])
               ])
@@ -3543,16 +3543,16 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
       ]), 1032, ["modelValue"]);
     };
   }
-}), cs = /* @__PURE__ */ Q({
+}), cs = /* @__PURE__ */ Y({
   __name: "SynergyView",
   setup(C) {
-    const A = Ne(), o = $(), r = O(!1);
+    const A = Ne(), o = $(), r = R(!1);
     async function t() {
       r.value = !0, console.log("Opening Synergy migration dialog");
     }
     return (n, l) => {
       const p = B("FmCardSection"), w = B("FmCard");
-      return S(A).enabledSynergyOpeningMigration && !S(o).businessLevel ? (I(), L(Y, { key: 0 }, [
+      return S(A).enabledSynergyOpeningMigration && !S(o).businessLevel ? (I(), L(Q, { key: 0 }, [
         b(w, {
           class: K({
             "w-full": !0,
@@ -3599,10 +3599,10 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
 }, vs = {
   key: 2,
   class: "grid grid-cols-2 gap-5"
-}, Ss = /* @__PURE__ */ Q({
+}, Ss = /* @__PURE__ */ Y({
   __name: "IntegrationView",
   setup(C) {
-    const A = $(), o = O(!1), r = nt(), { breakpoints: t } = De(), n = T(() => t.value.xs || t.value.sm), { t: l } = Z();
+    const A = $(), o = R(!1), r = nt(), { breakpoints: t } = De(), n = T(() => t.value.xs || t.value.sm), { t: l } = Z();
     return ve(async () => {
       if (A._currentLocation) {
         o.value = !0;
@@ -3641,7 +3641,7 @@ const Ho = { class: "flex flex-col gap-4" }, Uo = { class: "flex flex-col" }, Xo
                 }, null, 8, fs)
               ]),
               w[0] || (w[0] = s("div", { class: "font-bold text-lg" }, "Integration", -1)),
-              s("div", ps, R(S(l)("inventory.integration.description")), 1)
+              s("div", ps, O(S(l)("inventory.integration.description")), 1)
             ])) : (I(), L("div", vs, [
               b(oo),
               b(Gt),