@feedmepos/mf-inventory-portal 1.2.7 → 1.2.8-dev.1

package/dist/SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-BdtRkUS6.js

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