@feedmepos/mf-inventory-portal 0.0.9-dev.4 → 0.0.9-dev.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-inventory-portal",
-  "version": "0.0.9-dev.4",
+  "version": "0.0.9-dev.5",
   "type": "module",
   "files": [
     "dist"
@@ -37,9 +37,9 @@
     "vue-router": "^4.3.2",
     "xlsx": "^0.18.5",
     "zod": "3.17.9",
-    "@feedmepos/inventory-core-js": "^1.0.0",
     "@feedmepos/zod-inventory": "^1.0.8",
-    "@feedmepos/inventory-core": "^0.2.15-alpha.8"
+    "@feedmepos/inventory-core": "^0.2.15-alpha.8",
+    "@feedmepos/inventory-core-js": "^1.0.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.10.3",

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-CEthycAQ.js

@@ -1,476 +0,0 @@
-import { defineComponent as te, mergeModels as Z, useModel as ae, computed as p, ref as $, watch as J, inject as se, resolveComponent as y, openBlock as _, createElementBlock as B, createElementVNode as t, createVNode as m, withCtx as A, withDirectives as ie, normalizeClass as ue, vModelText as re, toDisplayString as q, Fragment as O, renderList as W, createBlock as T, reactive as de, unref as g, createTextVNode as me, createCommentVNode as Q, nextTick as ce } from "vue";
-import { u as pe, h as fe } from "./app-BKRjwub_.js";
-import { g as H, c as ne, a as k, t as ve, b as ye, v as be } from "./date2-C8AM1GIN.js";
-import { u as _e } from "./use-inventory-binding-dialog-BLeDIWYh.js";
-import { I as oe, A as xe, b as he, a as X } from "./rules-CyIMpyLJ.js";
-import { F as E, g as ge } from "./dayjs.min-DYayH1UN.js";
-function ee() {
-  return {
-    amount: E.reset()
-  };
-}
-function Y() {
-  return function(V) {
-    return oe()(V.amountAsString);
-  };
-}
-function le(F, V = !1) {
-  return function(x) {
-    const i = Y()(x);
-    if (i != !0)
-      return V ? i : !0;
-    const c = H(F, x.modelValue.measurement);
-    return ne(+x.amountAsString).precision > c ? `Cannot exceed precision more than ${k({
-      amount: 1,
-      precision: c
-    })}` : !0;
-  };
-}
-const Fe = { class: "flex flex-col" }, Ve = { class: "flex flex-col" }, Ie = { class: "flex-1" }, ke = { class: "flex items-center gap-4" }, we = { class: "flex-1" }, Me = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Be = { class: "flex items-center gap-4" }, Ae = { class: "max-w-[200px] flex flex-col gap-[1px]" }, Re = /* @__PURE__ */ te({
-  __name: "FmUnitInput",
-  props: /* @__PURE__ */ Z({
-    modelValue: {},
-    unit: {},
-    rules: {},
-    zIndex: {},
-    applyDefaultRules: { type: Boolean },
-    placement: {},
-    placeholder: {},
-    minLength: {},
-    maxLength: {},
-    inputmode: {},
-    type: {},
-    readonly: { type: Boolean },
-    labelMark: {},
-    prependIcon: {},
-    appendIcon: {},
-    showValidBorder: { type: Boolean },
-    labelInfo: {},
-    showWordCount: { type: Boolean },
-    invalid: { type: Boolean },
-    autofocus: { type: Boolean },
-    formatter: { type: Function },
-    decimal: {},
-    datalist: {},
-    shiftDatalist: { type: Boolean },
-    datalistMaxHeight: {},
-    datalistMinHeight: {},
-    offsetDatalist: {},
-    datalistPlacement: {},
-    datalistZIndex: {},
-    datalistWidth: {},
-    label: {},
-    disabled: { type: Boolean },
-    focused: { type: Boolean },
-    helperText: {},
-    helperState: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Z(["update:amount", "update:measurement"], ["update:modelValue"]),
-  setup(F, { emit: V }) {
-    var N;
-    const r = F, x = V, i = ae(F, "modelValue"), c = oe(), b = p(() => {
-      var e;
-      return H(r.unit, (e = i.value) == null ? void 0 : e.measurement);
-    }), f = $(k(((N = i.value) == null ? void 0 : N.amount) ?? E.reset()));
-    J(f, (n) => {
-      const e = c(n), l = b.value;
-      e == !0 && (i.value = {
-        ...i.value,
-        amount: ve(+n, l)
-      }), x("update:amount", n);
-    });
-    const L = Symbol.for("fm:form-state"), R = se(L, null), U = p(() => r.disabled ?? (R == null ? void 0 : R.getDisabled()) ?? !1), z = $(), w = $(!1), S = $(!1), j = p(() => w.value || S.value), D = p(() => {
-      var n;
-      return [
-        {
-          label: (n = r.unit) == null ? void 0 : n.abbrev,
-          value: null
-        },
-        ...r.unit.measurements.map((e) => ({
-          label: e.abbrev,
-          value: e.id
-        }))
-      ];
-    }), M = p({
-      get() {
-        var n, e;
-        return ((e = (n = i.value) == null ? void 0 : n.measurement) == null ? void 0 : e.id) ?? null;
-      },
-      set(n) {
-        if (n == null)
-          i.value = {
-            ...i.value ?? ee(),
-            measurement: null
-          }, x("update:measurement", null);
-        else {
-          const e = r.unit.measurements.find((l) => l.id === n) ?? null;
-          i.value = {
-            ...i.value ?? ee(),
-            measurement: e
-          }, x("update:measurement", e);
-        }
-      }
-    });
-    J(M, (n, e) => {
-      var I;
-      const l = ((I = i.value) == null ? void 0 : I.amount) ?? E.reset(), a = r.unit.measurements.find((h) => h.id === e) ?? null, s = r.unit.measurements.find((h) => h.id === n) ?? null, u = a ? ye(l, a.conversion) : l, d = s ? be(u, s.conversion) : u, C = H(r.unit, s), o = E.convertPrecision({
-        value: d,
-        precision: C
-      });
-      f.value = k(o);
-    });
-    const G = p(() => {
-      var n, e;
-      return ((e = (n = i.value) == null ? void 0 : n.measurement) == null ? void 0 : e.abbrev) ?? r.unit.abbrev;
-    }), K = p(
-      () => {
-        var n;
-        return ((n = r.rules) == null ? void 0 : n.map(
-          (e) => (l) => typeof e == "function" ? e(l) : e
-        )) ?? [];
-      }
-    ), P = p(() => [...r.applyDefaultRules ? [Y(), le(r.unit)] : [], ...K.value]);
-    return (n, e) => {
-      const l = y("FmLabel"), a = y("FmIcon"), s = y("FmMenuItem"), u = y("FmMenu"), d = y("FmField"), C = y("FmFormGroup");
-      return _(), B("div", Fe, [
-        t("div", Ve, [
-          t("div", Ie, [
-            m(l, {
-              label: n.label,
-              disabled: n.disabled,
-              required: n.labelMark === "required",
-              optional: n.labelMark === "optional"
-            }, null, 8, ["label", "disabled", "required", "optional"])
-          ]),
-          m(d, { focused: j.value }, {
-            default: A(() => [
-              t("div", ke, [
-                t("div", we, [
-                  ie(t("input", {
-                    type: "text",
-                    ref_key: "inputRef",
-                    ref: z,
-                    onFocus: e[0] || (e[0] = () => w.value = !0),
-                    onBlur: e[1] || (e[1] = () => w.value = !1),
-                    "onUpdate:modelValue": e[2] || (e[2] = (o) => f.value = o),
-                    class: ue({
-                      "fm-text-field--input fm-typo-en-body-lg-400 text-right": !0,
-                      "text-fm-color-typo-primary": !U.value,
-                      "text-fm-color-typo-disabled": U.value
-                    })
-                  }, null, 34), [
-                    [re, f.value]
-                  ])
-                ]),
-                t("div", Me, [
-                  m(u, {
-                    onMenuChanged: e[3] || (e[3] = (o) => S.value = o),
-                    "z-index": 500,
-                    placement: n.placement
-                  }, {
-                    "menu-button": A(() => [
-                      t("div", Be, [
-                        t("div", null, q(G.value), 1),
-                        m(a, { name: "keyboard_arrow_down" })
-                      ])
-                    ]),
-                    default: A(() => [
-                      t("div", Ae, [
-                        (_(!0), B(O, null, W(D.value, (o) => (_(), T(s, {
-                          key: o.value ?? void 0,
-                          label: o.label,
-                          "model-value": o.value == M.value,
-                          onClick: (I) => M.value = o.value
-                        }, null, 8, ["label", "model-value", "onClick"]))), 128))
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["placement"])
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["focused"])
-        ]),
-        m(C, {
-          class: "flex-1",
-          "model-value": { modelValue: i.value, amountAsNumber: f.value },
-          info: n.labelInfo,
-          rules: P.value,
-          "helper-text": n.helperText,
-          "helper-state": n.helperState
-        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
-      ]);
-    };
-  }
-}), Ce = { class: "flex flex-col gap-24" }, Ue = { class: "flex flex-col gap-16" }, Se = { class: "flex items-center" }, De = /* @__PURE__ */ t("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Recipe", -1), Pe = { class: "flex flex-col" }, Ne = /* @__PURE__ */ t("div", { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, [
-  /* @__PURE__ */ t("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, "Recipe"),
-  /* @__PURE__ */ t("div", { class: "w-[200px]" }),
-  /* @__PURE__ */ t("div", { class: "w-[52px]" })
-], -1), $e = {
-  class: "flex items-center w-full border-b border-fm-color-neutral-gray-100",
-  style: { "min-height": "48px" }
-}, Te = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Ee = { class: "w-[200px]" }, Le = { class: "w-[52px]" }, ze = { class: "flex flex-col gap-16" }, je = { class: "flex items-center" }, Ge = /* @__PURE__ */ t("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Ingredient", -1), Ke = { class: "flex flex-col" }, qe = /* @__PURE__ */ t("div", { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, [
-  /* @__PURE__ */ t("div", { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, "Ingredient"),
-  /* @__PURE__ */ t("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, " Amount "),
-  /* @__PURE__ */ t("div", { class: "w-[52px]" })
-], -1), Oe = {
-  class: "flex items-center w-full",
-  style: { "min-height": "48px" }
-}, We = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, He = { class: "line-clamp-1" }, Ye = { class: "w-[150px]" }, Ze = { class: "w-[52px]" }, Je = { class: "flex flex-col px-12 pb-4" }, Qe = /* @__PURE__ */ t("div", null, null, -1), at = /* @__PURE__ */ te({
-  __name: "InventoryBindingForm",
-  props: {
-    id: {},
-    modelValue: { default: () => [] },
-    excludeBindingId: {},
-    iframeMode: { type: Boolean },
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:pick-inventory-bindings"],
-  setup(F, { emit: V }) {
-    const r = pe(), x = p(() => r.inventory.recipe ?? []), i = p(() => r.inventory.sku ?? []), c = F, b = V, f = p(
-      () => ge({
-        id: c.id ?? "",
-        skus: r.skus,
-        recipes: r.recipes
-      })
-    ), L = p(() => c.modelValue.filter((e) => e.type === "RECIPE")), { promptIngredientsBinding: R, promptRecipesBinding: U } = _e();
-    async function z() {
-      if (c.iframeMode) {
-        b("click:pick-inventory-bindings", "RECIPE");
-        return;
-      }
-      U(
-        c.modelValue,
-        (e) => b("update:modelValue", e),
-        f.value.recipes
-      );
-    }
-    const w = p(() => c.modelValue.filter((e) => e.type === "SKU") ?? []);
-    async function S() {
-      if (c.iframeMode) {
-        b("click:pick-inventory-bindings", "SKU");
-        return;
-      }
-      R(
-        c.modelValue,
-        (e) => b("update:modelValue", e),
-        c.excludeBindingId,
-        f.value.skus
-      );
-    }
-    function j(e, l, a) {
-      const s = +l;
-      let u = a;
-      l.length > 0 && isFinite(s) ? u = a.map((d) => (d.id !== e || (d.amount = ne(s)), d)) : u = a.map((d) => (d.id !== e || (d.amount = { amount: 0, precision: 0 }), d)), b("update:modelValue", u);
-    }
-    function D(e, l) {
-      const a = l.filter((s) => s.id !== e);
-      b("update:modelValue", a);
-    }
-    function M(e) {
-      var a, s;
-      if (e.type !== fe.enum.SKU)
-        throw new Error("Non-SKU binding does not have unit");
-      if (!((a = i.value.find((u) => u._id === e.id)) == null ? void 0 : a.unit))
-        throw new Error(`Cannot find ingredient: ${e.id}`);
-      return (s = i.value.find((u) => u._id === e.id)) == null ? void 0 : s.unit;
-    }
-    function G(e) {
-      return { amount: e.amount, measurement: e.measurement };
-    }
-    function K(e, l, a) {
-      const s = a.map((u) => u.id !== e ? u : {
-        ...u,
-        amount: l.amount,
-        measurement: l.measurement
-      });
-      b("update:modelValue", s);
-    }
-    const P = de({});
-    function N(e) {
-      return P[e.id] ?? {
-        modelValue: {
-          amount: e.amount,
-          measurement: e.measurement
-        },
-        amountAsString: k(e.amount)
-      };
-    }
-    function n(e, l) {
-      ce(() => {
-        P[e.id] = {
-          modelValue: {
-            amount: e.amount,
-            measurement: e.measurement
-          },
-          amountAsString: l
-        };
-      });
-    }
-    return (e, l) => {
-      const a = y("FmFormGroup"), s = y("FmButton"), u = y("FmIcon"), d = y("FmTooltip"), C = y("FmTextField");
-      return _(), B("div", Ce, [
-        m(a, {
-          disabled: e.disabled,
-          "model-value": e.modelValue,
-          rules: e.iframeMode ? void 0 : [g(xe)(1, "Must have at least one inventory binding")]
-        }, null, 8, ["disabled", "model-value", "rules"]),
-        t("div", Ue, [
-          t("div", Se, [
-            De,
-            m(s, {
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: "Link recipe",
-              "prepend-icon": "link",
-              onClick: z
-            })
-          ]),
-          t("div", Pe, [
-            Ne,
-            (_(!0), B(O, null, W(L.value, (o) => (_(), T(a, {
-              key: o.id,
-              disabled: e.disabled,
-              modelValue: +g(k)(o.amount ?? { amount: 1, precision: 0 }),
-              rules: [g(he)(0), g(X)(0)]
-            }, {
-              default: A(({ invalid: I }) => {
-                var h;
-                return [
-                  t("div", $e, [
-                    t("div", Te, [
-                      me(q((h = x.value.find((v) => v._id === o.id)) == null ? void 0 : h.name) + " ", 1),
-                      f.value.recipes.includes(o.id) ? (_(), T(d, {
-                        key: 0,
-                        variant: "plain",
-                        placement: "bottom",
-                        content: "It is invalid, please verify or remove it.",
-                        "hide-arrow": !0,
-                        "z-index": 50
-                      }, {
-                        default: A(() => [
-                          m(u, {
-                            name: "error",
-                            size: "sm",
-                            color: "#ff3b30"
-                          })
-                        ]),
-                        _: 1
-                      })) : Q("", !0)
-                    ]),
-                    t("div", Ee, [
-                      m(C, {
-                        class: "w-full",
-                        disabled: e.disabled,
-                        modelValue: +g(k)(o.amount ?? { amount: 1, precision: 0 }),
-                        "onUpdate:modelValue": (v) => j(o.id, v, e.modelValue),
-                        invalid: I
-                      }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
-                    ]),
-                    t("div", Le, [
-                      m(s, {
-                        disabled: e.disabled,
-                        type: "button",
-                        variant: "plain",
-                        icon: "delete",
-                        "icon-color": "#000000",
-                        onClick: (v) => D(o.id, e.modelValue)
-                      }, null, 8, ["disabled", "onClick"])
-                    ])
-                  ])
-                ];
-              }),
-              _: 2
-            }, 1032, ["disabled", "modelValue", "rules"]))), 128))
-          ])
-        ]),
-        t("div", ze, [
-          t("div", je, [
-            Ge,
-            m(s, {
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: "Link ingredient",
-              "prepend-icon": "link",
-              onClick: S
-            })
-          ]),
-          t("div", Ke, [
-            qe,
-            (_(!0), B(O, null, W(w.value, (o, I) => {
-              var h;
-              return _(), B("div", {
-                key: o.id,
-                class: "flex flex-col border-b border-fm-color-neutral-gray-100"
-              }, [
-                t("div", Oe, [
-                  t("div", We, [
-                    t("span", He, q((h = i.value.find((v) => v._id === o.id)) == null ? void 0 : h.name), 1),
-                    f.value.skus.includes(o.id) ? (_(), T(d, {
-                      key: 0,
-                      variant: "plain",
-                      placement: "bottom",
-                      content: "It is invalid, please verify or remove it.",
-                      "hide-arrow": !0,
-                      "z-index": 50
-                    }, {
-                      default: A(() => [
-                        m(u, {
-                          name: "error",
-                          size: "sm",
-                          color: "#ff3b30"
-                        })
-                      ]),
-                      _: 1
-                    })) : Q("", !0)
-                  ]),
-                  t("div", Ye, [
-                    m(Re, {
-                      "model-value": G(o),
-                      "onUpdate:modelValue": (v) => K(o.id, v, e.modelValue),
-                      "onUpdate:amount": (v) => n(o, v),
-                      unit: M(o),
-                      placement: I === w.value.length - 1 ? "top" : "bottom"
-                    }, null, 8, ["model-value", "onUpdate:modelValue", "onUpdate:amount", "unit", "placement"])
-                  ]),
-                  t("div", Ze, [
-                    m(s, {
-                      disabled: e.disabled,
-                      type: "button",
-                      variant: "tertiary",
-                      icon: "delete",
-                      onClick: (v) => D(o.id, e.modelValue)
-                    }, null, 8, ["disabled", "onClick"])
-                  ])
-                ]),
-                t("div", Je, [
-                  m(a, {
-                    modelValue: +g(k)(o.amount ?? { amount: 1, precision: 0 }),
-                    rules: [g(X)(0)]
-                  }, null, 8, ["modelValue", "rules"]),
-                  m(a, {
-                    modelValue: N(o),
-                    rules: [
-                      g(Y)(),
-                      g(le)(M(o))
-                    ]
-                  }, null, 8, ["modelValue", "rules"])
-                ])
-              ]);
-            }), 128))
-          ]),
-          Qe
-        ])
-      ]);
-    };
-  }
-});
-export {
-  at as _
-};