@feedmepos/mf-inventory-portal 1.7.13-dev.4 → 1.7.14

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-njDaQe10.js

@@ -1,563 +0,0 @@
-import { defineComponent as H, ref as ye, computed as w, resolveComponent as E, createElementBlock as u, createCommentVNode as x, openBlock as d, createElementVNode as n, createVNode as p, toDisplayString as c, unref as l, Fragment as G, renderList as T, normalizeStyle as fe, createTextVNode as ve, reactive as Y, withCtx as A, createBlock as S, nextTick as _e } from "vue";
-import { a as J, t as xe, v as be, F as ge } from "./app-BUQUpe4c.js";
-import { t as he, n as ke, f as Be, a as P, c as Ve } from "./number-C7CJ9ZfE.js";
-import { u as Ie } from "./use-inventory-binding-dialog-ChiyhiuP.js";
-import { useI18n as Q } from "@feedmepos/mf-common";
-import { b as q, c as O } from "./rules-wZo-8FZ0.js";
-import { _ as we, c as Fe, d as Ee } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-e55tnl4u.js";
-const N = { amount: 1, precision: 0 };
-function X(_, y) {
-  return { amount: _.amount * y.amount, precision: _.precision + y.precision };
-}
-function Ue(_, y) {
-  const a = Z(y), m = X(_, a);
-  return ke(m.amount / 10 ** m.precision, m.precision);
-}
-function Z(_) {
-  if (_.trim().length === 0) return N;
-  const y = Number(_);
-  return Number.isFinite(y) ? he(y, Be(y)) : N;
-}
-function ee(_, y, a = 0, m = /* @__PURE__ */ new Set(), U = N) {
-  if (m.has(_)) return [];
-  const k = new Set(m).add(_);
-  return y.contentsOf(_).flatMap((b, s) => {
-    const r = b.type === "RECIPE", f = X(b.amount ?? N, U), g = {
-      key: `${a}-${s}-${b.id}`,
-      name: y.bindingName(b),
-      amount: f,
-      unit: y.bindingUnit(b),
-      depth: a,
-      isRecipe: r
-    };
-    return r ? [g, ...ee(b.id, y, a + 1, k, f)] : [g];
-  });
-}
-const Re = {
-  key: 0,
-  class: "flex flex-col pb-8 fm-typo-en-body-sm-400"
-}, Ce = {
-  key: 0,
-  class: "flex items-center gap-4 px-12 text-fm-color-typo-secondary"
-}, Ae = {
-  key: 1,
-  class: "flex flex-col text-fm-color-typo-secondary"
-}, Pe = { class: "flex-1 line-clamp-1" }, Ge = {
-  key: 0,
-  class: "text-fm-color-typo-disabled"
-}, $e = {
-  key: 2,
-  class: "flex gap-4 px-12 text-fm-color-system-warning-400"
-}, Se = /* @__PURE__ */ H({
-  __name: "RecipeBindingBreakdown",
-  props: {
-    recipeId: {},
-    multiplier: {}
-  },
-  setup(_) {
-    const y = _, { t: a } = Q(), m = J(), U = {
-      contentsOf: (r) => {
-        var f;
-        return ((f = m.recipeById[r]) == null ? void 0 : f.contains) ?? [];
-      },
-      bindingName: (r) => {
-        var f, g, R;
-        switch (r.type) {
-          case "RECIPE":
-            return ((f = m.recipeById[r.id]) == null ? void 0 : f.name) ?? r.id;
-          case "SKU_GROUP":
-            return ((g = m.skuGroupById[r.id]) == null ? void 0 : g.name) ?? r.id;
-          default:
-            return ((R = m.skuById[r.id]) == null ? void 0 : R.name) ?? r.id;
-        }
-      },
-      // a binding measurement overrides the ingredient's base unit, same as deduction reads it
-      bindingUnit: (r) => {
-        var f, g;
-        return r.type === "RECIPE" ? "" : ((f = r.measurement) == null ? void 0 : f.abbrev) ?? ((g = m.skuById[r.id]) == null ? void 0 : g.unit.abbrev) ?? "";
-      }
-    }, k = ye(!1), b = w(() => ee(y.recipeId, U)), s = w(() => Z(y.multiplier).precision > 0);
-    return (r, f) => {
-      const g = E("FmButton"), R = E("FmIcon");
-      return b.value.length || s.value ? (d(), u("div", Re, [
-        b.value.length ? (d(), u("div", Ce, [
-          n("span", null, c(l(a)("inventory.inventoryBindings.itemsLinked", { count: b.value.length }, b.value.length)), 1),
-          p(g, {
-            type: "button",
-            variant: "plain",
-            icon: k.value ? "expand_less" : "expand_more",
-            onClick: f[0] || (f[0] = (F) => k.value = !k.value)
-          }, null, 8, ["icon"])
-        ])) : x("", !0),
-        k.value ? (d(), u("div", Ae, [
-          (d(!0), u(G, null, T(b.value, (F) => (d(), u("div", {
-            key: F.key,
-            class: "flex gap-8 py-4 px-12",
-            style: fe({ paddingLeft: `${12 + F.depth * 16}px` })
-          }, [
-            n("span", Pe, [
-              ve(c(F.name) + " ", 1),
-              F.isRecipe ? (d(), u("span", Ge, " (" + c(l(a)("inventory.inventoryBindings.recipe")) + ") ", 1)) : x("", !0)
-            ]),
-            n("span", null, c(l(Ue)(F.amount, r.multiplier)) + " " + c(F.unit), 1)
-          ], 4))), 128))
-        ])) : x("", !0),
-        s.value ? (d(), u("div", $e, [
-          p(R, {
-            name: "warning",
-            color: "system-warning-300",
-            size: "sm"
-          }),
-          n("div", null, c(l(a)("inventory.inventoryBindings.precisionWarning")), 1)
-        ])) : x("", !0)
-      ])) : x("", !0);
-    };
-  }
-}), Te = { class: "flex flex-col gap-24" }, Ne = { class: "flex flex-col gap-16" }, Me = { class: "flex items-center" }, De = { class: "flex-1 fm-typo-en-title-sm-600" }, ze = { class: "flex flex-col" }, Oe = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Ke = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Le = {
-  class: "flex items-center",
-  style: { "min-height": "48px" }
-}, je = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, We = { class: "line-clamp-1" }, Ye = { class: "w-[200px]" }, qe = {
-  key: 0,
-  class: "w-[52px]"
-}, He = {
-  key: 0,
-  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
-}, Je = {
-  key: 0,
-  class: "flex flex-col gap-16"
-}, Qe = { class: "flex items-center" }, Xe = { class: "flex-1 fm-typo-en-title-sm-600" }, Ze = { class: "flex flex-col" }, en = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, nn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, on = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, tn = {
-  key: 0,
-  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400"
-}, ln = {
-  class: "flex items-center",
-  style: { "min-height": "48px" }
-}, sn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, rn = { class: "flex flex-col" }, dn = { class: "w-[200px]" }, an = {
-  key: 0,
-  class: "w-[52px]"
-}, un = { class: "flex flex-col gap-16" }, cn = { class: "flex items-center" }, mn = { class: "flex-1 fm-typo-en-title-sm-600" }, pn = { class: "flex flex-col" }, yn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, fn = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, vn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, _n = {
-  key: 0,
-  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
-}, xn = {
-  class: "flex items-center w-full",
-  style: { "min-height": "48px" }
-}, bn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, gn = {
-  key: 0,
-  class: "w-[52px]"
-}, hn = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, kn = {
-  key: 1,
-  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
-}, Bn = {
-  class: "flex items-center w-full",
-  style: { "min-height": "48px" }
-}, Vn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, In = { class: "line-clamp-1 w-full" }, wn = { class: "w-[150px]" }, Fn = {
-  key: 0,
-  class: "w-[52px]"
-}, En = { class: "flex flex-col px-12 pb-4" }, Sn = /* @__PURE__ */ H({
-  __name: "InventoryBindingForm",
-  props: {
-    id: {},
-    modelValue: { default: () => [] },
-    excludeBindingId: {},
-    rules: { default: () => [] },
-    iframeMode: { type: Boolean },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    enableIngredientGroup: { type: Boolean },
-    allowRecipeDecimal: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:pick-inventory-bindings"],
-  setup(_, { emit: y }) {
-    const { t: a } = Q(), m = J(), U = w(() => m.recipeById), k = w(() => m.skuById), b = w(() => m.skuGroupById), s = _, r = y, f = w(() => xe({
-      parentId: s.id,
-      bindings: s.modelValue,
-      recipes: m.recipes.map((i) => i._id === s.id ? {
-        ...i,
-        contains: s.modelValue
-      } : i),
-      skus: m.skus.map((i) => i._id === s.id ? {
-        ...i,
-        convert: {
-          inventoryBindings: s.modelValue
-        }
-      } : i),
-      skuGroups: m.skuGroups
-    }).inventoryBindings.filter((i) => "error" in i && i.error).map((i) => i).filter((i) => i.reason === be.enum.circularDependency)), g = w(
-      () => new Set(f.value.map((e) => {
-        var t;
-        return (t = e.bindingPaths[0]) == null ? void 0 : t.id;
-      }))
-    ), R = w(() => s.modelValue.filter((e) => e.type === "RECIPE")), F = { amount: 1, precision: 0 }, M = Y({});
-    function D(e) {
-      return M[e.id] ?? P(e.amount ?? F);
-    }
-    function ne(e, t) {
-      M[e.id] = t, L(e.id, t, s.modelValue);
-    }
-    const { promptIngredientsBinding: oe, promptRecipesBinding: te, promptIngredientGroupsBinding: ie } = Ie();
-    async function le() {
-      if (s.iframeMode) {
-        r("click:pick-inventory-bindings", "RECIPE");
-        return;
-      }
-      te(
-        s.modelValue,
-        (e) => r("update:modelValue", e),
-        s.id ? [s.id] : []
-      );
-    }
-    const se = w(() => s.modelValue.filter((e) => e.type === "SKU_GROUP"));
-    async function re() {
-      ie(
-        s.modelValue,
-        (e) => r("update:modelValue", e),
-        s.id ? [s.id] : []
-      );
-    }
-    const K = w(() => s.modelValue.filter((e) => e.type === "SKU") ?? []);
-    async function de() {
-      if (s.iframeMode) {
-        r("click:pick-inventory-bindings", "SKU");
-        return;
-      }
-      oe(
-        s.modelValue,
-        (e) => r("update:modelValue", e),
-        s.excludeBindingId,
-        s.id ? [s.id] : []
-      );
-    }
-    function L(e, t, i) {
-      const v = +t;
-      let I = i;
-      t.length > 0 && isFinite(v) ? I = i.map((B) => (B.id !== e || (B.amount = Ve(v)), B)) : I = i.map((B) => (B.id !== e || (B.amount = { amount: 0, precision: 0 }), B)), r("update:modelValue", I);
-    }
-    function $(e, t) {
-      delete M[e];
-      const i = t.filter((v) => v.id !== e);
-      r("update:modelValue", i);
-    }
-    function j(e) {
-      var i, v;
-      if (e.type !== ge.enum.SKU)
-        throw new Error("Non-SKU binding does not have unit");
-      if (!((i = k.value[e.id]) == null ? void 0 : i.unit))
-        throw new Error(`Cannot find ingredient: ${e.id}`);
-      return (v = k.value[e.id]) == null ? void 0 : v.unit;
-    }
-    function ae(e) {
-      return !k.value[e.id];
-    }
-    function ue(e) {
-      return { amount: e.amount, measurement: e.measurement };
-    }
-    function ce(e, t, i) {
-      const v = i.map((I) => I.id !== e ? I : {
-        ...I,
-        amount: t.amount,
-        measurement: t.measurement
-      });
-      r("update:modelValue", v);
-    }
-    const W = Y({});
-    function me(e) {
-      return W[e.id] ?? {
-        modelValue: {
-          amount: e.amount,
-          measurement: e.measurement
-        },
-        amountAsString: P(e.amount)
-      };
-    }
-    function pe(e, t) {
-      _e(() => {
-        W[e.id] = {
-          modelValue: {
-            amount: e.amount,
-            measurement: e.measurement
-          },
-          amountAsString: t
-        };
-      });
-    }
-    return (e, t) => {
-      const i = E("FmFormGroup"), v = E("FmButton"), I = E("FmTooltip"), B = E("FmTextField"), z = E("FmIcon");
-      return d(), u("div", Te, [
-        p(i, {
-          disabled: e.disabled,
-          "model-value": e.modelValue,
-          rules: [
-            ...e.rules,
-            () => f.value.length ? "There is a binding error in your configuration" : !0
-          ]
-        }, {
-          label: A(() => t[0] || (t[0] = [
-            n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
-          ])),
-          _: 1
-        }, 8, ["disabled", "model-value", "rules"]),
-        n("div", Ne, [
-          n("div", Me, [
-            n("div", De, c(l(a)("inventory.inventoryBindings.recipe")), 1),
-            e.readonly ? x("", !0) : (d(), S(v, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: l(a)("inventory.inventoryBindings.linkRecipe"),
-              "prepend-icon": "link",
-              onClick: le
-            }, null, 8, ["label"]))
-          ]),
-          n("div", ze, [
-            n("div", Oe, [
-              n("div", Ke, c(l(a)("inventory.inventoryBindings.recipe")), 1),
-              t[1] || (t[1] = n("div", { class: "w-[200px]" }, null, -1)),
-              t[2] || (t[2] = n("div", { class: "w-[52px]" }, null, -1))
-            ]),
-            (d(!0), u(G, null, T(R.value, (o) => {
-              var C;
-              return d(), u("div", {
-                key: o.id,
-                class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100"
-              }, [
-                n("div", Le, [
-                  n("div", je, [
-                    p(I, {
-                      zIndex: 51,
-                      variant: "plain",
-                      placement: "top",
-                      content: (C = U.value[o.id]) == null ? void 0 : C.name
-                    }, {
-                      default: A(() => {
-                        var V;
-                        return [
-                          n("span", We, c((V = U.value[o.id]) == null ? void 0 : V.name), 1)
-                        ];
-                      }),
-                      _: 2
-                    }, 1032, ["content"])
-                  ]),
-                  n("div", Ye, [
-                    p(i, {
-                      disabled: e.disabled,
-                      modelValue: +D(o),
-                      rules: [l(q)(e.allowRecipeDecimal ? 5 : 0), l(O)(-1)]
-                    }, {
-                      default: A(({ invalid: V }) => [
-                        p(B, {
-                          class: "w-full",
-                          disabled: e.disabled,
-                          modelValue: D(o),
-                          "onUpdate:modelValue": (h) => ne(o, h),
-                          invalid: V
-                        }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
-                      ]),
-                      _: 2
-                    }, 1032, ["disabled", "modelValue", "rules"])
-                  ]),
-                  e.readonly ? x("", !0) : (d(), u("div", qe, [
-                    p(v, {
-                      disabled: e.disabled,
-                      type: "button",
-                      variant: "plain",
-                      icon: "delete",
-                      "icon-color": "#000000",
-                      onClick: (V) => $(o.id, e.modelValue)
-                    }, null, 8, ["disabled", "onClick"])
-                  ]))
-                ]),
-                p(Se, {
-                  "recipe-id": o.id,
-                  multiplier: D(o)
-                }, null, 8, ["recipe-id", "multiplier"]),
-                g.value.has(o.id) ? (d(), u("div", He, [
-                  p(z, {
-                    name: "error",
-                    color: "system-error-300",
-                    size: "sm"
-                  }),
-                  n("div", null, c(l(a)("inventory.inventoryBindings.circularError")), 1)
-                ])) : x("", !0)
-              ]);
-            }), 128))
-          ])
-        ]),
-        e.enableIngredientGroup ? (d(), u("div", Je, [
-          n("div", Qe, [
-            n("div", Xe, c(l(a)("inventory.inventoryBindings.ingredientGroup")), 1),
-            e.readonly ? x("", !0) : (d(), S(v, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: l(a)("inventory.inventoryBindings.linkIngredientGroup"),
-              "prepend-icon": "link",
-              onClick: re
-            }, null, 8, ["label"]))
-          ]),
-          n("div", Ze, [
-            n("div", en, [
-              n("div", nn, c(l(a)("inventory.inventoryBindings.ingredientGroup")), 1),
-              t[3] || (t[3] = n("div", { class: "w-[200px]" }, null, -1)),
-              t[4] || (t[4] = n("div", { class: "w-[52px]" }, null, -1))
-            ]),
-            (d(!0), u(G, null, T(se.value, (o) => (d(), S(i, {
-              key: o.id,
-              disabled: e.disabled,
-              modelValue: +l(P)(o.amount ?? { amount: 1, precision: 0 }),
-              rules: [l(q)(0), l(O)(0)]
-            }, {
-              default: A(({ invalid: C }) => {
-                var V;
-                return [
-                  n("div", on, [
-                    g.value.has(o.id) ? (d(), u("div", tn, [
-                      p(z, {
-                        name: "error",
-                        color: "system-error-300",
-                        size: "sm"
-                      }),
-                      n("div", null, c(l(a)("inventory.inventoryBindings.circularError")), 1)
-                    ])) : x("", !0),
-                    n("div", ln, [
-                      n("div", sn, [
-                        n("div", rn, c((V = b.value[o.id]) == null ? void 0 : V.name), 1)
-                      ]),
-                      n("div", dn, [
-                        p(B, {
-                          class: "w-full",
-                          disabled: e.disabled,
-                          modelValue: +l(P)(o.amount ?? { amount: 1, precision: 0 }),
-                          "onUpdate:modelValue": (h) => L(o.id, h, e.modelValue),
-                          invalid: C
-                        }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
-                      ]),
-                      e.readonly ? x("", !0) : (d(), u("div", an, [
-                        p(v, {
-                          disabled: e.disabled,
-                          type: "button",
-                          variant: "plain",
-                          icon: "delete",
-                          "icon-color": "#000000",
-                          onClick: (h) => $(o.id, e.modelValue)
-                        }, null, 8, ["disabled", "onClick"])
-                      ]))
-                    ])
-                  ])
-                ];
-              }),
-              _: 2
-            }, 1032, ["disabled", "modelValue", "rules"]))), 128))
-          ])
-        ])) : x("", !0),
-        n("div", un, [
-          n("div", cn, [
-            n("div", mn, c(l(a)("inventory.inventoryBindings.ingredient")), 1),
-            e.readonly ? x("", !0) : (d(), S(v, {
-              key: 0,
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: l(a)("inventory.inventoryBindings.linkIngredient"),
-              "prepend-icon": "link",
-              onClick: de
-            }, null, 8, ["label"]))
-          ]),
-          n("div", pn, [
-            n("div", yn, [
-              n("div", fn, c(l(a)("inventory.inventoryBindings.ingredient")), 1),
-              n("div", vn, c(l(a)("inventory.inventoryBindings.amount")), 1),
-              t[5] || (t[5] = n("div", { class: "w-[52px]" }, null, -1))
-            ]),
-            (d(!0), u(G, null, T(K.value, (o, C) => {
-              var V;
-              return d(), u(G, {
-                key: o.id
-              }, [
-                ae(o) ? (d(), u("div", _n, [
-                  n("div", xn, [
-                    n("div", bn, c(o.id), 1),
-                    e.readonly ? x("", !0) : (d(), u("div", gn, [
-                      p(v, {
-                        disabled: e.disabled,
-                        type: "button",
-                        variant: "tertiary",
-                        icon: "delete",
-                        onClick: (h) => $(o.id, e.modelValue)
-                      }, null, 8, ["disabled", "onClick"])
-                    ]))
-                  ]),
-                  n("div", hn, [
-                    p(z, {
-                      name: "error",
-                      color: "system-error-300",
-                      size: "sm"
-                    }),
-                    n("div", null, c(l(a)("inventory.inventoryBindings.missingIngredient")), 1)
-                  ])
-                ])) : (d(), u("div", kn, [
-                  n("div", Bn, [
-                    n("div", Vn, [
-                      p(I, {
-                        zIndex: 51,
-                        variant: "plain",
-                        placement: "top",
-                        content: (V = k.value[o.id]) == null ? void 0 : V.name
-                      }, {
-                        default: A(() => {
-                          var h;
-                          return [
-                            n("span", In, c((h = k.value[o.id]) == null ? void 0 : h.name), 1)
-                          ];
-                        }),
-                        _: 2
-                      }, 1032, ["content"])
-                    ]),
-                    n("div", wn, [
-                      p(we, {
-                        "model-value": ue(o),
-                        "onUpdate:modelValue": (h) => h && ce(o.id, h, e.modelValue),
-                        "onUpdate:amount": (h) => pe(o, h),
-                        unit: j(o),
-                        placement: C === K.value.length - 1 ? "top" : "bottom",
-                        "convert-amount-on-change-unit": "",
-                        disabled: e.readonly
-                      }, null, 8, ["model-value", "onUpdate:modelValue", "onUpdate:amount", "unit", "placement", "disabled"])
-                    ]),
-                    e.readonly ? x("", !0) : (d(), u("div", Fn, [
-                      p(v, {
-                        disabled: e.disabled,
-                        type: "button",
-                        variant: "tertiary",
-                        icon: "delete",
-                        onClick: (h) => $(o.id, e.modelValue)
-                      }, null, 8, ["disabled", "onClick"])
-                    ]))
-                  ]),
-                  n("div", En, [
-                    p(i, {
-                      modelValue: +l(P)(o.amount ?? { amount: 1, precision: 0 }),
-                      rules: [l(O)(0)]
-                    }, null, 8, ["modelValue", "rules"]),
-                    p(i, {
-                      modelValue: me(o),
-                      rules: [
-                        l(Fe)(),
-                        l(Ee)(j(o)),
-                        () => g.value.has(o.id) ? l(a)("inventory.inventoryBindings.invalidWarning") : !0
-                      ]
-                    }, null, 8, ["modelValue", "rules"])
-                  ])
-                ]))
-              ], 64);
-            }), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  Sn as _,
-  Se as a
-};