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

package/dist/TransferTemplateView-q0cwx2wS.js

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