@feedmepos/mf-inventory-portal 1.7.10 → 1.7.11-dev.0

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-GcuRE825.js

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