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

package/dist/IntegrationView-9V2OcyP_.js

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