@feedmepos/mf-inventory-portal 0.0.5

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-CnsDmPTe.js

@@ -0,0 +1,240 @@
+import { defineComponent as Q, computed as _, resolveComponent as g, openBlock as s, createElementBlock as V, createVNode as a, unref as u, Fragment as T, renderList as L, createBlock as C, withCtx as h, createElementVNode as m, createTextVNode as z, toDisplayString as $, createCommentVNode as U } from "vue";
+import { u as W } from "./app-BzDhmCVx.js";
+import { u as X, g as Y } from "./use-inventory-binding-dialog-B6JO7050.js";
+import { a as S, t as Z } from "./date2-C7HiAWQG.js";
+import { A as ee, b as ne, M as N, a as le } from "./rules-DHfAMDW3.js";
+import "./index-D46it8Rk.js";
+function oe(A) {
+  return exports.getInvalidSkuAndRecipe(A);
+}
+const ie = { class: "flex flex-col xs:gap-8 gap-4" }, te = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary bg-fm-color-neutral-gray-100 border-b py-12 px-16" }, " Recipe ", -1), de = { key: 0 }, ae = { class: "xs:col-span-3" }, se = /* @__PURE__ */ m("div", { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary bg-fm-color-neutral-gray-100 border-b py-12 px-16" }, " Ingredients ", -1), ue = { key: 1 }, re = { class: "flex flex-col gap-4" }, me = { class: "grid grid-cols-[auto_100px_100px_48px] xs:grid-cols-[auto_80px_120px_48px] gap-8 px-8 items-center" }, ce = { class: "xs:col-span-3" }, ke = /* @__PURE__ */ Q({
+  __name: "InventoryBindingForm",
+  props: {
+    id: {},
+    modelValue: { default: () => [] },
+    excludeBindingId: {},
+    iframeMode: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:pick-inventory-bindings"],
+  setup(A, { emit: j }) {
+    const x = W(), D = _(() => x.inventory.recipe ?? []), F = _(() => x.inventory.sku ?? []), r = A, c = j, I = _(
+      () => oe({
+        id: r.id ?? "",
+        skus: x.skus,
+        recipes: x.recipes
+      })
+    ), y = _(() => r.modelValue.filter((e) => e.type === "RECIPE")), { promptIngredientsBinding: G, promptRecipesBinding: K } = X();
+    async function O() {
+      if (r.iframeMode) {
+        c("click:pick-inventory-bindings", "RECIPE");
+        return;
+      }
+      K(
+        r.modelValue,
+        (e) => c("update:modelValue", e),
+        I.value.recipes
+      );
+    }
+    const k = _(() => r.modelValue.filter((e) => e.type === "SKU") ?? []);
+    async function q() {
+      if (r.iframeMode) {
+        c("click:pick-inventory-bindings", "SKU");
+        return;
+      }
+      G(
+        r.modelValue,
+        (e) => c("update:modelValue", e),
+        r.excludeBindingId,
+        I.value.skus
+      );
+    }
+    function R(e, d, i) {
+      const t = +d;
+      let l = i;
+      d.length > 0 && isFinite(t) ? l = i.map((o) => (o.id !== e || (o.amount = Z(t)), o)) : l = i.map((o) => (o.id !== e || (o.amount = { amount: 0, precision: 0 }), o)), c("update:modelValue", l);
+    }
+    function w(e) {
+      const d = F.value.find((i) => i._id === e);
+      return d ? Y(d.unit, !0) : [];
+    }
+    function H(e, d) {
+      const i = w(e), t = i.find((l) => l.value === d) ?? i.find((l) => l.value === null);
+      return t ? {
+        ...t,
+        label: t.abbrev
+      } : null;
+    }
+    function J(e, d, i) {
+      let t;
+      if (d === null)
+        t = i.map((l) => (l.id !== e || (l.measurement = null), l)) ?? [];
+      else {
+        const l = F.value.find((o) => o._id === e);
+        t = i.map((o) => {
+          var p, B;
+          return o.id !== e || (o.measurement = (B = (p = l == null ? void 0 : l.unit) == null ? void 0 : p.measurements) == null ? void 0 : B.find((n) => n.id === d)), o;
+        }) ?? [];
+      }
+      c("update:modelValue", t);
+    }
+    function M(e, d) {
+      const i = d.filter((t) => t.id !== e);
+      c("update:modelValue", i);
+    }
+    return (e, d) => {
+      const i = g("FmFormGroup"), t = g("FmIcon"), l = g("FmTooltip"), o = g("FmTextField"), p = g("FmButton"), B = g("FmSelect");
+      return s(), V("div", ie, [
+        a(i, {
+          disabled: e.disabled,
+          "model-value": e.modelValue,
+          rules: e.iframeMode ? void 0 : [u(ee)(1, "Must have at least one inventory binding")]
+        }, null, 8, ["disabled", "model-value", "rules"]),
+        te,
+        y.value.length ? (s(), V("div", de, [
+          (s(!0), V(T, null, L(y.value, (n) => (s(), C(i, {
+            key: n.id,
+            disabled: e.disabled,
+            class: "grid grid-cols-3 gap-8 px-8 items-center",
+            style: { "grid-template-columns": "auto 164px 48px" },
+            modelValue: +u(S)(n.amount ?? { amount: 1, precision: 0 }),
+            rules: [u(ne)(0), u(N)(0)]
+          }, {
+            default: h(() => {
+              var v;
+              return [
+                m("div", ae, [
+                  z($((v = D.value.find((f) => f._id === n.id)) == null ? void 0 : v.name) + " ", 1),
+                  I.value.recipes.includes(n.id) ? (s(), C(l, {
+                    key: 0,
+                    variant: "plain",
+                    placement: "bottom",
+                    content: "It is invalid, please verify or remove it.",
+                    "hide-arrow": !0,
+                    "z-index": 50
+                  }, {
+                    default: h(() => [
+                      a(t, {
+                        name: "error",
+                        size: "sm",
+                        color: "#ff3b30"
+                      })
+                    ]),
+                    _: 1
+                  })) : U("", !0)
+                ]),
+                a(o, {
+                  class: "xs:col-span-2",
+                  disabled: e.disabled,
+                  modelValue: +u(S)(n.amount ?? { amount: 1, precision: 0 }),
+                  "onUpdate:modelValue": (f) => R(n.id, f, e.modelValue)
+                }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"]),
+                a(p, {
+                  disabled: e.disabled,
+                  type: "button",
+                  variant: "plain",
+                  icon: "delete",
+                  "icon-color": "#000000",
+                  onClick: (f) => M(n.id, e.modelValue)
+                }, null, 8, ["disabled", "onClick"])
+              ];
+            }),
+            _: 2
+          }, 1032, ["disabled", "modelValue", "rules"]))), 128))
+        ])) : U("", !0),
+        m("div", null, [
+          a(p, {
+            disabled: e.disabled,
+            label: y.value.length === 1 ? "1 recipe linked" : y.value.length ? `${y.value.length} recipes linked` : "Link recipes",
+            variant: "plain",
+            icon: "link",
+            onClick: O
+          }, null, 8, ["disabled", "label"])
+        ]),
+        se,
+        k.value.length ? (s(), V("div", ue, [
+          m("div", re, [
+            (s(!0), V(T, null, L(k.value, (n) => (s(), C(i, {
+              key: n.id,
+              disabled: e.disabled,
+              modelValue: +u(S)(n.amount ?? { amount: 1, precision: 0 }),
+              rules: [
+                u(le)(
+                  F.value.find((v) => v._id === n.id).unit,
+                  n.measurement
+                ),
+                u(N)(0)
+              ]
+            }, {
+              default: h(({ invalid: v }) => {
+                var f, E, P;
+                return [
+                  m("div", me, [
+                    m("div", ce, [
+                      z($((f = F.value.find((b) => b._id === n.id)) == null ? void 0 : f.name) + " ", 1),
+                      I.value.skus.includes(n.id) ? (s(), C(l, {
+                        key: 0,
+                        variant: "plain",
+                        placement: "bottom",
+                        content: "It is invalid, please verify or remove it.",
+                        "hide-arrow": !0,
+                        "z-index": 50
+                      }, {
+                        default: h(() => [
+                          a(t, {
+                            name: "error",
+                            size: "sm",
+                            color: "#ff3b30"
+                          })
+                        ]),
+                        _: 1
+                      })) : U("", !0)
+                    ]),
+                    a(o, {
+                      class: "xs:col-span-2",
+                      disabled: e.disabled,
+                      modelValue: +u(S)(n.amount ?? { amount: 1, precision: 0 }),
+                      "onUpdate:modelValue": (b) => R(n.id, b, e.modelValue),
+                      invalid: v
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"]),
+                    a(B, {
+                      disabled: e.disabled,
+                      class: "translate-y-[2px]",
+                      items: w(n.id),
+                      "model-value": (P = H(n.id, (E = n.measurement) == null ? void 0 : E.id)) == null ? void 0 : P.value,
+                      "onUpdate:modelValue": (b) => J(n.id, b, e.modelValue),
+                      invalid: v
+                    }, {
+                      "helper-text": h(() => []),
+                      _: 2
+                    }, 1032, ["disabled", "items", "model-value", "onUpdate:modelValue", "invalid"]),
+                    a(p, {
+                      disabled: e.disabled,
+                      type: "button",
+                      variant: "tertiary",
+                      icon: "delete",
+                      onClick: (b) => M(n.id, e.modelValue)
+                    }, null, 8, ["disabled", "onClick"])
+                  ])
+                ];
+              }),
+              _: 2
+            }, 1032, ["disabled", "modelValue", "rules"]))), 128))
+          ])
+        ])) : U("", !0),
+        m("div", null, [
+          a(p, {
+            disabled: e.disabled,
+            label: k.value.length === 1 ? "1 ingredient linked" : k.value.length ? `${k.value.length} ingredients linked` : "Link ingredients",
+            variant: "plain",
+            icon: "link",
+            onClick: q
+          }, null, 8, ["disabled", "label"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  ke as _
+};

package/dist/NumberPrecisionInput.vue_vue_type_script_setup_true_lang-DBK7mpQS.js

@@ -0,0 +1,66 @@
+import { defineComponent as y, computed as V, ref as w, watch as h, resolveComponent as u, openBlock as F, createBlock as A, withCtx as s, createVNode as g, createElementVNode as k, normalizeClass as K } from "vue";
+import { t as d } from "./date2-C7HiAWQG.js";
+const _ = ["value", "disabled"], D = /* @__PURE__ */ y({
+  __name: "NumberPrecisionInput",
+  props: {
+    modelValue: {},
+    label: {},
+    helperText: {},
+    step: {},
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: m }) {
+    const n = i, r = m, p = V(() => d(n.step ?? 1).precision), o = w(n.modelValue.toString());
+    h([() => o.value], ([e]) => {
+      e === "-" || e === "." ? r("update:modelValue", 0) : r("update:modelValue", +e);
+    });
+    const c = (e) => {
+      if (e.ctrlKey || e.altKey || e.metaKey || ["Backspace", "Tab", "Enter", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(
+        e.key
+      ))
+        return;
+      const t = e.currentTarget, l = +`${t.value}${e.key}`;
+      if (isFinite(l)) {
+        d(l).precision > p.value && e.preventDefault();
+        return;
+      }
+      t.value.length === 0 && (e.key === "-" || e.key === ".") || e.preventDefault();
+    };
+    return (e, t) => {
+      const l = u("FmField"), a = u("FmFormGroup");
+      return F(), A(a, {
+        disabled: e.disabled,
+        modelValue: e.modelValue,
+        rules: e.rules,
+        "helper-text": e.helperText,
+        label: e.label
+      }, {
+        default: s(({ invalid: f }) => [
+          g(l, { invalid: f }, {
+            default: s(() => [
+              k("input", {
+                value: o.value,
+                onInput: t[0] || (t[0] = (b) => o.value = b.target.value),
+                onKeydown: c,
+                inputmode: "numeric",
+                class: K({
+                  "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                  "text-fm-color-typo-primary": !e.disabled,
+                  "text-fm-color-typo-disabled": e.disabled
+                }),
+                disabled: e.disabled
+              }, null, 42, _)
+            ]),
+            _: 2
+          }, 1032, ["invalid"])
+        ]),
+        _: 1
+      }, 8, ["disabled", "modelValue", "rules", "helper-text", "label"]);
+    };
+  }
+});
+export {
+  D as _
+};

package/dist/PurchaseOrderPrintPreview-CH9gVYDg.js

@@ -0,0 +1,152 @@
+import { defineComponent as x, computed as f, ref as m, onMounted as g, openBlock as r, createElementBlock as o, createElementVNode as e, toDisplayString as t, normalizeStyle as w, createTextVNode as i, Fragment as u, createCommentVNode as h, renderList as _, normalizeClass as k, pushScopeId as S, popScopeId as C } from "vue";
+import { useRoute as P } from "vue-router";
+import { n as v, _ as R } from "./app-BzDhmCVx.js";
+const n = (d) => (S("data-v-54384fc1"), d = d(), C(), d), A = { class: "purchase-box" }, N = { valign: "bottom" }, E = /* @__PURE__ */ n(() => /* @__PURE__ */ e("div", { class: "title" }, "Inventory Receive Note", -1)), O = { class: "text-right" }, D = { class: "header" }, q = /* @__PURE__ */ n(() => /* @__PURE__ */ e("hr", null, null, -1)), I = /* @__PURE__ */ n(() => /* @__PURE__ */ e("div", { class: "header" }, "Supplier", -1)), T = { class: "sub-header" }, F = { class: "caption" }, L = { class: "address" }, U = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), V = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), z = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), B = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), H = { class: "text-right" }, M = /* @__PURE__ */ n(() => /* @__PURE__ */ e("div", { class: "header" }, "Delivery To", -1)), J = { class: "sub-header" }, Q = { class: "address" }, j = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), G = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), K = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), W = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), X = { class: "purchase-body" }, Y = /* @__PURE__ */ n(() => /* @__PURE__ */ e("thead", { class: "item-header" }, [
+  /* @__PURE__ */ e("tr", null, [
+    /* @__PURE__ */ e("th", {
+      class: "text-left",
+      style: { width: "20%" }
+    }, "Code"),
+    /* @__PURE__ */ e("th", { class: "text-left" }, "Description"),
+    /* @__PURE__ */ e("th", {
+      class: "text-right",
+      style: { width: "10%" }
+    }, "Quantity"),
+    /* @__PURE__ */ e("th", {
+      class: "text-right",
+      style: { width: "20%" }
+    }, "Unit")
+  ])
+], -1)), Z = { class: "text-left" }, $ = { class: "text-left" }, ee = { class: "text-right" }, te = /* @__PURE__ */ n(() => /* @__PURE__ */ e("hr", null, null, -1)), se = { style: { "padding-top": "30px" } }, le = /* @__PURE__ */ n(() => /* @__PURE__ */ e("hr", null, null, -1)), ne = { valign: "bottom" }, re = { class: "header" }, oe = { class: "caption" }, ie = {
+  class: "text-left",
+  style: { width: "20%" }
+}, ue = { class: "text-left" }, de = {
+  class: "text-right",
+  style: { width: "15%" }
+}, ae = {
+  class: "text-right",
+  style: { width: "15%" }
+}, ce = /* @__PURE__ */ x({
+  __name: "PurchaseOrderPrintPreview",
+  setup(d) {
+    const p = f(() => {
+      switch (s.value.status) {
+        case v.enum.CANCEL:
+          return "#FF0000";
+        case v.enum.COMPLETE:
+          return "#00D065";
+        default:
+          return "#7A7A7A";
+      }
+    }), y = P(), s = m(JSON.parse(y.query.data));
+    return g(() => window.print()), (_e, he) => (r(), o("div", A, [
+      e("table", null, [
+        e("tr", N, [
+          e("td", null, [
+            E,
+            e("div", null, "Ref: " + t(s.value.ref), 1),
+            e("div", {
+              style: w({ color: p.value })
+            }, t(s.value.status), 5)
+          ]),
+          e("td", O, [
+            e("div", D, "PO #" + t(s.value.orderNumber), 1),
+            e("div", null, t(s.value.createdAt), 1)
+          ])
+        ])
+      ]),
+      q,
+      e("table", null, [
+        e("tr", null, [
+          e("td", null, [
+            I,
+            e("div", T, t(s.value.supplier.name), 1),
+            e("div", F, t(s.value.supplier.registrationNumber), 1),
+            e("div", L, [
+              i(t(s.value.supplier.line1), 1),
+              U,
+              s.value.supplier.line2 ? (r(), o(u, { key: 0 }, [
+                i(t(s.value.supplier.line2), 1),
+                V
+              ], 64)) : h("", !0),
+              i(" " + t(s.value.supplier.postcode) + " " + t(s.value.supplier.city) + " ", 1),
+              z,
+              i(" " + t(s.value.supplier.state) + " " + t(s.value.supplier.country) + " ", 1),
+              B
+            ])
+          ]),
+          e("td", H, [
+            M,
+            e("div", J, t(s.value.buyer.name), 1),
+            e("div", Q, [
+              i(t(s.value.buyer.line1), 1),
+              j,
+              s.value.buyer.line2 ? (r(), o(u, { key: 0 }, [
+                i(t(s.value.buyer.line2), 1),
+                G
+              ], 64)) : h("", !0),
+              i(" " + t(s.value.buyer.postcode) + " " + t(s.value.buyer.city) + " ", 1),
+              K,
+              i(" " + t(s.value.buyer.state) + " " + t(s.value.buyer.country) + " ", 1),
+              W
+            ])
+          ])
+        ])
+      ]),
+      e("div", X, [
+        e("table", null, [
+          Y,
+          e("tbody", null, [
+            (r(!0), o(u, null, _(s.value.items, (l, c) => (r(), o("tr", { key: c }, [
+              e("td", Z, t(l.code), 1),
+              e("td", $, t(l.description), 1),
+              e("td", {
+                class: k(["text-right", {
+                  "text-green-5": l.received == l.quantity,
+                  "text-danger": !l.received,
+                  "text-warning": l.received != l.quantity
+                }])
+              }, t(l.received + "/" + l.quantity), 3),
+              e("td", ee, t(l.unit), 1)
+            ]))), 128))
+          ])
+        ])
+      ]),
+      te,
+      e("div", null, "Remark: " + t(s.value.remark), 1),
+      e("div", se, [
+        le,
+        i(" Delivery History: "),
+        (r(!0), o(u, null, _(s.value.deliveryOrders, (l, c) => (r(), o("div", {
+          key: c,
+          style: { padding: "10px 30px" }
+        }, [
+          e("table", null, [
+            e("tr", ne, [
+              e("td", null, [
+                e("div", re, "Ref: " + t(l.ref), 1),
+                e("div", oe, t(l.createdAt), 1),
+                e("div", null, "Remark: " + t(l.remark), 1)
+              ])
+            ])
+          ]),
+          e("div", null, [
+            e("table", null, [
+              e("tbody", null, [
+                (r(!0), o(u, null, _(l.items, (a, b) => (r(), o("tr", { key: b }, [
+                  e("td", ie, t(a.code), 1),
+                  e("td", ue, t(a.description), 1),
+                  e("td", de, t(a.quantity), 1),
+                  e("td", ae, t(a.unit), 1)
+                ]))), 128))
+              ])
+            ])
+          ])
+        ]))), 128))
+      ])
+    ]));
+  }
+}), be = /* @__PURE__ */ R(ce, [["__scopeId", "data-v-54384fc1"]]);
+export {
+  be as default
+};