@feedmepos/mf-inventory-portal 1.7.0-dev.9 → 1.7.1-dev.0

package/dist/ConnectedBusinessView-Cu2QnRN9.js

@@ -0,0 +1,533 @@
+import { defineComponent as j, mergeModels as re, useModel as ue, ref as S, watch as H, computed as A, resolveComponent as M, createElementBlock as w, openBlock as m, createVNode as k, mergeProps as X, createBlock as V, unref as Q, withCtx as P, createElementVNode as u, createCommentVNode as I, toDisplayString as C, Fragment as de, renderList as me, onMounted as ce, h as T } from "vue";
+import { components as ee, useDialog as pe, useSnackbar as fe } from "@feedmepos/ui-library";
+import { u as te } from "./connected-business-mapping-ywgqqyMr.js";
+import { useCoreStore as ne, useI18n as ve } from "@feedmepos/mf-common";
+import { a as ye } from "./date2-r4KgBCs9.js";
+import { _ as be } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DWsPvPE1.js";
+import { w as ke, a as ge } from "./app-37NZKFUI.js";
+import { I as G, M as _e, c as Z } from "./rules--cnFg-PI.js";
+import { a as J } from "./FmMultiselectDialog-QEs0yct_.js";
+import { a as xe, c as Se, t as he } from "./number-BkC_lelq.js";
+import { _ as Be } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-Dzqh8pM9.js";
+const we = { class: "flex flex-col" }, K = /* @__PURE__ */ j({
+  __name: "FmDecimalInput",
+  props: /* @__PURE__ */ re({
+    modelValue: {},
+    defaultRules: { type: Boolean },
+    textFieldRules: {},
+    decimalRules: {},
+    precision: {},
+    placeholder: {},
+    minLength: {},
+    maxLength: {},
+    inputmode: {},
+    type: {},
+    readonly: { type: Boolean },
+    labelMark: {},
+    prependIcon: {},
+    appendIcon: {},
+    showValidBorder: { type: Boolean },
+    labelInfo: {},
+    showWordCount: { type: Boolean },
+    invalid: { type: Boolean },
+    autofocus: { type: Boolean },
+    formatter: { type: Function },
+    decimal: {},
+    datalist: {},
+    shiftDatalist: { type: Boolean },
+    datalistMaxHeight: {},
+    datalistMinHeight: {},
+    offsetDatalist: {},
+    datalistPlacement: {},
+    datalistZIndex: {},
+    datalistWidth: {},
+    label: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    helperState: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup($) {
+    const y = $, h = ue($, "modelValue"), c = S(xe(h.value ?? ke.reset())), B = G();
+    function x(p, b) {
+      return typeof b != "number" ? Se(p) : he(p, b);
+    }
+    H(c, (p) => {
+      B(p) == !0 && (h.value = x(+p, y.precision));
+    });
+    const v = A(() => y.defaultRules ? [typeof y.precision == "number" ? _e(y.precision) : G(), ...y.textFieldRules ?? []] : y.textFieldRules);
+    return (p, b) => {
+      const z = M("FmTextField"), i = M("FmFormGroup");
+      return m(), w("div", we, [
+        k(z, X(y, {
+          modelValue: c.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (r) => c.value = r),
+          rules: v.value
+        }), null, 16, ["modelValue", "rules"]),
+        k(i, {
+          "model-value": h.value,
+          rules: p.decimalRules
+        }, null, 8, ["model-value", "rules"])
+      ]);
+    };
+  }
+}), Ve = { class: "p-16 flex flex-col gap-16" }, Fe = { class: "flex items-center gap-8" }, Ie = { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, Ce = { class: "flex items-center gap-8" }, Ae = {
+  key: 0,
+  class: "border border-dashed fm-corner-radius-md p-24 text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Me = {
+  key: 1,
+  class: "border border-dashed fm-corner-radius-md p-24 text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Ne = { class: "flex items-center gap-12 p-12" }, Pe = { class: "flex-1 min-w-0" }, $e = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary line-clamp-1" }, ze = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary line-clamp-1" }, Re = { class: "flex-1 min-w-0" }, De = {
+  key: 0,
+  class: "min-w-0"
+}, Ue = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary line-clamp-1" }, qe = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary line-clamp-1" }, Le = {
+  key: 2,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Qe = {
+  key: 0,
+  class: "border-t bg-fm-color-neutral-gray-100 p-12"
+}, Ee = { class: "flex items-center gap-8" }, Te = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, He = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, je = { class: "flex items-center justify-end gap-8" }, Oe = /* @__PURE__ */ j({
+  __name: "ConnectedBusinessMappingPanel",
+  props: {
+    modelValue: { type: Boolean },
+    mapping: {},
+    editable: { type: Boolean }
+  },
+  emits: ["update:modelValue", "saved"],
+  setup($, { emit: y }) {
+    const { FmSideSheet: h } = ee, c = $, B = y, x = te(), v = ne(), p = ge(), b = pe(), z = fe(), i = S(null), r = S([]), g = S([]), R = S(!1), D = A(() => p.skus ?? []);
+    function q(e) {
+      var n;
+      return ((n = (v.businesses.value ?? []).find((a) => a._id === e || a.id === e)) == null ? void 0 : n.name) ?? e;
+    }
+    function L(e, t) {
+      const n = q(e);
+      return n !== e ? n : t ?? void 0;
+    }
+    function U(e) {
+      var t;
+      return ((t = c.mapping) == null ? void 0 : t.targetBusinessName) ?? q(e);
+    }
+    const o = A(() => {
+      var n;
+      const e = (n = v.currentBusiness.value) == null ? void 0 : n._id;
+      return (v.businesses.value ?? []).map((a) => ({ label: a.name ?? "", value: a._id ?? a.id ?? "" })).filter((a) => a.value && a.value !== e);
+    });
+    function s(e) {
+      return {
+        internalSku: e,
+        externalSku: null,
+        quantity: { amount: 1, precision: 0 },
+        externalQuantity: { amount: 1, precision: 0 }
+      };
+    }
+    const F = A({
+      get: () => c.modelValue,
+      set: (e) => B("update:modelValue", e)
+    });
+    async function _(e) {
+      g.value = [];
+      try {
+        g.value = await x.browseSkus(e);
+      } catch (t) {
+        console.error("Failed to load partner catalog", t);
+      }
+    }
+    H(
+      () => c.modelValue,
+      async (e) => {
+        if (!e) return;
+        v.readBusinesses().catch((n) => console.error("Failed to load businesses", n));
+        const t = c.mapping;
+        i.value = (t == null ? void 0 : t.targetBusinessId) ?? null, r.value = [], g.value = [], t && (await _(t.targetBusinessId), r.value = t.skuPairs.map((n) => {
+          const a = D.value.find((f) => f._id === n.skuId), d = g.value.find((f) => f._id === n.externalSkuId) ?? null;
+          return {
+            internalSku: a ?? {
+              _id: n.skuId,
+              code: "",
+              name: n.skuId,
+              unit: { _id: "", name: "", abbrev: "", precision: 0, measurements: [] }
+            },
+            externalSku: d,
+            quantity: n.quantity,
+            externalQuantity: n.externalQuantity
+          };
+        }));
+      }
+    ), H(i, (e, t) => {
+      e && e !== t && (_(e), r.value.forEach((n) => {
+        n.externalSku = null;
+      }));
+    });
+    function O() {
+      B("update:modelValue", !1);
+    }
+    function ae() {
+      const e = new Set(r.value.map((n) => n.internalSku._id)), t = D.value.map((n) => ({ label: n.name, value: n._id, sublabel: n.code }));
+      b.open({
+        title: "Add items",
+        closeButton: !0,
+        zIndex: 300,
+        contentComponent: J,
+        contentComponentProps: {
+          modelValue: [...e],
+          items: t,
+          virtualScroll: !0
+        },
+        primaryActions: { text: "Add", close: !0 },
+        secondaryActions: { text: "Cancel", close: !0, variant: "tertiary" }
+      }).onPrimary((n) => {
+        const a = new Set(n);
+        r.value = r.value.filter((f) => a.has(f.internalSku._id));
+        const d = new Set(r.value.map((f) => f.internalSku._id));
+        D.value.filter((f) => a.has(f._id) && !d.has(f._id)).forEach((f) => r.value.push(s(f)));
+      });
+    }
+    function oe(e) {
+      const t = new Map(
+        r.value.filter((n) => n !== e && n.externalSku).map((n) => [n.externalSku._id, n.internalSku.name])
+      );
+      return g.value.map((n) => {
+        const a = t.get(n._id);
+        return {
+          label: n.name,
+          value: n._id,
+          sublabel: a ? `Already linked to ${a}` : n.code,
+          disabled: !!a
+        };
+      });
+    }
+    function Y(e, t) {
+      e.externalSku = t ? g.value.find((n) => n._id === t) ?? null : null;
+    }
+    function le(e) {
+      b.open({
+        title: "Link partner item",
+        closeButton: !0,
+        zIndex: 300,
+        contentComponent: J,
+        contentComponentProps: {
+          modelValue: e.externalSku ? [e.externalSku._id] : [],
+          items: oe(e),
+          singleSelect: !0,
+          virtualScroll: !0
+        },
+        primaryActions: { text: "Link", close: !0 },
+        secondaryActions: { text: "Cancel", close: !0, variant: "tertiary" }
+      }).onPrimary((t) => Y(e, t[0] ?? null));
+    }
+    function se(e) {
+      r.value.splice(e, 1);
+    }
+    const W = A(
+      () => !!i.value && r.value.length > 0 && r.value.every(
+        (e) => (
+          // an item may stay unlinked (Not mapped) — only linked items need a valid equivalence;
+          // a zero/negative side would corrupt every transfer using it
+          !e.externalSku || e.quantity.amount > 0 && e.externalQuantity.amount > 0
+        )
+      )
+    );
+    async function ie() {
+      var e, t, n;
+      if (!(!W.value || !i.value)) {
+        R.value = !0;
+        try {
+          const a = {
+            targetBusinessId: i.value,
+            businessName: L(
+              ((e = v.currentBusiness.value) == null ? void 0 : e._id) ?? "",
+              (t = c.mapping) == null ? void 0 : t.businessName
+            ),
+            targetBusinessName: L(i.value, (n = c.mapping) == null ? void 0 : n.targetBusinessName),
+            skuPairs: r.value.filter((d) => d.externalSku).map((d) => ({
+              skuId: d.internalSku._id,
+              externalSkuId: d.externalSku._id,
+              quantity: d.quantity,
+              externalQuantity: d.externalQuantity
+            }))
+          };
+          c.mapping ? await x.update(c.mapping._id, a) : await x.create(a), B("saved"), O();
+        } catch (a) {
+          z.open({
+            title: "Failed to save mapping",
+            message: a instanceof Error ? a.message : "Please try again.",
+            type: "error"
+          }), console.error("Failed to save mapping", a);
+        } finally {
+          R.value = !1;
+        }
+      }
+    }
+    return (e, t) => {
+      const n = M("FmAvatar"), a = M("FmSelect"), d = M("FmButton"), f = M("FmIcon");
+      return m(), V(Q(h), {
+        modelValue: F.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (l) => F.value = l),
+        header: e.mapping ? U(e.mapping.targetBusinessId) : "New mapping",
+        "max-width": 760
+      }, {
+        "side-sheet-footer": P(() => [
+          u("div", je, [
+            k(d, {
+              label: e.editable ? "Cancel" : "Close",
+              variant: "tertiary",
+              size: "md",
+              onClick: t[2] || (t[2] = (l) => O())
+            }, null, 8, ["label"]),
+            e.editable ? (m(), V(d, {
+              key: 0,
+              label: "Save mapping",
+              variant: "primary",
+              size: "md",
+              disabled: !W.value,
+              loading: R.value,
+              onClick: t[3] || (t[3] = (l) => ie())
+            }, null, 8, ["disabled", "loading"])) : I("", !0)
+          ])
+        ]),
+        default: P(() => [
+          u("div", Ve, [
+            t[7] || (t[7] = u("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Match your items with a partner business so stock transfers reconcile automatically. ", -1)),
+            k(a, {
+              label: "Business",
+              "label-mark": "required",
+              disabled: !e.editable || !!e.mapping,
+              modelValue: i.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => i.value = l),
+              items: o.value
+            }, {
+              "menu-wrapper": P((l) => [
+                k(Be, X(l, {
+                  items: o.value,
+                  "model-value": i.value
+                }), {
+                  "item-prefix": P(({ option: E }) => [
+                    k(n, {
+                      name: E.label,
+                      size: "sm",
+                      rounded: "md"
+                    }, null, 8, ["name"])
+                  ]),
+                  _: 2
+                }, 1040, ["items", "model-value"])
+              ]),
+              default: P(() => [
+                u("div", Fe, [
+                  i.value ? (m(), V(n, {
+                    key: 0,
+                    name: U(i.value),
+                    size: "sm",
+                    rounded: "md"
+                  }, null, 8, ["name"])) : I("", !0),
+                  u("span", Ie, C(i.value ? U(i.value) : "Select a business"), 1)
+                ])
+              ]),
+              _: 1
+            }, 8, ["disabled", "modelValue", "items"]),
+            u("div", Ce, [
+              t[5] || (t[5] = u("div", { class: "flex-1 fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, "Item mappings", -1)),
+              e.editable ? (m(), V(d, {
+                key: 0,
+                label: "Add items",
+                "prepend-icon": "add",
+                variant: "tertiary",
+                size: "md",
+                disabled: !i.value,
+                onClick: t[1] || (t[1] = (l) => ae())
+              }, null, 8, ["disabled"])) : I("", !0)
+            ]),
+            i.value ? r.value.length ? I("", !0) : (m(), w("div", Me, " No items yet. Add items from your catalog to map them. ")) : (m(), w("div", Ae, " Select a business first, then add the items you want to map. ")),
+            (m(!0), w(de, null, me(r.value, (l, E) => (m(), w("div", {
+              key: l.internalSku._id,
+              class: "border fm-corner-radius-md overflow-hidden"
+            }, [
+              u("div", Ne, [
+                u("div", Pe, [
+                  u("div", $e, C(l.internalSku.name), 1),
+                  u("div", ze, C(l.internalSku.code), 1)
+                ]),
+                k(f, {
+                  name: "arrow_forward",
+                  size: "sm",
+                  color: "neutral-gray-400"
+                }),
+                u("div", Re, [
+                  l.externalSku ? (m(), w("div", De, [
+                    u("div", Ue, C(l.externalSku.name), 1),
+                    u("div", qe, C(l.externalSku.code), 1)
+                  ])) : e.editable ? (m(), V(d, {
+                    key: 1,
+                    label: "Link item",
+                    "prepend-icon": "link",
+                    variant: "secondary",
+                    size: "md",
+                    onClick: (N) => le(l)
+                  }, null, 8, ["onClick"])) : (m(), w("span", Le, "Not linked"))
+                ]),
+                e.editable && l.externalSku ? (m(), V(d, {
+                  key: 0,
+                  icon: "link_off",
+                  variant: "destructive",
+                  size: "md",
+                  onClick: (N) => Y(l, null)
+                }, null, 8, ["onClick"])) : I("", !0),
+                e.editable ? (m(), V(d, {
+                  key: 1,
+                  icon: "delete",
+                  variant: "tertiary",
+                  size: "md",
+                  onClick: (N) => se(E)
+                }, null, 8, ["onClick"])) : I("", !0)
+              ]),
+              l.externalSku ? (m(), w("div", Qe, [
+                u("div", Ee, [
+                  k(K, {
+                    class: "w-[100px]",
+                    disabled: !e.editable,
+                    precision: 2,
+                    "text-field-rules": [Q(Z)(0)],
+                    modelValue: l.quantity,
+                    "onUpdate:modelValue": (N) => l.quantity = N
+                  }, null, 8, ["disabled", "text-field-rules", "modelValue", "onUpdate:modelValue"]),
+                  u("span", Te, C(l.internalSku.unit.name), 1),
+                  t[6] || (t[6] = u("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "=", -1)),
+                  k(K, {
+                    class: "w-[100px]",
+                    disabled: !e.editable,
+                    precision: 2,
+                    "text-field-rules": [Q(Z)(0)],
+                    modelValue: l.externalQuantity,
+                    "onUpdate:modelValue": (N) => l.externalQuantity = N
+                  }, null, 8, ["disabled", "text-field-rules", "modelValue", "onUpdate:modelValue"]),
+                  u("span", He, C(l.externalSku.unit.name), 1)
+                ])
+              ])) : I("", !0)
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "header"]);
+    };
+  }
+}), Ye = { class: "p-16" }, lt = /* @__PURE__ */ j({
+  __name: "ConnectedBusinessView",
+  setup($) {
+    const y = te(), h = ne(), { t: c } = ve(), B = S([]), x = S(!0), v = S(!1), p = S(null), b = A(() => {
+      var o, s;
+      return !!((s = (o = h.sessionUser.value) == null ? void 0 : o.role) != null && s.isAdmin);
+    });
+    function z(o) {
+      var F;
+      return ((F = (h.businesses.value ?? []).find((_) => _._id === o || _.id === o)) == null ? void 0 : F.name) ?? o;
+    }
+    function i(o) {
+      return o.targetBusinessName ?? z(o.targetBusinessId);
+    }
+    const r = [
+      {
+        id: "business",
+        header: "Partner business",
+        cell: (o) => {
+          const s = i(o.row.original);
+          return T("div", { class: "flex items-center gap-8" }, [
+            T(ee.FmAvatar, { name: s, size: "sm", rounded: "md" }),
+            T("span", { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, s)
+          ]);
+        }
+      },
+      {
+        id: "pairs",
+        header: "Items",
+        cell: (o) => {
+          const s = o.row.original.skuPairs.length;
+          return `${s} configured item${s === 1 ? "" : "s"}`;
+        }
+      },
+      {
+        id: "updatedAt",
+        header: "Updated",
+        cell: (o) => {
+          const s = o.row.original.updatedAt;
+          return s ? ye(s) : "—";
+        }
+      }
+    ];
+    async function g() {
+      x.value = !0;
+      try {
+        B.value = await y.browse();
+      } catch (o) {
+        console.error("Failed to load connected business mappings", o);
+      } finally {
+        x.value = !1;
+      }
+    }
+    ce(g);
+    function R() {
+      p.value = null, v.value = !0;
+    }
+    function D(o) {
+      p.value = o, v.value = !0;
+    }
+    function q() {
+      g();
+    }
+    const L = A(
+      () => [
+        // isAdminOnly wraps the button in FmAdminBadge, which itself only renders
+        // for role.isAdmin — the same boundary as canManage.
+        {
+          label: "New mapping",
+          value: "create",
+          isPrimary: !0,
+          prependIcon: "add",
+          isAdminOnly: !0
+        },
+        {
+          label: "Refresh",
+          value: "refresh",
+          prependIcon: "refresh"
+        }
+      ]
+    );
+    function U(o) {
+      if (o === "create") return R();
+      if (o === "refresh") return g();
+    }
+    return (o, s) => {
+      const F = M("FmTable");
+      return m(), V(be, {
+        title: Q(c)("inventory.connectedBusiness.title"),
+        actions: L.value,
+        "onClick:action": U
+      }, {
+        default: P(() => [
+          u("div", Ye, [
+            k(F, {
+              "column-defs": r,
+              "row-data": B.value,
+              loading: x.value,
+              onRowClick: s[0] || (s[0] = (_) => D(_.original))
+            }, null, 8, ["row-data", "loading"])
+          ]),
+          k(Oe, {
+            modelValue: v.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (_) => v.value = _),
+            mapping: p.value,
+            editable: b.value,
+            onSaved: s[2] || (s[2] = (_) => q())
+          }, null, 8, ["modelValue", "mapping", "editable"])
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  lt as default
+};

package/dist/{DefaultView-BQ0Y_nGt.js → DefaultView-QAEDG6pS.js}

@@ -1,8 +1,8 @@
 import { defineComponent as p, computed as f, watchEffect as d, resolveComponent as n, createElementBlock as _, openBlock as v, createVNode as o, createElementVNode as c } from "vue";
 import { useRouter as g } from "vue-router";
 import { useCoreStore as x } from "@feedmepos/mf-common";
-import { u as S } from "./useNavigationMenu-D2onvhoK.js";
-import { u as y } from "./feature-_v_0Btg8.js";
+import { u as S } from "./useNavigationMenu-CeN7TEwe.js";
+import { u as y } from "./feature-B4BoCy_k.js";
 const C = { class: "flex flex-col items-center w-full h-full gap-24" }, V = /* @__PURE__ */ p({
   __name: "DefaultView",
   setup(F) {

package/dist/{DeliveryOrderPrintPreview-DHDu2E0L.js → DeliveryOrderPrintPreview-B08SSOCX.js}

@@ -1,7 +1,7 @@
 import { defineComponent as x, computed as g, ref as h, onMounted as _, createElementBlock as i, openBlock as u, createElementVNode as t, createCommentVNode as d, createTextVNode as n, toDisplayString as l, Fragment as o, renderList as p, normalizeClass as c } from "vue";
 import { useRoute as w } from "vue-router";
-import { T as b } from "./app-VqA3hs6t.js";
-import { L as k } from "./lz-string-DaTOnDE7.js";
+import { T as b } from "./app-37NZKFUI.js";
+import { L as k } from "./lz-string-CItFpr5-.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const P = { class: "purchase-box" }, A = { valign: "bottom" }, E = { class: "sub-header" }, C = ["src"], D = { style: { "padding-left": "10px" } }, O = { class: "address" }, R = { class: "text-right" }, S = {
   key: 0,