@feedmepos/mf-inventory-portal 0.0.23-dev.9 → 0.0.24-dev.1

package/dist/FmCustomAttribute.vue_vue_type_script_setup_true_lang-ClLDcchC.js

@@ -0,0 +1,142 @@
+import { defineComponent as g, openBlock as a, createElementBlock as i, createElementVNode as m, toDisplayString as u, unref as h, Fragment as C, renderList as N, computed as v, resolveComponent as V, createVNode as S, createCommentVNode as w, h as B } from "vue";
+import { j as b, K as F, f as $ } from "./app-DntcWR3_.js";
+import { useI18n as k, useCoreStore as I } from "@feedmepos/mf-common";
+import { components as O } from "@feedmepos/ui-library";
+const T = { class: "flex flex-col" }, j = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, z = { class: "flex-1 py-8 px-16" }, D = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, E = { class: "flex-1 py-8 px-16" }, K = {
+  key: 0,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, M = {
+  key: 1,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, G = /* @__PURE__ */ g({
+  __name: "IngredientBindedItem",
+  props: {
+    name: {},
+    bindings: {}
+  },
+  setup(_) {
+    const { t: p } = k();
+    function l(o, c) {
+      var n;
+      if (o.measurement) {
+        const d = F(o.amount, o.measurement.conversion);
+        return `${b(d, !1)} ${(n = o.measurement) == null ? void 0 : n.abbrev}`;
+      }
+      return `${b(o.amount, !1)} ${c.abbrev}`;
+    }
+    function f(o) {
+      return o.unit !== void 0;
+    }
+    return (o, c) => (a(), i("div", T, [
+      m("div", j, [
+        m("div", z, u(o.name), 1),
+        m("div", D, u(h(p)("inventory.ingredient.bindedItems.amount")), 1)
+      ]),
+      (a(!0), i(C, null, N(o.bindings, (n) => (a(), i("div", {
+        key: n.id,
+        class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
+      }, [
+        m("div", E, u(n.name), 1),
+        f(n) ? (a(), i("div", K, u(l(n, n.unit)), 1)) : (a(), i("div", M, u(h(b)(n.amount, !1)), 1))
+      ]))), 128))
+    ]));
+  }
+}), U = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, H = /* @__PURE__ */ g({
+  __name: "FmCustomAttribute",
+  props: {
+    entity: {},
+    modelValue: {},
+    valueOptions: {}
+  },
+  emits: ["update:modelValue"],
+  setup(_, { emit: p }) {
+    const l = _, f = p, { t: o } = k(), c = I();
+    function n(s) {
+      var e, t;
+      if ((t = (e = l.valueOptions) == null ? void 0 : e[s]) != null && t.length)
+        return l.valueOptions[s];
+    }
+    const d = v(() => {
+      const s = /* @__PURE__ */ new Set(["671005de24a7f4001c87e25e"]), e = c.currentBusiness.value;
+      return e ? s.has(e._id) ? [
+        {
+          key: "tag",
+          type: "string",
+          entity: "inventorySku"
+        },
+        {
+          key: "tag",
+          type: "string",
+          entity: "inventoryRecipe"
+        }
+      ].filter((r) => r.entity === l.entity) : [] : [];
+    }), y = v(() => d.value.map((s) => {
+      var t;
+      const e = n(s.key);
+      return {
+        key: s.key,
+        type: s.type,
+        value: ((t = l.modelValue) == null ? void 0 : t[s.key]) || "",
+        options: e
+      };
+    }) || []), A = [
+      {
+        header: () => o("portalshell.customAttributes.form.key"),
+        accessorKey: "key",
+        enableSorting: !1
+      },
+      {
+        header: () => o("portalshell.customAttributes.form.value"),
+        accessorKey: "value",
+        enableSorting: !1,
+        cell: (s) => {
+          const e = s.row.original;
+          return B(O.FmTextField, {
+            modelValue: e.value,
+            placeholder: o("portalshell.customAttributes.form.valuePlaceholder"),
+            datalist: e.options,
+            rules: [
+              (t) => e.type === "number" && isNaN(Number(t)) ? o("portalshell.customAttributes.form.attributeValueMustBeNumber") : !0
+            ],
+            "onUpdate:modelValue": (t) => {
+              const r = $(l.modelValue);
+              if (r[e.key] = t == null ? void 0 : t.trim(), e.type === "number") {
+                if (isNaN(Number(t)))
+                  return;
+                r[e.key] = Number(t);
+              }
+              Object.keys(r).forEach((x) => {
+                r[x] || delete r[x];
+              }), f("update:modelValue", r);
+            }
+          });
+        }
+      }
+    ];
+    return (s, e) => {
+      const t = V("FmTable");
+      return y.value.length ? (a(), i("div", U, [
+        e[0] || (e[0] = m("div", { class: "fm-typo-en-title-sm-600" }, "Custom attributes", -1)),
+        S(t, {
+          "column-defs": A,
+          "row-data": y.value,
+          "shrink-at": !1,
+          "page-size": y.value.length,
+          "hide-footer": ""
+        }, null, 8, ["row-data", "page-size"])
+      ])) : w("", !0);
+    };
+  }
+});
+export {
+  G as _,
+  H as a
+};

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-Cv-vvzr5.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-B_c6Vn6P.js}

@@ -1,8 +1,7 @@
-import { w as V, u as E, I, B as H, D as M } from "./app-BXjk74IB.js";
-import { a as k, t as R } from "./rules-BmRGm3yv.js";
-import { u as j } from "./supplier-CdJmZr7w.js";
-import { P as S } from "./format-unit-display-CY-0bznr.js";
-import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as U, openBlock as T, createElementBlock as A, normalizeStyle as K, createElementVNode as D, createVNode as Q, withCtx as X, createBlock as w, createCommentVNode as N, Fragment as Y, renderList as Z, unref as x } from "vue";
+import { j as k, t as B, ao as w, u as H, at as I, aD as R, aE as M } from "./app-DntcWR3_.js";
+import { u as j } from "./supplier-CXhkgC4M.js";
+import { P as S } from "./format-unit-display-Hy48Iw5j.js";
+import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as U, openBlock as T, createElementBlock as A, normalizeStyle as K, createElementVNode as D, createVNode as Q, withCtx as X, createBlock as x, createCommentVNode as E, Fragment as Y, renderList as Z, unref as V } from "vue";
 function z(l, r, e) {
   var s;
   if (!!r.measurement === !!e && ((s = r.measurement) == null ? void 0 : s.id) === e)
@@ -19,7 +18,7 @@ function z(l, r, e) {
     costPerUnit: r.costPerUnit
   };
 }
-function re(l, r, e, n) {
+function oe(l, r, e, n) {
   var b, g, u;
   if (n != null && n.manualTotalCost)
     return n == null ? void 0 : n.manualTotalCost;
@@ -27,16 +26,16 @@ function re(l, r, e, n) {
     (a) => a.skuId === l._id
   )) == null ? void 0 : u.defaultCost, o = l.defaultCost ? z(l.unit, l.defaultCost, l.trackingMeasurement) : void 0, s = t ?? o, i = s == null ? void 0 : s.costPerUnit, c = i ? s != null && s.measurement ? +k(i) / +k(s == null ? void 0 : s.measurement.conversion) : +k(i) : void 0, p = c ? e ? c * +k(e.conversion) : c : void 0, f = p ? +k(r) * p : void 0;
   return f ? {
-    ...R(f ?? 0, 2),
-    currency: V()
+    ...B(f ?? 0, 2),
+    currency: w()
   } : {
     amount: 0,
     precision: 0,
-    currency: V()
+    currency: w()
   };
 }
 function F(l) {
-  return H.parse(l);
+  return R.parse(l);
 }
 function C(l) {
   return {
@@ -56,8 +55,8 @@ function C(l) {
     }
   };
 }
-function ie(l, r, e = !1, n = !1) {
-  const t = j(), o = E();
+function re(l, r, e = !1, n = !1) {
+  const t = j(), o = H();
   o.watchLocation(async () => {
     var v;
     await t.readSuppliers();
@@ -82,7 +81,7 @@ function ie(l, r, e = !1, n = !1) {
     set(u) {
       const a = l() ?? {};
       if (s.value === S.PURCHASE) {
-        const _ = (n ? t.suppliers : t.businessSuppliers).find((B) => B._id === u);
+        const _ = (n ? t.suppliers : t.businessSuppliers).find((N) => N._id === u);
         r({
           ...a,
           supplier: _ ? F(_) : a.supplier
@@ -213,7 +212,7 @@ class P {
     return r.split("").map((t, o) => t !== n ? !1 : o).filter((t) => t !== !1);
   }
 }
-const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto pb-8" }, le = /* @__PURE__ */ $({
+const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto pb-8" }, ie = /* @__PURE__ */ $({
   __name: "FmFilterableMenuOptions",
   props: /* @__PURE__ */ W({
     modelValue: {},
@@ -244,29 +243,29 @@ const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto
             placeholder: "Filter options"
           }, {
             append: X(() => [
-              e.value ? (T(), w(i, {
+              e.value ? (T(), x(i, {
                 key: 0,
                 variant: "tertiary",
                 "prepend-icon": "close",
                 onClick: s[0] || (s[0] = (f) => e.value = "")
-              })) : N("", !0)
+              })) : E("", !0)
             ]),
             _: 1
           }, 8, ["modelValue"])
         ]),
         D("div", q, [
-          (T(!0), A(Y, null, Z(t.value, (f, L) => (T(), w(p, {
+          (T(!0), A(Y, null, Z(t.value, (f, L) => (T(), x(p, {
             key: L,
             label: f.label,
             sublabel: f.sublabel,
-            "model-value": x(M)(o.modelValue, f.value),
-            onClick: () => o.handleItemChange(x(M)(o.modelValue, f.value), f),
+            "model-value": V(M)(o.modelValue, f.value),
+            onClick: () => o.handleItemChange(V(M)(o.modelValue, f.value), f),
             onVnodeMounted: (b) => {
               var g;
-              return x(M)(o.modelValue, f.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
+              return V(M)(o.modelValue, f.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
             }
           }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
-          t.value.length ? N("", !0) : (T(), w(p, {
+          t.value.length ? E("", !0) : (T(), x(p, {
             key: 0,
             disabled: "",
             label: "No options available"
@@ -277,7 +276,7 @@ const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto
   }
 });
 export {
-  le as _,
-  re as c,
-  ie as u
+  ie as _,
+  oe as c,
+  re as u
 };

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-DIFQcrc0.js → FmUnitInput.vue_vue_type_script_setup_true_lang-DhpHOaRH.js}

@@ -1,6 +1,5 @@
-import { defineComponent as oe, mergeModels as O, useModel as se, computed as v, ref as P, watch as z, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as M, withCtx as h, renderSlot as T, normalizeClass as V, toDisplayString as F, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
-import { F as I } from "./index-CRLd5xyg.js";
-import { I as k, g as L, c as ce, a as g, p as de, t as pe, b as fe, m as ve, n as be, u as ye } from "./rules-BmRGm3yv.js";
+import { defineComponent as oe, mergeModels as z, useModel as se, computed as v, ref as P, watch as O, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as h, withCtx as g, renderSlot as T, normalizeClass as V, toDisplayString as x, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
+import { $ as I, I as k, P as L, L as ce, j as M, aB as de, t as pe, K as fe, ah as ve, az as be, ay as ye } from "./app-DntcWR3_.js";
 import "@feedmepos/ui-library";
 function E() {
   return {
@@ -12,12 +11,12 @@ function H() {
     return k()(d.amountAsString);
   };
 }
-function Ve(l) {
+function Se(l) {
   return function(t) {
     return k()(t.amountAsString) !== !0 ? !0 : +t.amountAsString < l ? `Must be at least ${l}` : !0;
   };
 }
-function Le(l) {
+function Ve(l) {
   return function(t) {
     return k()(t.amountAsString) !== !0 ? !0 : +t.amountAsString > l ? `Must be at most ${l}` : !0;
   };
@@ -27,20 +26,20 @@ function G(l, d = !1) {
     const s = H()(r);
     if (s != !0)
       return d ? s : !0;
-    const x = typeof l == "number" ? l : L(l, r.modelValue.measurement);
-    return ce(+r.amountAsString).precision > x ? `Cannot exceed precision more than ${g({
+    const F = typeof l == "number" ? l : L(l, r.modelValue.measurement);
+    return ce(+r.amountAsString).precision > F ? `Cannot exceed precision more than ${M({
       amount: 1,
-      precision: x
+      precision: F
     })}` : !0;
   };
 }
-function $e(l) {
+function Le(l) {
   const d = de(l);
   return function(r) {
     return d(r.modelValue.amount);
   };
 }
-const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { class: "flex-1" }, Fe = { class: "flex items-center gap-4" }, xe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
+const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { class: "flex-1" }, xe = { class: "flex items-center gap-4" }, Fe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
   key: 0,
   class: "text-fm-color-typo-secondary"
 }, Pe = {
@@ -55,9 +54,9 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
 }, Ue = {
   class: "flex items-center",
   style: { "pointer-events": "none" }
-}, je = /* @__PURE__ */ oe({
+}, $e = /* @__PURE__ */ oe({
   __name: "FmUnitInput",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ z({
     modelValue: {},
     unit: {},
     rules: {},
@@ -104,27 +103,27 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["update:amount", "update:measurement"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ z(["update:amount", "update:measurement"], ["update:modelValue"]),
   setup(l, { emit: d }) {
-    const t = l, r = d, s = se(l, "modelValue"), x = k(), B = v(() => {
+    const t = l, r = d, s = se(l, "modelValue"), F = k(), B = v(() => {
       var n;
       return L(t.unit, (n = s.value) == null ? void 0 : n.measurement);
     }), c = P((() => {
       var o;
       const e = ((o = s.value) == null ? void 0 : o.amount) ?? I.reset(), n = be(e), i = t.formatMinimumPrecision ?? n.precision, a = ye(n, i);
-      return g(a);
+      return M(a);
     })());
-    z(c, (e) => {
-      const n = x(e), i = t.precision ?? B.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
+    O(c, (e) => {
+      const n = F(e), i = t.precision ?? B.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
       n == !0 && (s.value = {
         ...s.value,
         amount: pe(+e, o)
       }), r("update:amount", e);
     });
-    const J = Symbol.for("fm:form-state"), D = ie(J, null), A = v(() => t.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), K = P(), R = P(!1), $ = P(!1), Q = v(() => R.value || $.value), X = v(() => {
+    const Z = Symbol.for("fm:form-state"), D = ie(Z, null), A = v(() => t.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), J = P(), R = P(!1), $ = P(!1), Q = v(() => R.value || $.value), X = v(() => {
       var a;
-      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +g(o.conversion) != 1).groupBy(
-        (o) => `${o.abbrev}${g(o.conversion)}`
+      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +M(o.conversion) != 1).groupBy(
+        (o) => `${o.abbrev}${M(o.conversion)}`
       ).values()].map((o) => o[0]).flat();
       return [
         {
@@ -156,7 +155,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
         }
       }
     });
-    z(U, (e, n) => {
+    O(U, (e, n) => {
       var m;
       if (!t.convertAmountOnChangeUnit)
         return;
@@ -164,7 +163,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
         value: w,
         precision: N
       });
-      c.value = g(S);
+      c.value = M(S);
     });
     const C = v(() => {
       var e, n;
@@ -187,32 +186,32 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
     function te() {
       if (!t.stepper)
         return;
-      const e = +c.value + +g(t.stepper);
+      const e = +c.value + +M(t.stepper);
       c.value = j(e);
     }
     function ne() {
       if (!t.stepper)
         return;
-      const e = +c.value - +g(t.stepper);
+      const e = +c.value - +M(t.stepper);
       c.value = j(e);
     }
     return (e, n) => {
       const i = b("FmLabel"), a = b("FmIcon"), o = b("FmMenuItem"), p = b("FmMenu"), w = b("FmTooltip"), N = b("FmField"), S = b("FmFormGroup");
-      return f(), y("div", Me, [
-        u("div", ge, [
-          u("div", he, [
-            M(i, {
+      return f(), y("div", he, [
+        u("div", Me, [
+          u("div", ge, [
+            h(i, {
               label: e.label,
               disabled: e.disabled,
               required: e.labelMark === "required",
               optional: e.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          M(N, { focused: Q.value }, {
-            default: h(() => [
-              u("div", Fe, [
+          h(N, { focused: Q.value }, {
+            default: g(() => [
+              u("div", xe, [
                 T(e.$slots, "prepend"),
-                u("div", xe, [
+                u("div", Fe, [
                   u("div", Ae, [
                     e.stepperOnly ? (f(), y("span", {
                       key: 0,
@@ -221,11 +220,11 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                         "text-fm-color-typo-primary": !A.value,
                         "text-fm-color-typo-disabled": A.value
                       })
-                    }, F(c.value), 3)) : le((f(), y("input", {
+                    }, x(c.value), 3)) : le((f(), y("input", {
                       key: 1,
                       type: "text",
                       ref_key: "inputRef",
-                      ref: K,
+                      ref: J,
                       onFocus: n[0] || (n[0] = () => R.value = !0),
                       onBlur: n[1] || (n[1] = () => R.value = !1),
                       "onUpdate:modelValue": n[2] || (n[2] = (m) => c.value = m),
@@ -238,29 +237,29 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                       [ae, c.value]
                     ])
                   ]),
-                  e.separator ? (f(), y("div", _e, F(e.separator), 1)) : q("", !0),
+                  e.separator ? (f(), y("div", _e, x(e.separator), 1)) : q("", !0),
                   u("div", {
                     class: V([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
                   }, [
-                    M(w, { "z-index": 51 }, {
-                      content: h(() => [
-                        ue(F(C.value), 1)
+                    h(w, { "z-index": 51 }, {
+                      content: g(() => [
+                        ue(x(C.value), 1)
                       ]),
-                      default: h(() => [
-                        e.disableUnit ? (f(), y("div", Pe, F(C.value), 1)) : (f(), W(p, {
+                      default: g(() => [
+                        e.disableUnit ? (f(), y("div", Pe, x(C.value), 1)) : (f(), W(p, {
                           key: 1,
                           onMenuChanged: n[3] || (n[3] = (m) => $.value = m),
                           "z-index": 500,
                           placement: e.placement,
                           disabled: e.disabled
                         }, {
-                          "menu-button": h(() => [
+                          "menu-button": g(() => [
                             u("div", Ie, [
-                              u("div", ke, F(C.value), 1),
-                              M(a, { name: "keyboard_arrow_down" })
+                              u("div", ke, x(C.value), 1),
+                              h(a, { name: "keyboard_arrow_down" })
                             ])
                           ]),
-                          default: h(() => [
+                          default: g(() => [
                             u("div", Be, [
                               (f(!0), y(re, null, me(X.value, (m) => (f(), W(o, {
                                 key: m.value ?? void 0,
@@ -282,7 +281,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                       onClick: te
                     }, [
                       u("div", Re, [
-                        M(a, {
+                        h(a, {
                           name: "expand_less",
                           size: "md"
                         })
@@ -293,7 +292,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                       onClick: ne
                     }, [
                       u("div", Ue, [
-                        M(a, {
+                        h(a, {
                           name: "expand_more",
                           size: "md"
                         })
@@ -307,7 +306,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
             _: 3
           }, 8, ["focused"])
         ]),
-        M(S, {
+        h(S, {
           class: "flex-1",
           "model-value": { modelValue: s.value, amountAsString: String(c.value) },
           info: e.labelInfo,
@@ -320,10 +319,10 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
   }
 });
 export {
-  Ve as F,
-  je as _,
-  Le as a,
-  $e as b,
+  Se as F,
+  $e as _,
+  Ve as a,
+  Le as b,
   H as c,
   G as d
 };