@feedmepos/mf-inventory-portal 0.0.5

package/dist/IntegrationView-BRWYO3VE.js

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