@feedmepos/mf-inventory-portal 1.2.0 → 1.2.2-5.dev-1

package/dist/SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-Bg49isUy.js

@@ -0,0 +1,172 @@
+import { defineComponent as I, computed as x, openBlock as l, createElementBlock as d, createElementVNode as e, normalizeClass as b, toDisplayString as u, unref as p, ref as D, resolveComponent as B, Fragment as $, createVNode as k, createCommentVNode as N, withCtx as C, renderList as E } from "vue";
+import { useI18n as F, useCoreStore as A } from "@feedmepos/mf-common";
+import { b as U } from "./app-a9r50k3U.js";
+function ee(o, n = !1) {
+  var c;
+  return o ? [
+    {
+      label: n ? o.abbrev : `1 ${o.name} (${o.abbrev})`,
+      abbrev: o.abbrev,
+      value: null
+    },
+    ...((c = o.measurements) == null ? void 0 : c.map((t) => ({
+      label: n ? t.abbrev : `1 ${t.name} (${t.abbrev})`,
+      abbrev: t.abbrev,
+      value: t.id
+    }))) ?? []
+  ] : [];
+}
+var y = /* @__PURE__ */ ((o) => (o.noInfo = "no-info", o.low = "low", o.mid = "mid", o.high = "high", o))(y || {});
+const H = {
+  key: 0,
+  class: "flex"
+}, O = {
+  key: 1,
+  class: "flex"
+}, z = { class: "flex px-8 py-4 bg-fm-color-neutral-gray-100 fm-corner-radius-md gap-8" }, R = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, re = /* @__PURE__ */ I({
+  __name: "StockForecast",
+  props: {
+    days: {},
+    level: {}
+  },
+  setup(o) {
+    const n = o, { t: m } = F(), c = x(() => n.level ? n.level : typeof n.days != "number" ? y.noInfo : n.days > 14 ? y.high : n.days >= 7 && n.days <= 14 ? y.mid : y.low);
+    return (t, g) => typeof n.days == "number" ? (l(), d("div", H, [
+      e("div", {
+        class: b([
+          `fm-forecast-notification-${c.value}`,
+          "flex items-center gap-8 p-4 fm-corner-radius-md fm-typo-en-body-md-600"
+        ])
+      }, [
+        e("div", {
+          class: b([
+            "fm-forecast-notification-indicator",
+            `fm-forecast-notification-indicator-${c.value}`
+          ])
+        }, null, 2),
+        e("div", null, u(p(m)("inventory.stock.prediction.days", [n.days])), 1)
+      ], 2)
+    ])) : (l(), d("div", O, [
+      e("div", z, [
+        e("p", R, u(p(m)("inventory.stock.prediction.noData")), 1)
+      ])
+    ]));
+  }
+}), Y = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, j = { class: "flex flex-col" }, q = { class: "fm-typo-en-heading-lg-600" }, G = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, J = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-system-warning-300"
+}, K = {
+  key: 1,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, M = { class: "flex flex-col" }, Q = { class: "flex flex-col bg-fm-color-bg-secondary font-mono p-4 rounded-md" }, W = { class: "text-fm-color-typo-tertiary flex-shrink-0 fm-typo-en-body-md-400 whitespace-pre flex items-center" }, se = /* @__PURE__ */ I({
+  __name: "SubsidiaryTreeDialog",
+  setup(o) {
+    const n = D(!1), { t: m } = F(), c = A(), t = U(), g = x(() => {
+      var i;
+      return ((i = c.sessionUser.value) == null ? void 0 : i.role.isAdmin) ?? !1;
+    });
+    function h(i, r = [], a = []) {
+      const f = [];
+      return i.forEach((s, V) => {
+        const S = V === i.length - 1, P = [...r, S];
+        let v = "";
+        for (let _ = 0; _ < r.length; _++)
+          v += r[_] ? "    " : "│   ";
+        v += S ? "└── " : "├── ", f.push({
+          id: s.id,
+          name: s.name,
+          prefix: r.length === 0 ? "" : v,
+          isCurrentBusiness: s.id === t.businessSubsidiaryId,
+          isRoot: r.length === 0,
+          isInPath: a.includes(s.id)
+        }), s.children && s.children.length > 0 && f.push(...h(s.children, P, a));
+      }), f;
+    }
+    function w(i, r) {
+      return i.map((a) => r.includes(a.id) ? {
+        ...a,
+        // Recursively filter children
+        children: a.children ? w(a.children, r) : []
+      } : null).filter(Boolean);
+    }
+    const T = x(() => {
+      if (!t.businessSubsidiaryId)
+        return [];
+      const i = t.getBusinessSubsidiaryTree(), r = t.getBusinessSubsidiaryPath();
+      if (g.value)
+        return h(i, [], r);
+      const a = w(i, r);
+      return h(a, [], r);
+    });
+    return (i, r) => {
+      const a = B("FmButton"), f = B("FmDialog");
+      return l(), d($, null, [
+        p(t).isEnabled ? (l(), d("div", Y, [
+          k(a, {
+            "prepend-icon": "info",
+            variant: "tertiary",
+            onClick: r[0] || (r[0] = (s) => n.value = !0)
+          })
+        ])) : N("", !0),
+        k(f, {
+          modelValue: n.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (s) => n.value = s),
+          "close-button": "",
+          dismissAway: ""
+        }, {
+          "dialog-header": C(() => [
+            e("div", j, [
+              e("div", q, u(p(m)("inventory.integration.netsuite.subsidiaryHierarchy.title")), 1),
+              e("p", G, u(p(m)("inventory.integration.netsuite.subsidiaryHierarchy.description")), 1),
+              g.value ? (l(), d("p", J, " All subsidiaries are shown since you are an admin. ")) : (l(), d("p", K, " Only showing subsidiaries in your business path. ")),
+              r[2] || (r[2] = e("div", { class: "flex flex-wrap gap-2 mt-4" }, [
+                e("div", { class: "flex items-center gap-2 px-2 py-1 bg-fm-color-bg-brand-secondary rounded-md" }, [
+                  e("span", { class: "w-3 h-3 rounded-sm bg-green-400" }),
+                  e("span", { class: "fm-typo-en-body-sm-400" }, "Your Business")
+                ]),
+                e("div", { class: "flex items-center gap-2 px-2 py-1 bg-fm-color-bg-primary rounded-md border border-fm-color-border-secondary" }, [
+                  e("span", { class: "w-3 h-3 rounded-sm bg-gray-200 border-2 border-gray-400" }),
+                  e("span", { class: "fm-typo-en-body-sm-400" }, "Parent Subsidiary")
+                ])
+              ], -1))
+            ])
+          ]),
+          default: C(() => [
+            e("div", M, [
+              e("div", Q, [
+                (l(!0), d($, null, E(T.value, (s) => (l(), d("div", {
+                  key: s.id,
+                  class: "flex items-stretch"
+                }, [
+                  e("span", W, u(s.prefix), 1),
+                  e("div", {
+                    class: b([
+                      "px-2 py-1 rounded-md flex-1",
+                      s.isCurrentBusiness ? "border-2 bg-green-200 border-green-400" : s.isInPath ? "border-2 bg-gray-200 border-gray-400" : "bg-fm-color-bg-primary border border-fm-color-border-secondary"
+                    ])
+                  }, [
+                    e("span", {
+                      class: b([
+                        s.isCurrentBusiness || s.isInPath ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                      ])
+                    }, u(s.name), 3)
+                  ], 2)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  y as S,
+  re as _,
+  se as a,
+  ee as g
+};