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

package/dist/TransferTemplateView-HgaSR8L8.js

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