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

package/dist/TransferTemplateView-C1hmdeKM.js

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