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

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-DGTLUrb9.js

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