@feedmepos/mf-inventory-portal 1.2.51 → 1.2.53-dev.2

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-YuCn0irA.js

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