@feedmepos/mf-inventory-portal 0.0.21-dev.4 → 0.0.21-dev.5

package/dist/IntegrationView-BJT-KMVp.js

@@ -0,0 +1,1141 @@
+import { defineComponent as z, mergeModels as le, useModel as re, onMounted as ae, ref as P, computed as K, resolveComponent as L, openBlock as F, createElementBlock as B, createElementVNode as u, toDisplayString as I, createVNode as V, createBlock as U, withCtx as D, Fragment as E, renderList as G, normalizeClass as R, normalizeStyle as de, createSlots as ue, unref as w, createCommentVNode as O, withModifiers as ce, reactive as J, watch as Q, isRef as X, Teleport as fe } from "vue";
+import { E as me } from "./empty-placeholder-wf6-BWE8.js";
+import { aj as ee, ak as pe, c as q, al as ge, j as ve } from "./app-S6iG6Hux.js";
+import { useDialogChild as ye, useDialog as te, useProxiedModel as ne, useSnackbar as be, useBreakpoints as he } from "@feedmepos/ui-library";
+import { useI18n as T, useCoreStore as _e } from "@feedmepos/mf-common";
+import { _ as Ce, a as xe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CpN5Kn8b.js";
+const He = "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";
+function Y(x, v) {
+  return ee.filter(x, v).length > 0;
+}
+function ke(x, v) {
+  if (!x)
+    return {
+      label: v,
+      segments: [
+        {
+          isMatch: !1,
+          segment: v
+        }
+      ],
+      matched: !1
+    };
+  const [i] = ee.filter(x.toLocaleLowerCase(), [v], {
+    pre: "|",
+    post: "|"
+  });
+  if (!i)
+    return {
+      label: v,
+      segments: [{ segment: v, isMatch: !1 }],
+      matched: !1
+    };
+  const g = i.string.toString().replace(/\|\|/g, "").split("|").reduce((r, c, M) => (r.push({
+    segment: c,
+    isMatch: M % 2 !== 0
+    //e.g. index 1, 3, 5, ...
+  }), r), new Array());
+  return {
+    label: v,
+    segments: g,
+    matched: !0
+  };
+}
+function Z(x) {
+  return Object.prototype.hasOwnProperty.call(x, "children");
+}
+const Me = { class: "flex flex-col gap-12 h-[350px]" }, Fe = { class: "flex items-center" }, $e = {
+  class: "flex-1",
+  "data-cy": "items-selected"
+}, we = {
+  class: "flex-1",
+  "data-cy": "filter-field"
+}, Ve = ["data-cy"], Se = { class: "flex flex-col" }, Ae = { class: "fm-typo-en-body-md-400" }, Be = {
+  key: 1,
+  class: "w-full py-16 text-fm-color-typo-disabled fm-typo-en-body-md-400 text-center"
+}, oe = /* @__PURE__ */ z({
+  __name: "FmNestedMultiselectDialog",
+  props: /* @__PURE__ */ le({
+    modelValue: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(x) {
+    const v = re(x, "modelValue"), i = ye();
+    ae(() => {
+      i.emitData(v.value);
+    });
+    const g = P("");
+    function r(e) {
+      return Y(
+        g.value,
+        e.sublabel ? [e.label, e.sublabel] : [e.label]
+      );
+    }
+    function c(e) {
+      return r(e) ? !0 : Z(e) ? e.children.some(c) : !1;
+    }
+    function M(e, t) {
+      if (!g.value)
+        return !0;
+      const [l, ...d] = e;
+      if (typeof l != "number")
+        return !1;
+      const h = t[l];
+      return Y(
+        g.value,
+        h.sublabel ? [h.label, h.sublabel] : [h.label]
+      ) ? !0 : d.length === 0 ? c(h) : Z(h) ? M(d, h.children) : !1;
+    }
+    function S(e, t, l = 0, d = !1) {
+      if (Z(e) && e.children.length) {
+        const { children: h, ..._ } = e, N = h.flatMap(
+          (C, j) => S(C, [...t, j], l + 1, d || e.disabled)
+        );
+        return [
+          {
+            ..._,
+            keys: t,
+            indent: l,
+            collapsible: !0,
+            disabled: d || e.disabled
+          },
+          ...N
+        ];
+      }
+      return [
+        {
+          ...e,
+          keys: t,
+          indent: l,
+          collapsible: !1,
+          disabled: d || e.disabled
+        }
+      ];
+    }
+    const A = K(() => v.value.flatMap(
+      (e, t) => S(e, [t]).filter((l) => M(l.keys, v.value))
+    ));
+    function $(e) {
+      if (Z(e)) {
+        if (c(e)) {
+          const t = r(e) ? e.children : e.children.filter(c);
+          return t.length === 0 ? !1 : t.every($);
+        }
+        return e.children.every($);
+      }
+      return e.active ?? !1;
+    }
+    function k(e, t) {
+      const [l, ...d] = e;
+      if (typeof l != "number")
+        return !1;
+      const h = t[l];
+      return d.length === 0 ? $(h ?? []) : Z(h) ? k(d, h.children ?? []) : !1;
+    }
+    function f(e) {
+      if (Z(e)) {
+        if (c(e)) {
+          const t = r(e) ? e.children : e.children.filter(c);
+          return t.length === 0 ? !1 : t.some($) && !t.every($);
+        }
+        return !1;
+      }
+      return !1;
+    }
+    function b(e, t) {
+      const [l, ...d] = e;
+      if (typeof l != "number")
+        return !1;
+      const h = t[l];
+      return d.length === 0 ? f(h ?? []) : Z(h) ? b(d, (h == null ? void 0 : h.children) ?? []) : !1;
+    }
+    function m(e, t) {
+      if (e.disabled)
+        return e;
+      if (Z(e)) {
+        if (c(e)) {
+          const l = r(e) ? e.children : e.children.filter(c);
+          return {
+            ...e,
+            children: e.children.map((d) => l.find((_) => pe(_.value, d.value)) ? m(d, t) : d)
+          };
+        }
+        return {
+          ...e,
+          children: e.children.map((l) => m(l, t))
+        };
+      }
+      return {
+        ...e,
+        active: t
+      };
+    }
+    function H(e, t, l) {
+      const [d, ...h] = e;
+      return typeof d != "number" ? t : h.length === 0 ? t.map((_, N) => d !== N ? _ : m(_, l)) : t.map(
+        (_, N) => d === N && Z(_) ? {
+          ..._,
+          children: H(h, _.children, l)
+        } : _
+      );
+    }
+    const y = P(new Array());
+    function s(e) {
+      const t = e.join();
+      return y.value.find((l) => t === l);
+    }
+    function n(e) {
+      const t = e.join();
+      s(e) ? y.value = y.value.filter((l) => l !== t) : y.value = [...y.value, t];
+    }
+    function o(e) {
+      const t = e.join();
+      return y.value.find((l) => t.startsWith(l) && t !== l);
+    }
+    const a = K(
+      () => A.value.filter((e) => M(e.keys, v.value) && e.active).length
+    );
+    function p(e, t, l) {
+      v.value = H(e, t, l), i.emitData(v.value);
+    }
+    return (e, t) => {
+      const l = L("FmSearch"), d = L("FmCheckbox"), h = L("FmButton"), _ = L("FmListItem"), N = L("FmList");
+      return F(), B("div", Me, [
+        u("div", Fe, [
+          u("div", $e, I(a.value) + " items selected", 1),
+          u("div", we, [
+            V(l, {
+              modelValue: g.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (C) => g.value = C),
+              placeholder: "Filter items"
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        A.value.length ? (F(), U(N, {
+          key: 0,
+          class: "flex-1 overflow-y-auto"
+        }, {
+          default: D(() => [
+            (F(!0), B(E, null, G(A.value, (C) => (F(), B("div", {
+              key: C.keys.join(),
+              class: R([
+                "transition-all overflow-y-clip",
+                o(C.keys) ? "max-h-0 opacity-0" : "max-h-[50px] opacity-100"
+              ]),
+              "data-cy": `nested-${C.keys.join("-")}-${C.label}`
+            }, [
+              V(_, {
+                clickable: C.selectable !== !1,
+                onClick: () => C.selectable === !1 || C.disabled || p(C.keys, v.value, !k(C.keys, v.value)),
+                style: de({
+                  paddingLeft: `${16 + C.indent * 16}px`,
+                  paddingTop: "4px",
+                  paddingBottom: "4px"
+                }),
+                disabled: C.selectable !== !1 && C.disabled
+              }, ue({
+                default: D(() => [
+                  u("div", Se, [
+                    u("div", Ae, [
+                      (F(!0), B(E, null, G(w(ke)(g.value, C.label).segments, (j, se) => (F(), B("span", {
+                        key: se,
+                        class: R({
+                          "font-bold": j.isMatch
+                        })
+                      }, I(j.segment), 3))), 128))
+                    ]),
+                    C.sublabel ? (F(), B("div", {
+                      key: 0,
+                      class: R([
+                        "fm-typo-en-body-sm-400",
+                        C.disabled ? "" : "text-fm-color-typo-secondary"
+                      ])
+                    }, I(C.sublabel), 3)) : O("", !0)
+                  ])
+                ]),
+                _: 2
+              }, [
+                C.selectable !== !1 ? {
+                  name: "prepend",
+                  fn: D(() => [
+                    V(d, {
+                      disabled: C.disabled,
+                      "model-value": k(C.keys, v.value),
+                      value: C.keys,
+                      indeterminate: b(C.keys, v.value)
+                    }, null, 8, ["disabled", "model-value", "value", "indeterminate"])
+                  ]),
+                  key: "0"
+                } : void 0,
+                C.collapsible ? {
+                  name: "append",
+                  fn: D(() => [
+                    V(h, {
+                      "prepend-icon": s(C.keys) ? "expand_less" : "expand_more",
+                      size: "md",
+                      variant: "tertiary",
+                      onClick: ce(() => n(C.keys), ["stop"])
+                    }, null, 8, ["prepend-icon", "onClick"])
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["clickable", "onClick", "style", "disabled"])
+            ], 10, Ve))), 128))
+          ]),
+          _: 1
+        })) : (F(), B("div", Be, " No results found "))
+      ]);
+    };
+  }
+}), Le = { class: "flex flex-col rounded border border-fm-color-neutral-gray-100 px-5 py-5 gap-5" }, Ie = { class: "flex items-center" }, Ke = { class: "text-lg font-bold flex-grow" }, De = {
+  key: 0,
+  class: "table-auto w-full"
+}, Ne = { class: "text-left" }, Ze = { class: "min-w-64" }, Pe = { class: "flex flex-col" }, je = { class: "fm-typo-en-body-md-400" }, Ue = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
+}, qe = { class: "w-1" }, Ee = /* @__PURE__ */ z({
+  __name: "ApplyAddon",
+  props: {
+    groups: {
+      type: Array,
+      required: !0
+    },
+    modifiers: {
+      type: Array,
+      required: !0
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    loading: {
+      type: Boolean
+    }
+  },
+  emits: ["update:modifiers"],
+  setup(x, { emit: v }) {
+    const i = x, g = v, r = te(), c = K(() => {
+      const f = i.groups.flatMap((b) => b.items.map((m) => {
+        const H = i.items.find((y) => y._id === m._id);
+        return {
+          ...m,
+          groupName: b.name,
+          name: m.name ?? (H == null ? void 0 : H.name) ?? "-"
+        };
+      }));
+      return i.modifiers.map((b) => {
+        const m = f.find((s) => s.selection === b.selection), H = (m == null ? void 0 : m.name) ?? "-", y = (m == null ? void 0 : m.groupName) ?? "";
+        return {
+          ...b,
+          name: H,
+          groupName: y
+        };
+      });
+    }), M = K(() => i.groups.flatMap((f) => f.items.map((b) => ({ ...b, groupId: f._id }))));
+    function S({ selection: f }) {
+      g(
+        "update:modifiers",
+        i.modifiers.filter((b) => b.selection !== f)
+      );
+    }
+    function A({ selection: f }, b) {
+      const m = i.modifiers.find((H) => H.selection === f);
+      m && (m.code = b);
+    }
+    function $() {
+      let f = [];
+      i.groups.forEach((m) => {
+        let H = !1;
+        m.items.every((y) => y._id.startsWith("item")) && (H = !0), f.push({
+          label: m.name,
+          sublabel: "Group",
+          value: m._id,
+          disabled: H,
+          children: m.items.reduce((y, s) => {
+            var a;
+            const n = i.items.find((p) => p._id === s._id), o = (a = n == null ? void 0 : n.variant) == null ? void 0 : a.variantCombinations.find(
+              (p) => p.combinationKey === (s == null ? void 0 : s.combinationKey)
+            );
+            return [
+              ...y,
+              {
+                label: `${s.name ?? (n == null ? void 0 : n.name)} ${o ? `(${o.name})` : ""}`,
+                value: `${s.selection}${o ? `/${o == null ? void 0 : o.combinationKey}` : ""}`,
+                disabled: H,
+                active: !!i.modifiers.find(({ selection: p }) => p === s.selection)
+              }
+            ];
+          }, [])
+        });
+      });
+      const b = {
+        modelValue: f
+      };
+      r.open({
+        title: "Select Addons",
+        contentComponent: oe,
+        contentComponentProps: b,
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        }
+      }).onPrimary((m) => {
+        const H = q(i.modifiers);
+        let y = [];
+        function s(n, o) {
+          if (o(n), Z(n))
+            for (let a of n.children)
+              s(a, o);
+        }
+        m.forEach((n) => {
+          s(n, (o) => {
+            var t;
+            if (i.groups.find(({ _id: l }) => l === o.value)) return;
+            const p = M.value.find(({ selection: l }) => l === o.value), e = y.find(({ selection: l }) => o.value === l);
+            !Z(o) && o.active && e === void 0 && y.push({
+              addonGroupId: (p == null ? void 0 : p.groupId) ?? "",
+              selection: o.value,
+              code: ((t = H.find(({ selection: l }) => o.value === l)) == null ? void 0 : t.code) ?? ""
+            });
+          });
+        }), g("update:modifiers", y);
+      });
+    }
+    const { t: k } = T();
+    return (f, b) => {
+      const m = L("FmButton"), H = L("FmTextField");
+      return F(), B("div", Le, [
+        u("div", Ie, [
+          u("div", Ke, I(w(k)("inventory.integration.apply.addons")), 1),
+          V(m, {
+            type: "button",
+            variant: "plain",
+            size: "md",
+            icon: "link",
+            label: w(k)("inventory.integration.apply.applyAddon"),
+            onClick: b[0] || (b[0] = (y) => $())
+          }, null, 8, ["label"])
+        ]),
+        u("div", null, [
+          c.value.length > 0 ? (F(), B("table", De, [
+            u("tr", Ne, [
+              u("th", Ze, I(w(k)("inventory.integration.apply.name")), 1),
+              u("th", null, I(w(k)("inventory.integration.apply.code")), 1),
+              b[1] || (b[1] = u("th", { class: "w-1" }, " ", -1))
+            ]),
+            (F(!0), B(E, null, G(c.value, (y, s) => (F(), B(E, { key: s }, [
+              b[2] || (b[2] = u("tr", { class: "block h-8" }, null, -1)),
+              u("tr", null, [
+                u("td", null, [
+                  u("div", Pe, [
+                    u("div", je, I(y.name), 1),
+                    y.groupName ? (F(), B("div", Ue, I(y.groupName), 1)) : O("", !0)
+                  ])
+                ]),
+                u("td", null, [
+                  V(H, {
+                    disabled: x.loading,
+                    "model-value": y.code,
+                    "onUpdate:modelValue": [(n) => y.code = n, (n) => A(y, n)],
+                    rules: [
+                      function(o) {
+                        return !!o || "Required";
+                      }
+                    ]
+                  }, null, 8, ["disabled", "model-value", "onUpdate:modelValue", "rules"])
+                ]),
+                u("td", qe, [
+                  V(m, {
+                    disabled: x.loading,
+                    type: "button",
+                    variant: "tertiary",
+                    icon: "delete",
+                    "icon-color": "#000000",
+                    size: "md",
+                    onClick: (n) => S(y)
+                  }, null, 8, ["disabled", "onClick"])
+                ])
+              ])
+            ], 64))), 128))
+          ])) : O("", !0)
+        ])
+      ]);
+    };
+  }
+});
+function Oe(x, v = []) {
+  const i = v.map((r) => x.find((c) => c._id === r)).filter((r) => !!r);
+  return Re(i).reduce((r, c) => (r[c.combinationKey] = c.selectionName.join(" / "), r), {});
+}
+function ze(x, v, i) {
+  const g = i.reduce((c, M) => {
+    var k, f, b;
+    const S = M.category || "", A = Oe(v, (k = M.variant) == null ? void 0 : k.variantGroupIds), $ = {
+      ...M,
+      codeName: [M.code, M.name].filter((m) => !!m).join(" "),
+      variant: {
+        variantGroupIds: ((f = M.variant) == null ? void 0 : f.variantGroupIds) || [],
+        variantCombinations: (((b = M.variant) == null ? void 0 : b.variantCombinations) || []).map((m) => {
+          const H = m.code, y = m.name || A[m.combinationKey || ""];
+          return {
+            ...m,
+            codeName: [H, y].filter((s) => !!s).join(" ").trim() || "-"
+          };
+        })
+      }
+    };
+    return c[S] = c[S] ? [...c[S], $] : [$], c;
+  }, {}), r = Object.values(g)[0];
+  return x.length === 0 && r ? r.map((c) => ({
+    id: c._id,
+    name: c.name ?? "",
+    items: g[c._id || ""] || []
+  })) || [] : x.map((c) => ({
+    id: c._id,
+    name: c.name ?? "",
+    items: g[c._id || ""] || []
+  }));
+}
+function ie(x, v) {
+  if (x.length == 1)
+    return x[0];
+  const i = x[0], g = x.slice(1, x.length), r = ie(g, v);
+  return i.reduce((M, S) => [...M, ...r.map((A) => v(S, A))], new Array());
+}
+function Re(x) {
+  if (x.length === 0) return [];
+  const v = x.map(
+    (g) => (g.options ?? []).map(
+      (r) => ({
+        combinationKey: [`${g._id}/${r._id}`],
+        selectionName: [r.name ?? ""]
+      })
+    )
+  );
+  return ie(v, (g, r) => ({
+    combinationKey: [...g.combinationKey, ...r.combinationKey],
+    selectionName: [...g.selectionName, ...r.selectionName]
+  })).map((g) => {
+    const r = [...g.combinationKey];
+    return r.sort(), {
+      combinationKey: r.join("/"),
+      active: !0,
+      selectionName: g.selectionName
+    };
+  });
+}
+const Te = { class: "flex flex-col rounded border border-fm-color-neutral-gray-100 px-5 py-5 gap-5 mb-3" }, Ge = { class: "flex items-center" }, We = { class: "text-lg font-bold flex-grow" }, Ye = {
+  key: 0,
+  class: "table-auto w-full"
+}, Je = { class: "text-left" }, Qe = { class: "min-w-64" }, Xe = { class: "flex flex-col" }, et = { class: "fm-typo-en-body-md-400" }, tt = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
+}, nt = { class: "w-1" }, W = /* @__PURE__ */ z({
+  __name: "ApplyProduct",
+  props: {
+    isAddon: {
+      type: Boolean,
+      default: !1
+    },
+    bindings: {
+      type: Array,
+      required: !0
+    },
+    categories: {
+      type: Array,
+      required: !0
+    },
+    variants: {
+      type: Object,
+      required: !0
+    },
+    menus: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["update:bindings"],
+  setup(x, { emit: v }) {
+    const i = x, g = v, r = te(), c = K(() => i.isAddon ? "Addons" : "Products"), M = K(() => i.isAddon ? [] : i.categories), S = K(
+      () => ze(M.value, i.variants, i.menus)
+    ), A = K(() => {
+      if (i.isAddon)
+        return i.bindings.map((o) => {
+          const a = i.menus.find((e) => e._id === o.productId), p = (a == null ? void 0 : a.name) ?? "-";
+          return {
+            ...o,
+            name: p,
+            itemCode: (a == null ? void 0 : a.code) ?? "-"
+          };
+        });
+      const n = S.value.flatMap((o) => o.items);
+      return i.bindings.map((o) => {
+        var l;
+        const a = n.find((d) => d._id === o.productId), p = (a == null ? void 0 : a.name) ?? "-";
+        let e = (a == null ? void 0 : a.code) ?? "-", t;
+        if (o.combinationKey) {
+          const d = (((l = a == null ? void 0 : a.variant) == null ? void 0 : l.variantCombinations) || []).find(
+            (h) => h.combinationKey === o.combinationKey
+          );
+          t = (d == null ? void 0 : d.name) ?? (d == null ? void 0 : d.codeName) ?? "", e = (d == null ? void 0 : d.code) ?? e;
+        }
+        return {
+          ...o,
+          name: p,
+          itemCode: e,
+          variantName: t
+        };
+      });
+    });
+    function $(n) {
+      g(
+        "update:bindings",
+        i.bindings.filter(
+          (o) => o.productId !== n.productId || o.combinationKey !== n.combinationKey
+        )
+      );
+    }
+    function k({ productId: n, combinationKey: o }, a) {
+      const p = i.bindings.find(
+        (e) => e.productId === n && e.combinationKey === o
+      );
+      p && (p.code = a);
+    }
+    function f() {
+      return S.value.map((n) => ({
+        label: n.name,
+        sublabel: "Category",
+        value: n.name,
+        disabled: !1,
+        children: n.items.map((o) => {
+          var p;
+          const a = (p = o.variant) == null ? void 0 : p.variantCombinations;
+          return a != null && a.length ? {
+            label: o.name ?? "",
+            value: o._id,
+            sublabel: "Product",
+            children: [
+              {
+                label: o.codeName ?? "",
+                value: {
+                  productId: o._id
+                },
+                active: !!i.bindings.find(
+                  ({ productId: e, combinationKey: t }) => o._id === e && !t
+                )
+              },
+              ...a.map((e) => ({
+                label: e.codeName ?? "",
+                value: {
+                  productId: o._id,
+                  combinationKey: e.combinationKey
+                },
+                sublabel: "Variant",
+                active: !!i.bindings.find(
+                  ({ productId: t, combinationKey: l }) => o._id === t && e.combinationKey === l
+                )
+              }))
+            ]
+          } : {
+            label: o.codeName ?? "",
+            value: {
+              productId: o._id
+            },
+            active: !!i.bindings.find(
+              ({ productId: e, combinationKey: t }) => o._id === e && !t
+            )
+          };
+        })
+      }));
+    }
+    function b() {
+      return i.menus.map((n) => ({
+        label: n.name,
+        value: { productId: n._id },
+        active: !!i.bindings.find(
+          ({ productId: o, combinationKey: a }) => n._id === o && !a
+        )
+      }));
+    }
+    function m(n) {
+      const o = q(i.bindings);
+      return n.flatMap((a) => a.children.flatMap((p) => {
+        var t;
+        if (Z(p))
+          return p.children.filter((l) => l.active).map((l) => {
+            var _, N;
+            const { productId: d, combinationKey: h } = l.value;
+            return h ? {
+              productId: d,
+              combinationKey: h,
+              code: ((_ = o.find(
+                ({ productId: C, combinationKey: j }) => d === C && h === j
+              )) == null ? void 0 : _.code) ?? ""
+            } : {
+              productId: d,
+              code: ((N = o.find(({ productId: C, combinationKey: j }) => d === C && !j)) == null ? void 0 : N.code) ?? ""
+            };
+          });
+        if (!p.active)
+          return [];
+        const { productId: e } = p.value;
+        return [
+          {
+            productId: e,
+            code: ((t = o.find(({ productId: l, combinationKey: d }) => e === l && !d)) == null ? void 0 : t.code) ?? ""
+          }
+        ];
+      }));
+    }
+    function H(n) {
+      const o = q(i.bindings);
+      return n.filter((a) => a.active).map(
+        (a) => {
+          var p;
+          return {
+            productId: a.value.productId,
+            code: ((p = o.find(({ productId: e }) => e === a.value.productId)) == null ? void 0 : p.code) ?? ""
+          };
+        }
+      );
+    }
+    function y() {
+      let n;
+      i.isAddon ? n = b() : n = f();
+      const o = {
+        modelValue: n
+      };
+      r.open({
+        title: `Select ${c.value}`,
+        contentComponent: oe,
+        contentComponentProps: o,
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        }
+      }).onPrimary((a) => {
+        let p;
+        i.isAddon ? p = H(a) : p = m(a), g("update:bindings", p);
+      });
+    }
+    const { t: s } = T();
+    return (n, o) => {
+      const a = L("FmButton"), p = L("FmTextField");
+      return F(), B("div", Te, [
+        u("div", Ge, [
+          u("div", We, I(x.isAddon ? w(s)("inventory.integration.apply.addons") : w(s)("inventory.integration.apply.products")), 1),
+          V(a, {
+            type: "button",
+            variant: "plain",
+            size: "md",
+            icon: "link",
+            label: x.isAddon ? w(s)("inventory.integration.apply.applyAddon") : w(s)("inventory.integration.apply.applyProduct"),
+            onClick: o[0] || (o[0] = (e) => y())
+          }, null, 8, ["label"])
+        ]),
+        u("div", null, [
+          A.value.length > 0 ? (F(), B("table", Ye, [
+            u("tr", Je, [
+              u("th", Qe, I(w(s)("inventory.integration.apply.name")), 1),
+              u("th", null, I(w(s)("inventory.integration.apply.code")), 1),
+              o[1] || (o[1] = u("th", { class: "w-1" }, " ", -1))
+            ]),
+            (F(!0), B(E, null, G(A.value, (e, t) => (F(), B(E, { key: t }, [
+              o[2] || (o[2] = u("tr", { class: "block h-8" }, null, -1)),
+              u("tr", null, [
+                u("td", null, [
+                  u("div", Xe, [
+                    u("div", et, I(e.itemCode) + " " + I(e.name), 1),
+                    e.variantName ? (F(), B("div", tt, I(e.variantName), 1)) : O("", !0)
+                  ])
+                ]),
+                u("td", null, [
+                  V(p, {
+                    "model-value": e.code,
+                    "onUpdate:modelValue": [(l) => e.code = l, (l) => k(e, l)],
+                    rules: [
+                      function(d) {
+                        return !!d || "Required";
+                      }
+                    ]
+                  }, null, 8, ["model-value", "onUpdate:modelValue", "rules"])
+                ]),
+                u("td", nt, [
+                  V(a, {
+                    type: "button",
+                    variant: "tertiary",
+                    icon: "delete",
+                    "icon-color": "#000000",
+                    size: "md",
+                    onClick: (l) => $(e)
+                  }, null, 8, ["onClick"])
+                ])
+              ])
+            ], 64))), 128))
+          ])) : O("", !0)
+        ])
+      ]);
+    };
+  }
+}), ot = { class: "flex flex-col gap-8 w-full" }, it = /* @__PURE__ */ z({
+  __name: "ApplyProductDialog",
+  props: {
+    categories: { default: () => [] },
+    variants: { default: () => [] },
+    menus: { default: () => [] },
+    groups: { default: () => [] },
+    setting: {},
+    show: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  emits: ["update:setting", "update:show", "submit"],
+  setup(x, { emit: v }) {
+    const i = x, g = v, r = J(q(i.setting));
+    Q([() => i.show], ([k]) => {
+      if (k)
+        for (const f of Object.keys(i.setting))
+          r[f] = i.setting[f];
+    });
+    const c = P(), M = ne(i, "show");
+    function S() {
+      var k, f;
+      (f = (k = c.value) == null ? void 0 : k.validateInputs) == null || f.call(k);
+    }
+    function A() {
+      g("update:setting", q(r)), g("submit");
+    }
+    const { t: $ } = T();
+    return (k, f) => {
+      const b = L("FmChip"), m = L("FmForm"), H = L("FmButton"), y = L("FmSideSheet");
+      return F(), U(y, {
+        modelValue: w(M),
+        "onUpdate:modelValue": f[4] || (f[4] = (s) => X(M) ? M.value = s : null),
+        header: w($)("inventory.integration.apply.title"),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: D(() => [
+          u("div", ot, [
+            u("div", null, [
+              V(b, { label: "Menu v3" })
+            ]),
+            V(m, {
+              ref_key: "formRef",
+              ref: c,
+              onValidationSuccess: f[2] || (f[2] = (s) => A())
+            }, {
+              default: D(() => [
+                V(W, {
+                  bindings: r.bindings,
+                  categories: k.categories,
+                  variants: k.variants,
+                  menus: k.menus,
+                  "onUpdate:bindings": f[0] || (f[0] = (s) => r.bindings = s)
+                }, null, 8, ["bindings", "categories", "variants", "menus"]),
+                V(Ee, {
+                  form: c.value,
+                  modifiers: r.modifiers ?? [],
+                  groups: k.groups ?? [],
+                  items: k.menus ?? [],
+                  "onUpdate:modifiers": f[1] || (f[1] = (s) => r.modifiers = s)
+                }, null, 8, ["form", "modifiers", "groups", "items"])
+              ]),
+              _: 1
+            }, 512)
+          ])
+        ]),
+        "side-sheet-footer": D(() => [
+          V(H, {
+            loading: k.loading,
+            type: "submit",
+            label: w($)("common.confirm"),
+            onClick: f[3] || (f[3] = (s) => S())
+          }, null, 8, ["loading", "label"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), st = { class: "flex flex-col gap-8 w-full" }, lt = /* @__PURE__ */ z({
+  __name: "ApplyProductDialogV4",
+  props: {
+    categories: { default: () => [] },
+    variants: { default: () => [] },
+    menus: { default: () => [] },
+    groups: { default: () => [] },
+    setting: {},
+    show: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  emits: ["update:setting", "update:show", "submit"],
+  setup(x, { emit: v }) {
+    const i = x, g = v, r = J(q(i.setting));
+    Q([() => i.show], ([s]) => {
+      if (s)
+        for (const n of Object.keys(i.setting))
+          r[n] = i.setting[n];
+    });
+    const c = K(() => i.menus.filter((s) => (s == null ? void 0 : s.category) === null)), M = K(() => r.bindings.filter((s) => {
+      const n = i.menus.find((o) => o._id === s.productId);
+      return n ? (n == null ? void 0 : n.category) === null : !1;
+    })), S = K(() => i.menus.filter((s) => (s == null ? void 0 : s.category) !== null)), A = K(() => r.bindings.filter((s) => {
+      const n = i.menus.find((o) => o._id === s.productId);
+      return n ? (n == null ? void 0 : n.category) !== null : !1;
+    }));
+    function $(s) {
+      r.bindings = [...M.value, ...s];
+    }
+    function k(s) {
+      r.bindings = [...A.value, ...s];
+    }
+    const f = P(), b = ne(i, "show");
+    function m() {
+      var s, n;
+      (n = (s = f.value) == null ? void 0 : s.validateInputs) == null || n.call(s);
+    }
+    function H() {
+      g("update:setting", q(r)), g("submit");
+    }
+    const { t: y } = T();
+    return (s, n) => {
+      const o = L("FmChip"), a = L("FmForm"), p = L("FmButton"), e = L("FmSideSheet");
+      return F(), U(e, {
+        modelValue: w(b),
+        "onUpdate:modelValue": n[4] || (n[4] = (t) => X(b) ? b.value = t : null),
+        header: w(y)("inventory.integration.apply.title"),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: D(() => [
+          u("div", st, [
+            u("div", null, [
+              V(o, { label: "Menu v4" })
+            ]),
+            V(a, {
+              ref_key: "formRef",
+              ref: f,
+              onValidationSuccess: n[2] || (n[2] = (t) => H())
+            }, {
+              default: D(() => [
+                V(W, {
+                  categories: s.categories,
+                  variants: s.variants,
+                  bindings: A.value,
+                  menus: S.value,
+                  "onUpdate:bindings": n[0] || (n[0] = (t) => $(t))
+                }, null, 8, ["categories", "variants", "bindings", "menus"]),
+                V(W, {
+                  "is-addon": !0,
+                  categories: [],
+                  variants: s.variants,
+                  bindings: M.value,
+                  menus: c.value,
+                  "onUpdate:bindings": n[1] || (n[1] = (t) => k(t))
+                }, null, 8, ["variants", "bindings", "menus"])
+              ]),
+              _: 1
+            }, 512)
+          ])
+        ]),
+        "side-sheet-footer": D(() => [
+          V(p, {
+            loading: s.loading,
+            type: "submit",
+            label: w(y)("common.confirm"),
+            onClick: n[3] || (n[3] = (t) => m())
+          }, null, 8, ["loading", "label"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), rt = { key: 0 }, at = {
+  key: 1,
+  class: "flex flex-col items-center my-10 gap-5"
+}, dt = ["src"], ut = {
+  class: "text-xs text-neutral-400 text-center",
+  style: { "max-width": "25rem" }
+}, ct = { key: 2 }, ft = { class: "flex justify-center" }, mt = ["src"], pt = { class: "flex flex-col items-center gap-2" }, gt = { class: "text-lg font-bold" }, vt = { class: "text-fm-color-neutral-gray-300" }, yt = { key: 0 }, kt = /* @__PURE__ */ z({
+  __name: "IntegrationView",
+  setup(x) {
+    const v = _e(), i = be(), g = ve(), r = P(!1), c = P(), M = P(), S = P(), A = P(), $ = P(), k = K(() => {
+      var e;
+      return ((e = $.value) == null ? void 0 : e.enable) ?? !1;
+    }), f = ge(), b = K(() => {
+      var e;
+      return (e = v.currentBusiness.value) == null ? void 0 : e.menuVersion;
+    });
+    g.watchLocation(m);
+    async function m(e) {
+      var t, l, d, h;
+      if (!e) {
+        const _ = {
+          _id: "",
+          enable: !1,
+          bindings: [],
+          uniqueCode: "",
+          branchCode: "",
+          server: {
+            password: "",
+            host: "",
+            username: "",
+            port: "",
+            directory: ""
+          },
+          histories: [],
+          modifiers: [],
+          exportAsJson: !1
+        };
+        $.value = _;
+        return;
+      }
+      r.value = !0;
+      try {
+        const _ = await f.readMenu();
+        c.value = ((t = _.modules) == null ? void 0 : t.item) ?? [], M.value = ((l = _.modules) == null ? void 0 : l.group) ?? [], S.value = ((d = _.modules) == null ? void 0 : d.variant) ?? [];
+        const N = (((h = _.modules) == null ? void 0 : h.category) ?? []).map((C) => ({
+          ...C,
+          _id: C._id === void 0 ? null : C._id
+        }));
+        A.value = N, $.value = await f.readSetting();
+      } catch (_) {
+        i.open({
+          title: "Something went wrong",
+          message: "Cannot fetch integration info. Please try again.",
+          type: "error"
+        }), console.error("Error at fetching integration info", _);
+      } finally {
+        r.value = !1;
+      }
+    }
+    const H = P(!1);
+    async function y() {
+      H.value = !0;
+    }
+    const { breakpoints: s } = he(), n = K(() => s.value.xs || s.value.sm), o = K(() => n.value);
+    async function a() {
+      const e = $.value;
+      if (e) {
+        r.value = !0;
+        try {
+          await f.updateSetting(e), i.open({
+            title: "Success",
+            message: "Your changes has been saved",
+            type: "success"
+          }), H.value = !1, await m(g.currentLocation);
+          return;
+        } catch (t) {
+          i.open({
+            title: "Something went wrong",
+            message: "Cannot update integration info. Please try again.",
+            type: "error"
+          }), console.error("Error at updating integration info", t);
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    const { t: p } = T();
+    return (e, t) => {
+      const l = L("FmCircularProgress"), d = L("FmCardSection"), h = L("FmCard");
+      return F(), U(Ce, {
+        title: w(p)("inventory.integration.title")
+      }, {
+        default: D(() => [
+          u("div", {
+            class: R([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": n.value,
+                "px-24 ": !n.value
+              }
+            ])
+          }, [
+            V(xe, { "change-location": "" }),
+            !w(g)._currentLocation || r.value ? (F(), B("div", rt, [
+              V(l, { size: "lg" })
+            ])) : k.value ? (F(), B("div", ct, [
+              V(h, {
+                class: R({
+                  "w-full": o.value,
+                  "w-1/2": !o.value,
+                  border: !0,
+                  "border-fm-color-neutral-gray-100": !0,
+                  "cursor-pointer": !0,
+                  "hover:border-fm-color-primary": !0
+                }),
+                onClick: t[0] || (t[0] = (_) => y())
+              }, {
+                default: D(() => [
+                  V(d, null, {
+                    default: D(() => [
+                      u("div", ft, [
+                        u("img", {
+                          src: w(He),
+                          alt: "Food Market Hub"
+                        }, null, 8, mt)
+                      ]),
+                      u("div", pt, [
+                        u("div", gt, I(w(p)("inventory.integration.fmh.title")), 1),
+                        u("div", vt, I(w(p)("inventory.integration.fmh.description")), 1)
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])) : (F(), B("div", at, [
+              u("div", null, [
+                u("img", {
+                  src: w(me),
+                  alt: "List is empty"
+                }, null, 8, dt)
+              ]),
+              t[7] || (t[7] = u("div", { class: "font-bold text-lg" }, "Integration", -1)),
+              u("div", ut, I(w(p)("inventory.integration.description")), 1)
+            ]))
+          ], 2),
+          $.value ? (F(), B("div", yt, [
+            (F(), U(fe, { to: "body" }, [
+              b.value === "v3" ? (F(), U(it, {
+                key: 0,
+                menus: c.value,
+                variants: S.value,
+                categories: A.value,
+                setting: $.value,
+                "onUpdate:setting": t[1] || (t[1] = (_) => $.value = _),
+                show: H.value,
+                "onUpdate:show": t[2] || (t[2] = (_) => H.value = _),
+                groups: M.value,
+                loading: r.value,
+                onSubmit: t[3] || (t[3] = (_) => a())
+              }, null, 8, ["menus", "variants", "categories", "setting", "show", "groups", "loading"])) : (F(), U(lt, {
+                key: 1,
+                menus: c.value,
+                variants: S.value,
+                categories: A.value,
+                setting: $.value,
+                "onUpdate:setting": t[4] || (t[4] = (_) => $.value = _),
+                show: H.value,
+                "onUpdate:show": t[5] || (t[5] = (_) => H.value = _),
+                groups: M.value,
+                loading: r.value,
+                onSubmit: t[6] || (t[6] = (_) => a())
+              }, null, 8, ["menus", "variants", "categories", "setting", "show", "groups", "loading"]))
+            ]))
+          ])) : O("", !0)
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+export {
+  kt as default
+};