@feedmepos/mf-inventory-portal 0.0.19-dev.2 → 0.0.19-dev.3

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-BdVrpR9J.js

@@ -1,277 +0,0 @@
-import { defineComponent as H, computed as _, reactive as J, resolveComponent as x, openBlock as f, createElementBlock as g, createVNode as u, unref as t, createElementVNode as n, toDisplayString as v, Fragment as R, renderList as S, createBlock as I, withCtx as F, createTextVNode as Q, createCommentVNode as E, nextTick as X } from "vue";
-import { u as Z, i as ee } from "./app-RVyC2D4O.js";
-import { a as V, c as ne } from "./number-B5d98l0m.js";
-import { u as oe } from "./use-inventory-binding-dialog-CTriImiV.js";
-import { A as te, b as ie, a as M } from "./rules-CCwuHe8Y.js";
-import { g as le } from "./index-l87_vggM.js";
-import { _ as se, a as de, b as ae } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D-vJDMKb.js";
-import { useI18n as re } from "@feedmepos/mf-common";
-const ue = { class: "flex flex-col gap-24" }, me = { class: "flex flex-col gap-16" }, ce = { class: "flex items-center" }, pe = { class: "flex-1 fm-typo-en-title-sm-600" }, fe = { class: "flex flex-col" }, ve = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, ye = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, _e = /* @__PURE__ */ n("div", { class: "w-[200px]" }, null, -1), xe = /* @__PURE__ */ n("div", { class: "w-[52px]" }, null, -1), he = {
-  class: "flex items-center w-full border-b border-fm-color-neutral-gray-100",
-  style: { "min-height": "48px" }
-}, be = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, ge = { class: "w-[200px]" }, Ve = { class: "w-[52px]" }, ke = { class: "flex flex-col gap-16" }, Be = { class: "flex items-center" }, Ie = { class: "flex-1 fm-typo-en-title-sm-600" }, Fe = { 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" }, Ae = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Ue = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, Ce = /* @__PURE__ */ n("div", { class: "w-[52px]" }, null, -1), Re = {
-  class: "flex items-center w-full",
-  style: { "min-height": "48px" }
-}, Se = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Ee = { class: "line-clamp-1" }, Me = { class: "w-[150px]" }, Ne = { class: "w-[52px]" }, Te = { class: "flex flex-col px-12 pb-4" }, Pe = /* @__PURE__ */ n("div", null, null, -1), Oe = /* @__PURE__ */ H({
-  __name: "InventoryBindingForm",
-  props: {
-    id: {},
-    modelValue: { default: () => [] },
-    excludeBindingId: {},
-    iframeMode: { type: Boolean },
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:pick-inventory-bindings"],
-  setup(N, { emit: T }) {
-    const { t: m } = re(), h = Z(), P = _(() => h.inventory.recipe ?? []), k = _(() => h.inventory.sku ?? []), c = N, p = T, b = _(
-      () => le({
-        id: c.id ?? "",
-        skus: h.skus,
-        recipes: h.recipes
-      })
-    ), z = _(() => c.modelValue.filter((e) => e.type === "RECIPE")), { promptIngredientsBinding: K, promptRecipesBinding: $ } = oe();
-    async function D() {
-      if (c.iframeMode) {
-        p("click:pick-inventory-bindings", "RECIPE");
-        return;
-      }
-      $(
-        c.modelValue,
-        (e) => p("update:modelValue", e),
-        b.value.recipes
-      );
-    }
-    const w = _(() => c.modelValue.filter((e) => e.type === "SKU") ?? []);
-    async function G() {
-      if (c.iframeMode) {
-        p("click:pick-inventory-bindings", "SKU");
-        return;
-      }
-      K(
-        c.modelValue,
-        (e) => p("update:modelValue", e),
-        c.excludeBindingId,
-        b.value.skus
-      );
-    }
-    function L(e, d, i) {
-      const l = +d;
-      let s = i;
-      d.length > 0 && isFinite(l) ? s = i.map((a) => (a.id !== e || (a.amount = ne(l)), a)) : s = i.map((a) => (a.id !== e || (a.amount = { amount: 0, precision: 0 }), a)), p("update:modelValue", s);
-    }
-    function A(e, d) {
-      const i = d.filter((l) => l.id !== e);
-      p("update:modelValue", i);
-    }
-    function U(e) {
-      var i, l;
-      if (e.type !== ee.enum.SKU)
-        throw new Error("Non-SKU binding does not have unit");
-      if (!((i = k.value.find((s) => s._id === e.id)) == null ? void 0 : i.unit))
-        throw new Error(`Cannot find ingredient: ${e.id}`);
-      return (l = k.value.find((s) => s._id === e.id)) == null ? void 0 : l.unit;
-    }
-    function j(e) {
-      return { amount: e.amount, measurement: e.measurement };
-    }
-    function Y(e, d, i) {
-      const l = i.map((s) => s.id !== e ? s : {
-        ...s,
-        amount: d.amount,
-        measurement: d.measurement
-      });
-      p("update:modelValue", l);
-    }
-    const C = J({});
-    function O(e) {
-      return C[e.id] ?? {
-        modelValue: {
-          amount: e.amount,
-          measurement: e.measurement
-        },
-        amountAsString: V(e.amount)
-      };
-    }
-    function W(e, d) {
-      X(() => {
-        C[e.id] = {
-          modelValue: {
-            amount: e.amount,
-            measurement: e.measurement
-          },
-          amountAsString: d
-        };
-      });
-    }
-    return (e, d) => {
-      const i = x("FmFormGroup"), l = x("FmButton"), s = x("FmIcon"), a = x("FmTooltip"), q = x("FmTextField");
-      return f(), g("div", ue, [
-        u(i, {
-          disabled: e.disabled,
-          "model-value": e.modelValue,
-          rules: e.iframeMode ? void 0 : [t(te)(1, "Must have at least one inventory binding")]
-        }, null, 8, ["disabled", "model-value", "rules"]),
-        n("div", me, [
-          n("div", ce, [
-            n("div", pe, v(t(m)("inventory.inventoryBindings.recipe")), 1),
-            u(l, {
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: t(m)("inventory.inventoryBindings.linkRecipe"),
-              "prepend-icon": "link",
-              onClick: D
-            }, null, 8, ["label"])
-          ]),
-          n("div", fe, [
-            n("div", ve, [
-              n("div", ye, v(t(m)("inventory.inventoryBindings.recipe")), 1),
-              _e,
-              xe
-            ]),
-            (f(!0), g(R, null, S(z.value, (o) => (f(), I(i, {
-              key: o.id,
-              disabled: e.disabled,
-              modelValue: +t(V)(o.amount ?? { amount: 1, precision: 0 }),
-              rules: [t(ie)(0), t(M)(0)]
-            }, {
-              default: F(({ invalid: B }) => {
-                var y;
-                return [
-                  n("div", he, [
-                    n("div", be, [
-                      Q(v((y = P.value.find((r) => r._id === o.id)) == null ? void 0 : y.name) + " ", 1),
-                      b.value.recipes.includes(o.id) ? (f(), I(a, {
-                        key: 0,
-                        variant: "plain",
-                        placement: "bottom",
-                        content: "It is invalid, please verify or remove it.",
-                        "hide-arrow": !0,
-                        "z-index": 50
-                      }, {
-                        default: F(() => [
-                          u(s, {
-                            name: "error",
-                            size: "sm",
-                            color: "#ff3b30"
-                          })
-                        ]),
-                        _: 1
-                      })) : E("", !0)
-                    ]),
-                    n("div", ge, [
-                      u(q, {
-                        class: "w-full",
-                        disabled: e.disabled,
-                        modelValue: +t(V)(o.amount ?? { amount: 1, precision: 0 }),
-                        "onUpdate:modelValue": (r) => L(o.id, r, e.modelValue),
-                        invalid: B
-                      }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
-                    ]),
-                    n("div", Ve, [
-                      u(l, {
-                        disabled: e.disabled,
-                        type: "button",
-                        variant: "plain",
-                        icon: "delete",
-                        "icon-color": "#000000",
-                        onClick: (r) => A(o.id, e.modelValue)
-                      }, null, 8, ["disabled", "onClick"])
-                    ])
-                  ])
-                ];
-              }),
-              _: 2
-            }, 1032, ["disabled", "modelValue", "rules"]))), 128))
-          ])
-        ]),
-        n("div", ke, [
-          n("div", Be, [
-            n("div", Ie, v(t(m)("inventory.inventoryBindings.ingredient")), 1),
-            u(l, {
-              variant: "secondary",
-              "text-color": "primary",
-              "border-color": "primary",
-              label: t(m)("inventory.inventoryBindings.linkIngredient"),
-              "prepend-icon": "link",
-              onClick: G
-            }, null, 8, ["label"])
-          ]),
-          n("div", Fe, [
-            n("div", we, [
-              n("div", Ae, v(t(m)("inventory.inventoryBindings.ingredient")), 1),
-              n("div", Ue, v(t(m)("inventory.inventoryBindings.amount")), 1),
-              Ce
-            ]),
-            (f(!0), g(R, null, S(w.value, (o, B) => {
-              var y;
-              return f(), g("div", {
-                key: o.id,
-                class: "flex flex-col border-b border-fm-color-neutral-gray-100"
-              }, [
-                n("div", Re, [
-                  n("div", Se, [
-                    n("span", Ee, v((y = k.value.find((r) => r._id === o.id)) == null ? void 0 : y.name), 1),
-                    b.value.skus.includes(o.id) ? (f(), I(a, {
-                      key: 0,
-                      variant: "plain",
-                      placement: "bottom",
-                      content: t(m)("inventory.inventoryBindings.invalidWarning"),
-                      "hide-arrow": !0,
-                      "z-index": 50
-                    }, {
-                      default: F(() => [
-                        u(s, {
-                          name: "error",
-                          size: "sm",
-                          color: "#ff3b30"
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["content"])) : E("", !0)
-                  ]),
-                  n("div", Me, [
-                    u(se, {
-                      "model-value": j(o),
-                      "onUpdate:modelValue": (r) => Y(o.id, r, e.modelValue),
-                      "onUpdate:amount": (r) => W(o, r),
-                      unit: U(o),
-                      placement: B === w.value.length - 1 ? "top" : "bottom",
-                      "convert-amount-on-change-unit": ""
-                    }, null, 8, ["model-value", "onUpdate:modelValue", "onUpdate:amount", "unit", "placement"])
-                  ]),
-                  n("div", Ne, [
-                    u(l, {
-                      disabled: e.disabled,
-                      type: "button",
-                      variant: "tertiary",
-                      icon: "delete",
-                      onClick: (r) => A(o.id, e.modelValue)
-                    }, null, 8, ["disabled", "onClick"])
-                  ])
-                ]),
-                n("div", Te, [
-                  u(i, {
-                    modelValue: +t(V)(o.amount ?? { amount: 1, precision: 0 }),
-                    rules: [t(M)(0)]
-                  }, null, 8, ["modelValue", "rules"]),
-                  u(i, {
-                    modelValue: O(o),
-                    rules: [
-                      t(de)(),
-                      t(ae)(U(o))
-                    ]
-                  }, null, 8, ["modelValue", "rules"])
-                ])
-              ]);
-            }), 128))
-          ]),
-          Pe
-        ])
-      ]);
-    };
-  }
-});
-export {
-  Oe as _
-};