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

package/dist/TransferTemplateView-BSmhw7Vl.js

@@ -0,0 +1,1130 @@
+import { ref as $, computed as A, reactive as ke, onMounted as Pe, h as O, getCurrentInstance as ve, watch as se, defineComponent as Z, resolveComponent as R, openBlock as E, createElementBlock as Ae, createElementVNode as h, toDisplayString as ee, createVNode as b, unref as o, withCtx as U, createBlock as z, isRef as $e, Fragment as Ee, normalizeStyle as Ue, Teleport as Me, mergeProps as he } from "vue";
+import { _ as Be, a as Le } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BstbCK2r.js";
+import { useI18n as H } from "@feedmepos/mf-common";
+import { useDialog as Oe, useSnackbar as Fe, FmButtonVariant as te, components as M, useProxiedModel as Ne, useBreakpoints as ze } from "@feedmepos/ui-library";
+import { defineStore as qe, storeToRefs as He } from "pinia";
+import { F as L, D as be, R as N } from "./row-action.enum-7jVyol1k.js";
+import { u as ne, c as X, _ as Ke } from "./TransferDialog.vue_vue_type_script_setup_true_lang-C1YU60Mq.js";
+import { u as je, f as Qe, P as k } from "./purchase-order-transaction-type-std52lFO.js";
+import { j as G, c as Ie, P as _e, $ as Ye, D as ge, R as oe, a0 as Te, a1 as We, a as Y, r as Ce, a2 as Je, l as we, A as re, M as Se, a3 as Xe, b as Ze, a4 as De, a5 as Ge, u as et, y as tt, a6 as ot } from "./app-Bq5a4Oca.js";
+import { c as rt, F as B, _ as at, u as st } from "./layout-Dkdyeqv8.js";
+import { u as Re } from "./supplier-B1qyquXV.js";
+import { _ as Ve } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-DBPQovO2.js";
+import { useRouter as nt } from "vue-router";
+const ae = qe("transferTemplateActions", () => {
+  const r = je("receive/request"), v = Oe(), c = Fe(), a = ne(), d = $({});
+  function T() {
+    d.value = {
+      mode: L.CREATE,
+      show: !0,
+      "onUpdate:show"(i) {
+        d.value.show = i;
+      }
+    };
+  }
+  function s(i) {
+    d.value = {
+      mode: L.UPDATE,
+      modelValue: i,
+      show: !0,
+      "onUpdate:show"(u) {
+        d.value.show = u;
+      }
+    };
+  }
+  function t(i, u, f) {
+    v.open({
+      title: `Confirm deleting template ${i.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: te.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: te.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      c.open({
+        title: `Deleting ${i.name}`,
+        type: "info"
+      });
+      try {
+        u.value = !0;
+        const [p] = await Promise.allSettled([
+          a.deleteTemplate(i),
+          new Promise((_) => setTimeout(_, 1e3))
+        ]);
+        if (p.status === "rejected") throw p.reason;
+        c.open({
+          title: `Deleted ${i.name}`,
+          type: "success"
+        });
+      } catch (p) {
+        c.open({
+          title: `Unable to delete ${i.name}`,
+          message: `See error from server: ${p}`,
+          type: "error"
+        }), console.error("error on deleting purchase order template", p);
+      } finally {
+        u.value = !1, f();
+      }
+    });
+  }
+  function m(i) {
+  }
+  function y(i) {
+    r.promptCreateTransferDialog({
+      ...i.purchaseOrder,
+      template: i._id
+    });
+  }
+  return {
+    createTemplate: T,
+    viewTemplate: m,
+    updateTemplate: s,
+    deleteTemplate: t,
+    useTemplate: y,
+    templateDialogProps: d,
+    transferFormDialogProps: r.transferDialogProps
+  };
+}), xe = "use";
+function lt() {
+  const { t: r } = H(), { viewTemplate: v, updateTemplate: c, deleteTemplate: a, useTemplate: d } = ae(), T = $(new Array()), s = $(!1), t = G(), m = ne();
+  async function y() {
+    if (T.value = [], !!t._currentLocation) {
+      s.value = !0;
+      try {
+        const [f] = await Promise.all([
+          m.readTemplates(),
+          new Promise((p) => setTimeout(p, 1e3))
+        ]);
+        T.value = f;
+      } catch (f) {
+        console.log("Something went wrong when fetching templates:", f);
+      } finally {
+        s.value = !1;
+      }
+    }
+  }
+  function i(f, p) {
+    switch (p = Ie(p), f) {
+      case xe:
+        return d(p);
+      case N.Details:
+        return v(p);
+      case N.Edit:
+        return c(p);
+      case N.Delete:
+        return a(p, s, y);
+    }
+  }
+  return { columnDefs: [
+    {
+      accessorKey: "_id",
+      header: () => r("inventory.transfer.table.createdAt"),
+      cell(f) {
+        return Qe(`${f.getValue()}`);
+      },
+      enableSorting: !0
+    },
+    {
+      accessorKey: "name",
+      header: () => r("inventory.transfer.table.name"),
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      accessorKey: "purchaseOrder.supplier.name",
+      header: () => r("inventory.transfer.table.transferFrom"),
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      accessorKey: "purchaseOrder.items.length",
+      header: () => r("inventory.transfer.table.noOfItems"),
+      enableSorting: !1,
+      meta: {
+        width: "10rem"
+      }
+    },
+    {
+      accessorKey: "purchaseOrder.ref",
+      header: () => r("inventory.transfer.table.reference"),
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      cell(f) {
+        const p = f.row.original, _ = [
+          {
+            label: r("inventory.transfer.template.use"),
+            value: xe,
+            color: "text-fm-color-typo-primary"
+          },
+          be[N.Edit],
+          be[N.Delete]
+        ];
+        return rt(_, (x) => i(x, p));
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ], templates: T, loading: s, fetchTemplates: y };
+}
+function W(r) {
+  return Ye.parse(r);
+}
+function J(r) {
+  return {
+    _id: r.doc._id,
+    internal: r.type,
+    contactName: r.doc.profile.name,
+    name: r.doc.profile.name,
+    email: r.doc.profile.email,
+    phoneNumber: r.doc.profile.phoneNo,
+    registrationNumber: r.doc.profile.regNo,
+    address: r.doc.profile.address
+  };
+}
+function it(r, v) {
+  const c = Re(), a = G();
+  a.watchLocation(async () => {
+    await c.readSuppliers();
+    const i = r();
+    if (i.supplier._id) return;
+    const u = c.suppliers[0], f = a.locations[0];
+    v({
+      ...i,
+      supplier: u ? W(u) : f ? J(f) : i.supplier
+    });
+  });
+  const d = A(
+    () => {
+      var i, u;
+      return typeof ((u = (i = r()) == null ? void 0 : i.supplier) == null ? void 0 : u.internal) == "string" ? k.TRANSFER : k.PURCHASE;
+    }
+  ), T = A({
+    get() {
+      var i, u;
+      return (u = (i = r()) == null ? void 0 : i.supplier) == null ? void 0 : u._id;
+    },
+    set(i) {
+      const u = r() ?? {};
+      if (d.value === k.PURCHASE) {
+        const _ = c.suppliers.find((x) => x._id === i);
+        v({
+          ...u,
+          supplier: _ ? W(_) : u.supplier
+        });
+        return;
+      }
+      const p = a.locations.find((_) => _.doc._id === i);
+      v({
+        ...u,
+        supplier: p ? J(p) : u.supplier
+      });
+    }
+  }), s = A(() => c.suppliers.map(W)), t = A(() => {
+    var u;
+    const i = ((u = a._currentLocation) == null ? void 0 : u.type) === _e.warehouse;
+    return a.locations.filter((f) => {
+      var _;
+      return !(f.dbName === ((_ = a._currentLocation) == null ? void 0 : _.dbName)) && (!i || f.type === _e.warehouse) && f.acceptRequest;
+    }).map(J);
+  }), m = A(() => d.value === k.PURCHASE ? s.value.map((u) => ({
+    label: u.name,
+    value: u._id
+  })) : t.value.map((u) => ({
+    label: u.name,
+    sublabel: u.internal ? `${u.internal}` : void 0,
+    value: u._id
+  }))), y = A(() => {
+    var p, _;
+    const i = (_ = (p = r()) == null ? void 0 : p.supplier) == null ? void 0 : _._id;
+    if (d.value === k.PURCHASE) {
+      const x = c.suppliers.find((I) => I._id === i);
+      return x ? W(x) : null;
+    }
+    const f = a.locations.find((x) => x.doc._id);
+    return f ? J(f) : null;
+  });
+  return {
+    transferLocationModel: T,
+    transferLocationOptions: m,
+    locationOptionsTypePurchase: s,
+    locationOptionsTypeTransfer: t,
+    selectedLocation: y
+  };
+}
+var w = /* @__PURE__ */ ((r) => (r.Code = "Code", r.Name = "Name", r.Amount = "Amount", r.MinimumAmount = "MinimumAmount", r.Step = "Step", r.Cost = "Cost", r.Delete = "Delete", r))(w || {});
+const ut = () => {
+  const { t: r } = H();
+  return O(
+    Ve,
+    {
+      zIndex: 50,
+      class: "whitespace-nowrap"
+    },
+    r("inventory.transfer.form.items.table.Cost", [De()])
+  );
+};
+function ct(r) {
+  const { t: v } = H(), c = ke({});
+  Pe(() => {
+    for (const s of r.items) {
+      if (!s.totalCost)
+        continue;
+      const t = X(s.sku, s.quantity, s.measurement, {
+        supplier: r.supplier
+      }), m = s.totalCost ?? ge.reset();
+      t ? c[s.sku._id] = t.amount !== m.amount || t.precision !== m.precision : c[s.sku._id] = !0;
+    }
+  });
+  function a(s) {
+    var m, y;
+    return !!(s.defaultCost ?? ((y = (m = r.supplier) == null ? void 0 : m.supplyItems) == null ? void 0 : y.find((i) => i.skuId === s._id)));
+  }
+  const d = [
+    {
+      id: "Code",
+      header: () => v("inventory.transfer.form.items.table.Code"),
+      accessorKey: "code",
+      size: 96,
+      cell(s) {
+        const t = s.row.original;
+        return O(M.FmTextField, {
+          modelValue: t.code,
+          "onUpdate:modelValue": (m) => {
+            r.updateItem({
+              ...t,
+              code: m
+            });
+          },
+          key: t.sku._id,
+          rules: [oe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => v("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      cell(s) {
+        const t = s.row.original;
+        return O(M.FmTextField, {
+          modelValue: t.name,
+          "onUpdate:modelValue": (m) => {
+            r.updateItem({
+              ...t,
+              name: m
+            });
+          },
+          key: t.sku._id,
+          rules: [oe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Amount",
+      header: () => v("inventory.transfer.form.items.table.Amount2"),
+      minSize: 150,
+      cell(s) {
+        const t = s.row.original;
+        return O(Te, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: t.quantity ?? { amount: 1, precision: 0 },
+            measurement: t.measurement ?? null
+          },
+          key: t.sku._id,
+          unit: t.sku.unit,
+          "onUpdate:modelValue": (m) => {
+            r.updateItem({
+              ...t,
+              quantity: m.amount,
+              measurement: m.measurement
+            });
+          },
+          rules: [
+            We(
+              +Y(
+                t.minimumQuantity ?? {
+                  amount: 1,
+                  precision: Ce(t.sku.unit, t.measurement)
+                }
+              )
+            )
+          ],
+          applyDefaultRules: !0
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "MinimumAmount",
+      header: () => v("inventory.transfer.form.items.table.MinimumAmount2"),
+      minSize: 124,
+      cell(s) {
+        const t = s.row.original;
+        return O(Te, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: t.minimumQuantity ?? {
+              amount: 1,
+              precision: Ce(t.sku.unit, t.measurement)
+            },
+            measurement: t.measurement ?? null
+          },
+          key: t.sku._id,
+          unit: t.sku.unit,
+          "onUpdate:modelValue": (m) => {
+            r.updateItem({
+              ...t,
+              minimumQuantity: m.amount
+            });
+          },
+          rules: [Je(0)],
+          disableUnit: !0,
+          applyDefaultRules: !0
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Step",
+      header: () => v("inventory.transfer.form.items.table.Step"),
+      minSize: 100,
+      cell(s) {
+        const t = s.row.original;
+        return O(M.FmTextField, {
+          modelValue: Y(t.quantityStep ?? ge.reset(), !1),
+          key: t.sku._id,
+          "onUpdate:modelValue": (m) => {
+            r.updateItem({
+              ...t,
+              quantityStep: we(+m)
+            });
+          },
+          rules: [re(0), Se(t.sku.unit, t.measurement)]
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Cost",
+      header: ut,
+      size: 180,
+      cell(s) {
+        const t = s.row.original, m = a(t.sku);
+        return !c[t.sku._id] && m ? O(
+          "div",
+          {
+            class: "flex gap-4 fm-typo-en-body-md-400 items-center"
+          },
+          [
+            O(M.FmButton, {
+              prependIcon: "edit",
+              variant: te.Tertiary,
+              onClick() {
+                r.updateItem({
+                  ...t,
+                  totalCost: X(t.sku, t.quantity, t.measurement, {
+                    supplier: r.supplier
+                  })
+                }), c[t.sku._id] = !0;
+              }
+            }),
+            O(
+              "div",
+              {
+                class: "flex flex-col"
+              },
+              [
+                O(
+                  "span",
+                  Y(
+                    X(t.sku, t.quantity, t.measurement, {
+                      supplier: r.supplier
+                    })
+                  )
+                ),
+                O(
+                  "span",
+                  {
+                    class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
+                  },
+                  "Auto-calculated"
+                )
+              ]
+            )
+          ]
+        ) : O(
+          M.FmTextField,
+          {
+            modelValue: Y(t.totalCost ?? { amount: 0, precision: 0 }),
+            key: t.sku._id,
+            "onUpdate:modelValue": (y) => {
+              r.updateItem({
+                ...t,
+                totalCost: {
+                  ...we(+y),
+                  currency: Xe()
+                }
+              });
+            },
+            rules: [re(0), Se(2)]
+          },
+          m ? {
+            append() {
+              return O(M.FmButton, {
+                prependIcon: "close",
+                variant: "tertiary",
+                onClick() {
+                  r.updateItem({
+                    ...t,
+                    totalCost: null
+                  }), c[t.sku._id] = !1;
+                }
+              });
+            }
+          } : {}
+        );
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Delete",
+      header: "",
+      cell(s) {
+        return O(M.FmButton, {
+          class: "delete-button",
+          type: "button",
+          icon: "delete",
+          variant: "tertiary",
+          size: "md",
+          onClick: () => {
+            r.deleteItem(s.row.original);
+          }
+        });
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: A(() => Ze().enableTotalCost && r.transferType === k.PURCHASE ? d : d.filter((t) => t.id !== "Cost"))
+  };
+}
+function mt(r = "modelValue") {
+  var T, s;
+  const v = ((T = ve()) == null ? void 0 : T.props) ?? {}, c = ((s = ve()) == null ? void 0 : s.emit) ?? (() => {
+  }), a = ke(Ie(v[r])), d = `update:${Ge(r)}`;
+  return se(a, (t) => {
+    c(d, t);
+  }), a;
+}
+const pt = { class: "flex flex-col gap-8 py-16" }, dt = { class: "flex items-center" }, ft = { class: "flex-1 flex gap-1 items-center" }, yt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, vt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ht = { class: "flex gap-8 w-full" }, bt = { class: "flex-1 flex flex-col gap-4" }, _t = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), gt = { class: "flex-1 flex flex-col gap-4" }, Tt = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Ct = { class: "flex gap-8 w-full" }, wt = { class: "flex-1 flex flex-col gap-4" }, St = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), xt = { class: "flex-1 flex flex-col gap-4" }, kt = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), At = { class: "flex gap-8 w-full" }, Ot = { class: "flex-1 flex flex-col gap-4" }, Ft = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), It = { class: "flex-1 flex flex-col gap-4" }, Dt = /* @__PURE__ */ h("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Rt = /* @__PURE__ */ Z({
+  __name: "TransferTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup(r) {
+    const { t: v } = H();
+    return (c, a) => {
+      var T, s, t, m, y, i, u, f, p, _, x, I, V, n, e, l, g, F, S, P, D, C, q, K, le, ie, ue, ce, j, me, pe, de, fe, Q, ye;
+      const d = R("FmLabel");
+      return E(), Ae("div", pt, [
+        h("div", dt, [
+          h("div", ft, [
+            h("span", yt, " (" + ee(c.row.original.sku.code) + ") ", 1),
+            h("span", vt, ee(c.row.original.sku.name), 1)
+          ]),
+          h("div", null, [
+            b(o(B), {
+              render: (t = (s = (T = c.cellByColId.Delete) == null ? void 0 : T.column) == null ? void 0 : s.columnDef) == null ? void 0 : t.cell,
+              props: (y = (m = c.cellByColId.Delete) == null ? void 0 : m.getContext) == null ? void 0 : y.call(m)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        h("div", ht, [
+          h("div", bt, [
+            b(d, {
+              label: o(v)(`inventory.transfer.form.items.table.${o(w).Code}`)
+            }, null, 8, ["label"]),
+            b(o(B), {
+              render: (f = (u = (i = c.cellByColId[o(w).Code]) == null ? void 0 : i.column) == null ? void 0 : u.columnDef) == null ? void 0 : f.cell,
+              props: (_ = (p = c.cellByColId[o(w).Code]) == null ? void 0 : p.getContext) == null ? void 0 : _.call(p)
+            }, null, 8, ["render", "props"]),
+            _t
+          ]),
+          h("div", gt, [
+            b(d, {
+              label: o(v)(`inventory.transfer.form.items.table.${o(w).Name}`)
+            }, null, 8, ["label"]),
+            b(o(B), {
+              render: (V = (I = (x = c.cellByColId[o(w).Name]) == null ? void 0 : x.column) == null ? void 0 : I.columnDef) == null ? void 0 : V.cell,
+              props: (e = (n = c.cellByColId[o(w).Name]) == null ? void 0 : n.getContext) == null ? void 0 : e.call(n)
+            }, null, 8, ["render", "props"]),
+            Tt
+          ])
+        ]),
+        h("div", Ct, [
+          h("div", wt, [
+            b(d, {
+              label: o(v)(`inventory.transfer.form.items.table.${o(w).MinimumAmount}`)
+            }, null, 8, ["label"]),
+            b(o(B), {
+              render: (F = (g = (l = c.cellByColId[o(w).MinimumAmount]) == null ? void 0 : l.column) == null ? void 0 : g.columnDef) == null ? void 0 : F.cell,
+              props: (P = (S = c.cellByColId[o(w).MinimumAmount]) == null ? void 0 : S.getContext) == null ? void 0 : P.call(S)
+            }, null, 8, ["render", "props"]),
+            St
+          ]),
+          h("div", xt, [
+            b(d, {
+              label: o(v)(`inventory.transfer.form.items.table.${o(w).Step}`)
+            }, null, 8, ["label"]),
+            b(o(B), {
+              render: (q = (C = (D = c.cellByColId[o(w).Step]) == null ? void 0 : D.column) == null ? void 0 : C.columnDef) == null ? void 0 : q.cell,
+              props: (le = (K = c.cellByColId[o(w).Step]) == null ? void 0 : K.getContext) == null ? void 0 : le.call(K)
+            }, null, 8, ["render", "props"]),
+            kt
+          ])
+        ]),
+        h("div", At, [
+          h("div", Ot, [
+            b(d, {
+              label: o(v)(`inventory.transfer.form.items.table.${o(w).Amount}`)
+            }, null, 8, ["label"]),
+            b(o(B), {
+              render: (ce = (ue = (ie = c.cellByColId[o(w).Amount]) == null ? void 0 : ie.column) == null ? void 0 : ue.columnDef) == null ? void 0 : ce.cell,
+              props: (me = (j = c.cellByColId[o(w).Amount]) == null ? void 0 : j.getContext) == null ? void 0 : me.call(j)
+            }, null, 8, ["render", "props"]),
+            Ft
+          ]),
+          h("div", It, [
+            b(Ve, { "z-index": 50 }, {
+              default: U(() => [
+                b(d, {
+                  label: o(v)(`inventory.transfer.form.items.table.${o(w).Cost}`, [o(De)()])
+                }, null, 8, ["label"])
+              ]),
+              _: 1
+            }),
+            b(o(B), {
+              render: (fe = (de = (pe = c.cellByColId[o(w).Cost]) == null ? void 0 : pe.column) == null ? void 0 : de.columnDef) == null ? void 0 : fe.cell,
+              props: (ye = (Q = c.cellByColId[o(w).Cost]) == null ? void 0 : Q.getContext) == null ? void 0 : ye.call(Q)
+            }, null, 8, ["render", "props"]),
+            Dt
+          ])
+        ])
+      ]);
+    };
+  }
+}), Vt = { class: "flex flex-col gap-16" }, Pt = { class: "flex flex-col gap-24" }, $t = { class: "flex flex-col gap-16" }, Et = { class: "flex" }, Ut = /* @__PURE__ */ h("div", { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, "Transfer items", -1), Mt = /* @__PURE__ */ Z({
+  __name: "TransferTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(r, { expose: v }) {
+    const c = r, a = mt(), { t: d } = H(), T = G(), s = et(), t = Re();
+    se(
+      () => c.modelValue,
+      (n) => {
+        console.log("TransferTemplateForm.model", n);
+      }
+    ), T.watchLocation(async () => {
+      location && (a.purchaseOrder.supplier || (a.purchaseOrder.supplier = t.suppliers.find((n) => n) ?? a.purchaseOrder.supplier));
+    });
+    const m = Oe(), y = it(
+      () => a.purchaseOrder,
+      (n) => {
+        a.purchaseOrder = {
+          ...a.purchaseOrder,
+          ...n
+        };
+      }
+    ), i = A({
+      get() {
+        var n, e;
+        return typeof ((e = (n = a.purchaseOrder) == null ? void 0 : n.supplier) == null ? void 0 : e.internal) == "string" ? k.TRANSFER : k.PURCHASE;
+      },
+      set(n) {
+        var l, g;
+        const e = typeof ((g = (l = a.purchaseOrder) == null ? void 0 : l.supplier) == null ? void 0 : g.internal) == "string" ? k.TRANSFER : k.PURCHASE;
+        n !== e && (a.purchaseOrder.supplier = n === k.PURCHASE ? y.locationOptionsTypePurchase.value[0] : y.locationOptionsTypeTransfer.value[0]);
+      }
+    }), u = A(() => y.transferLocationOptions.value), f = A({
+      get() {
+        return a.purchaseOrder.supplier._id;
+      },
+      set(n) {
+        y.transferLocationModel.value = n;
+      }
+    }), p = A({
+      get() {
+        return a.purchaseOrder.remark ?? void 0;
+      },
+      set(n) {
+        a.purchaseOrder.remark = n;
+      }
+    }), _ = $();
+    v({
+      validateInputs: () => {
+        var n, e;
+        (e = (n = _.value) == null ? void 0 : n.validateInputs) == null || e.call(n);
+      },
+      resetInputsValidation: () => {
+        var n, e;
+        (e = (n = _.value) == null ? void 0 : n.resetInputsValidation) == null || e.call(n);
+      },
+      resetInputs: () => {
+        var n, e;
+        (e = (n = _.value) == null ? void 0 : n.resetInputs) == null || e.call(n);
+      }
+    });
+    const x = ct({
+      updateItem: (n) => {
+        a.purchaseOrder.items = a.purchaseOrder.items.map((e) => e.sku._id !== n.sku._id ? e : n);
+      },
+      deleteItem: (n) => {
+        a.purchaseOrder.items = a.purchaseOrder.items.filter(
+          (e) => e.sku._id !== n.sku._id
+        );
+      },
+      get supplier() {
+        return a.purchaseOrder.supplier;
+      },
+      get items() {
+        return a.purchaseOrder.items;
+      },
+      get transferType() {
+        return i.value;
+      }
+    }), I = A(() => x.columnDefs.value);
+    function V() {
+      const n = s.skus.map((l) => ({
+        label: l.name,
+        sublabel: l.code,
+        value: l
+      })), e = n.filter((l) => {
+        var g;
+        return (g = a.purchaseOrder.items) == null ? void 0 : g.find((F) => F.sku._id === l.value._id);
+      }).map((l) => l.value);
+      m.open({
+        title: "Select item",
+        closeButton: !0,
+        contentComponent: tt,
+        contentComponentProps: {
+          modelValue: e,
+          items: n
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((l) => {
+        const g = a.purchaseOrder.items ?? [], F = l.map((S) => {
+          const P = g.find((C) => C.sku._id === S._id);
+          if (P)
+            return P;
+          const D = {
+            sku: S,
+            code: S.code,
+            name: S.name,
+            quantity: {
+              amount: 1,
+              precision: 0
+            }
+          };
+          return i.value == k.PURCHASE && (D.totalCost = X(
+            D.sku,
+            D.quantity,
+            D.measurement,
+            {
+              supplier: a.purchaseOrder.supplier
+            }
+          )), D;
+        });
+        F.sort((S, P) => S.sku.code.localeCompare(P.sku.code)), a.purchaseOrder.items = F;
+      });
+    }
+    return (n, e) => {
+      const l = R("FmTextField"), g = R("FmSelect"), F = R("FmTextarea"), S = R("FmButton"), P = R("FmTable"), D = R("FmForm");
+      return E(), z(D, {
+        ref_key: "formRef",
+        ref: _,
+        class: "flex flex-col gap-32"
+      }, {
+        default: U(() => [
+          h("div", Vt, [
+            h("div", Pt, [
+              b(l, {
+                label: o(d)("inventory.transfer.form.name"),
+                "label-mark": "required",
+                modelValue: o(a).name,
+                "onUpdate:modelValue": e[0] || (e[0] = (C) => o(a).name = C),
+                rules: [o(oe)()]
+              }, null, 8, ["label", "modelValue", "rules"]),
+              b(g, {
+                label: o(d)("inventory.transfer.form.type.title"),
+                "model-value": i.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (C) => i.value = C),
+                items: [
+                  {
+                    label: o(d)(
+                      `inventory.transfer.form.type.${o(k).PURCHASE.toLocaleLowerCase()}`
+                    ),
+                    value: o(k).PURCHASE,
+                    disabled: !o(y).locationOptionsTypePurchase.value.length,
+                    sublabel: o(y).locationOptionsTypePurchase.value.length ? void 0 : "No supplier available"
+                  },
+                  {
+                    label: o(d)(
+                      `inventory.transfer.form.type.${o(k).TRANSFER.toLocaleLowerCase()}`
+                    ),
+                    value: o(k).TRANSFER,
+                    disabled: !o(y).locationOptionsTypeTransfer.value.length,
+                    sublabel: o(y).locationOptionsTypeTransfer.value.length ? void 0 : "No location available"
+                  }
+                ],
+                rules: [o(re)(1)(u.value)]
+              }, null, 8, ["label", "model-value", "items", "rules"]),
+              b(g, {
+                label: i.value === o(k).PURCHASE ? "Purchase from" : "Transfer from",
+                modelValue: f.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (C) => f.value = C),
+                items: u.value
+              }, null, 8, ["label", "modelValue", "items"]),
+              b(l, {
+                label: "Reference",
+                "label-mark": "optional",
+                modelValue: o(a).purchaseOrder.ref,
+                "onUpdate:modelValue": e[3] || (e[3] = (C) => o(a).purchaseOrder.ref = C)
+              }, null, 8, ["modelValue"]),
+              b(F, {
+                label: "Remark",
+                "label-mark": "optional",
+                "max-length": 240,
+                modelValue: p.value,
+                "onUpdate:modelValue": e[4] || (e[4] = (C) => p.value = C)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          h("div", $t, [
+            h("div", Et, [
+              Ut,
+              b(S, {
+                disabled: n.disabled,
+                label: "Add Item",
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: e[5] || (e[5] = (C) => V()),
+                size: "md"
+              }, null, 8, ["disabled"])
+            ]),
+            (E(), z(P, {
+              "column-defs": I.value,
+              "row-data": o(a).purchaseOrder.items,
+              key: o(a).purchaseOrder.items.map((C) => C.sku._id).join(".")
+            }, {
+              "list-row": U((C) => [
+                (E(), z(at, {
+                  row: C,
+                  key: o(a).purchaseOrder.items.map((q) => q.sku._id).join(".")
+                }, {
+                  default: U((q) => [
+                    b(Rt, {
+                      row: C,
+                      "cell-by-col-id": q
+                    }, null, 8, ["row", "cell-by-col-id"])
+                  ]),
+                  _: 2
+                }, 1032, ["row"]))
+              ]),
+              _: 1
+            }, 8, ["column-defs", "row-data"]))
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), Bt = { class: "flex items-center" }, Lt = { class: "fm-typo-en-title-md-800" }, Nt = { class: "flex gap-4" }, zt = /* @__PURE__ */ Z({
+  __name: "TransferTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(r, { expose: v, emit: c }) {
+    var n;
+    const a = r, d = c, T = ne(), s = Fe(), t = Ne(a, "show");
+    function m() {
+      return {
+        _id: "",
+        name: "",
+        purchaseOrder: {
+          remark: void 0,
+          ref: void 0,
+          stockSnapshotId: void 0,
+          effectiveAt: void 0,
+          items: [],
+          supplier: {
+            _rev: void 0,
+            email: void 0,
+            internal: void 0,
+            contactName: void 0,
+            phoneNumber: void 0,
+            registrationNumber: void 0,
+            supplyItems: void 0,
+            _id: "",
+            name: "",
+            address: {
+              line2: void 0,
+              line1: "",
+              state: "",
+              city: "",
+              postcode: "",
+              country: ""
+            }
+          }
+        }
+      };
+    }
+    const y = $(a.modelValue ?? m()), i = $(((n = a.modelValue) == null ? void 0 : n._id) ?? `${Math.random()}`);
+    se(
+      () => a.show,
+      (e) => {
+        var l;
+        e && (y.value = a.modelValue ?? m(), i.value = ((l = a.modelValue) == null ? void 0 : l._id) ?? `${Math.random()}`);
+      }
+    );
+    const u = $(!1), f = A(() => {
+      switch (a.mode) {
+        case L.READ:
+          return "View template";
+        case L.CREATE:
+          return "Add template";
+        case L.UPDATE:
+          return "Edit template";
+      }
+      return "";
+    }), p = $();
+    v({
+      validateInputs: () => {
+        var e, l;
+        (l = (e = p.value) == null ? void 0 : e.validateInputs) == null || l.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, l;
+        (l = (e = p.value) == null ? void 0 : e.resetInputsValidation) == null || l.call(e);
+      },
+      resetInputs: () => {
+        var e, l;
+        (l = (e = p.value) == null ? void 0 : e.resetInputs) == null || l.call(e);
+      }
+    });
+    async function _() {
+      const e = y.value;
+      if (e) {
+        u.value = !0, (e.purchaseOrder.supplier.internal === "warehouse" || e.purchaseOrder.supplier.internal === "restaurant") && (e.purchaseOrder.items = e.purchaseOrder.items.map(
+          ({ totalCost: l, ...g }) => g
+        ));
+        try {
+          await T.createTemplate(e), await new Promise((l) => setTimeout(l, 1e3)), s.open({
+            title: "Created",
+            message: "Your transfer template has been created!",
+            type: "success"
+          }), d("update:show", !1), d("submitted");
+        } catch (l) {
+          s.open({
+            title: "Cannot create transfer template",
+            message: "Report to system administrator for troubleshooting.",
+            type: "error"
+          }), console.error("Error in creating transfer template", l);
+        } finally {
+          u.value = !1;
+        }
+      }
+    }
+    async function x() {
+      const e = y.value;
+      if (e) {
+        u.value = !0, (e.purchaseOrder.supplier.internal === "warehouse" || e.purchaseOrder.supplier.internal === "restaurant") && (e.purchaseOrder.items = e.purchaseOrder.items.map(
+          ({ totalCost: l, ...g }) => g
+        ));
+        try {
+          await T.updateTemplate(e), await new Promise((l) => setTimeout(l, 1e3)), s.open({
+            title: "Updated",
+            message: "Your transfer template has been updated!",
+            type: "success"
+          }), d("update:show", !1), d("submitted");
+        } catch (l) {
+          s.open({
+            title: "Cannot update transfer template",
+            message: "Report to system administrator for troubleshooting.",
+            type: "error"
+          }), console.error("Error in updating transfer template", l);
+        } finally {
+          u.value = !1;
+        }
+      }
+    }
+    function I() {
+      switch (a.mode) {
+        case L.CREATE:
+          return _();
+        case L.UPDATE:
+          return x();
+      }
+    }
+    function V() {
+      var e, l;
+      (l = (e = p.value) == null ? void 0 : e.validateInputs) == null || l.call(e);
+    }
+    return (e, l) => {
+      const g = R("FmButton"), F = R("FmSideSheet");
+      return E(), z(F, {
+        modelValue: o(t),
+        "onUpdate:modelValue": l[2] || (l[2] = (S) => $e(t) ? t.value = S : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 900
+      }, {
+        "side-sheet-header": U(() => [
+          h("div", Bt, [
+            h("div", Lt, ee(f.value), 1)
+          ])
+        ]),
+        default: U(() => [
+          (E(), z(Mt, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: p,
+            onValidationSuccess: I,
+            "model-value": y.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (S) => y.value = S),
+            disabled: u.value,
+            key: i.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": U(() => [
+          h("div", Nt, [
+            b(g, {
+              loading: u.value,
+              label: "Save",
+              onClick: V
+            }, null, 8, ["loading"]),
+            b(g, {
+              disabled: u.value,
+              variant: "tertiary",
+              label: "Close",
+              onClick: l[1] || (l[1] = (S) => d("update:show", !1))
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), qt = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 h-full" }, ro = /* @__PURE__ */ Z({
+  __name: "TransferTemplateView",
+  setup(r) {
+    const { t: v } = H(), { createTemplate: c, viewTemplate: a } = ae(), { templateDialogProps: d, transferFormDialogProps: T } = He(ae()), s = lt(), t = st(), m = G(), { breakpoints: y } = ze();
+    m.watchLocation(s.fetchTemplates);
+    const i = A(
+      () => s.loading.value || !m._currentLocation
+    ), u = A(() => s.templates.value), f = $(""), p = A(() => y.value.xs || y.value.sm ? 10 : 20);
+    function _(V) {
+      switch (V) {
+        case N.Add:
+          return c();
+      }
+    }
+    const x = nt();
+    function I() {
+      x.push({ name: ot.RECEIVE_REQUEST });
+    }
+    return (V, n) => {
+      const e = R("FmTable");
+      return E(), Ae(Ee, null, [
+        b(Be, {
+          title: o(v)("inventory.transfer.template.title2"),
+          actions: [
+            {
+              label: o(v)("inventory.transfer.template.create.title"),
+              value: o(N).Add,
+              isPrimary: !0,
+              prependIcon: "add"
+            }
+          ],
+          "onClick:action": _
+        }, {
+          default: U(() => {
+            var l;
+            return [
+              h("div", qt, [
+                b(Le, {
+                  searchable: "",
+                  "change-location": "",
+                  search: f.value,
+                  "onUpdate:search": n[0] || (n[0] = (g) => f.value = g),
+                  actions: [{ icon: "refresh", onClick: o(s).fetchTemplates }]
+                }, null, 8, ["search", "actions"]),
+                (E(), z(e, {
+                  style: Ue(o(t).tableHeight),
+                  "column-defs": o(s).columnDefs,
+                  "row-data": u.value,
+                  "search-value": f.value,
+                  loading: i.value,
+                  key: (l = o(m)._currentLocation) == null ? void 0 : l.dbName,
+                  onRowClick: n[1] || (n[1] = (g) => o(a)(g.original)),
+                  "page-size": p.value
+                }, null, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (E(), z(Me, { to: "body" }, [
+          b(Ke, he(o(T), { onSubmitted: I }), null, 16),
+          b(zt, he(o(d), {
+            onSubmitted: n[2] || (n[2] = (l) => o(s).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  ro as default
+};