@feedmepos/mf-inventory-portal 0.0.19-dev.12 → 0.0.19-dev.14

package/dist/TransferTemplateView-B23JFk-I.js

@@ -1,1101 +0,0 @@
-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-rDMoAXyd.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-Bdby-n4P.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-DDxzU9iC.js";
-import { F as U, _ as Me, u as it } from "./layout-DcSLry7F.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-D0c31GiL.js";
-import { _ as Ee } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-B_kVFkxk.js";
-import { useRouter as yt } from "vue-router";
-import { u as vt } from "./supplier-CQXRbSC3.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(), p = 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 ? p[n.sku._id] = t.amount !== d.amount || t.precision !== d.precision : p[n.sku._id] = !0;
-    }
-  });
-  function c(n) {
-    var d, f, h, x, w, S, R;
-    return !!(((f = (d = n.defaultCost) == null ? void 0 : d.costPerUnit) == null ? void 0 : f.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 = c(t.sku), f = i.value.xs || i.value.sm;
-        return !p[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
-                  })
-                }), p[t.sku._id] = !0;
-              },
-              disabled: u.disabled
-            }),
-            D(
-              "div",
-              {
-                class: "flex flex-col"
-              },
-              [
-                D(
-                  "span",
-                  {
-                    class: [u.disabled ? "text-fm-color-typo-disabled" : ""]
-                  },
-                  f ? 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 f ? 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
-                  }), p[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 (p, i) => {
-      var v, g, n, t, d, f, 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 c = O("FmLabel");
-      return F(), z("div", ht, [
-        s("div", gt, [
-          s("div", xt, [
-            s("span", Ct, " (" + k(p.row.original.sku.code) + ") ", 1),
-            s("span", kt, k(p.row.original.sku.name), 1)
-          ]),
-          s("div", null, [
-            m(e(U), {
-              render: (n = (g = (v = p.cellByColId.Delete) == null ? void 0 : v.column) == null ? void 0 : g.columnDef) == null ? void 0 : n.cell,
-              props: (d = (t = p.cellByColId.Delete) == null ? void 0 : t.getContext) == null ? void 0 : d.call(t)
-            }, null, 8, ["render", "props"])
-          ])
-        ]),
-        s("div", Tt, [
-          s("div", wt, [
-            m(c, {
-              label: e(T)(`inventory.transfer.form.items.table.${e($).Code}`)
-            }, null, 8, ["label"]),
-            m(e(U), {
-              render: (x = (h = (f = p.cellByColId[e($).Code]) == null ? void 0 : f.column) == null ? void 0 : h.columnDef) == null ? void 0 : x.cell,
-              props: (S = (w = p.cellByColId[e($).Code]) == null ? void 0 : w.getContext) == null ? void 0 : S.call(w)
-            }, null, 8, ["render", "props"]),
-            St
-          ]),
-          s("div", $t, [
-            m(c, {
-              label: e(T)(`inventory.transfer.form.items.table.${e($).Name}`)
-            }, null, 8, ["label"]),
-            m(e(U), {
-              render: (q = (M = (R = p.cellByColId[e($).Name]) == null ? void 0 : R.column) == null ? void 0 : M.columnDef) == null ? void 0 : q.cell,
-              props: (l = (a = p.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(c, {
-              label: e(T)(`inventory.transfer.form.items.table.${e($).MinimumAmount}`)
-            }, null, 8, ["label"]),
-            m(e(U), {
-              render: (C = (r = (o = p.cellByColId[e($).MinimumAmount]) == null ? void 0 : o.column) == null ? void 0 : r.columnDef) == null ? void 0 : C.cell,
-              props: (y = (_ = p.cellByColId[e($).MinimumAmount]) == null ? void 0 : _.getContext) == null ? void 0 : y.call(_)
-            }, null, 8, ["render", "props"]),
-            Ot
-          ]),
-          s("div", Rt, [
-            m(c, {
-              label: e(T)(`inventory.transfer.form.items.table.${e($).Step}`)
-            }, null, 8, ["label"]),
-            m(e(U), {
-              render: (P = (b = (A = p.cellByColId[e($).Step]) == null ? void 0 : A.column) == null ? void 0 : b.columnDef) == null ? void 0 : P.cell,
-              props: (K = (L = p.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(c, {
-              label: e(T)(`inventory.transfer.form.items.table.${e($).DefaultAmount}`)
-            }, null, 8, ["label"]),
-            m(e(U), {
-              render: (W = (J = (G = p.cellByColId[e($).DefaultAmount]) == null ? void 0 : G.column) == null ? void 0 : J.columnDef) == null ? void 0 : W.cell,
-              props: (X = (B = p.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(c, {
-                  label: e(T)(`inventory.transfer.form.items.table.${e($).Cost}2`)
-                }, null, 8, ["label"])
-              ]),
-              _: 1
-            }),
-            m(e(U), {
-              render: (te = (ee = (Z = p.cellByColId[e($).Cost]) == null ? void 0 : Z.column) == null ? void 0 : ee.columnDef) == null ? void 0 : te.cell,
-              props: (se = (N = p.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 p = u, i = Je(), { t: c } = Y(), v = Ie(), g = at(), n = vt();
-    Fe(
-      () => p.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
-        };
-      }
-    ), f = 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 f.value;
-      },
-      get disabled() {
-        return p.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: c("inventory.transfer.form.items.selectItem"),
-        closeButton: !0,
-        contentComponent: lt,
-        contentComponentProps: {
-          modelValue: l,
-          items: a
-        },
-        primaryActions: {
-          text: c("common.confirm"),
-          close: !0
-        },
-        secondaryActions: {
-          text: c("common.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 f.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(c)("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(c)("inventory.transfer.form.type.title"),
-                "model-value": f.value,
-                "onUpdate:modelValue": l[1] || (l[1] = (b) => f.value = b),
-                items: [
-                  {
-                    label: e(c)(
-                      `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(c)("inventory.transfer.form.noSupplierAvailable")
-                  },
-                  {
-                    label: e(c)(
-                      `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(c)("inventory.transfer.form.noLocationAvailable")
-                  }
-                ],
-                rules: [e(me)(1)(h.value)]
-              }, null, 8, ["label", "model-value", "items", "rules"]),
-              m(r, {
-                label: f.value === e(V).PURCHASE ? e(c)("inventory.transfer.form.purchaseFrom") : e(c)("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(c)("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(c)("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(c)("inventory.transfer.form.items.title")), 1),
-              m(_, {
-                disabled: a.disabled,
-                label: e(c)("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: p }) {
-    var l;
-    const i = u, c = p, 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 f = Q(i.modelValue ?? d()), h = Q(((l = i.modelValue) == null ? void 0 : l._id) ?? `${Math.random()}`);
-    Fe(
-      () => i.show,
-      (o) => {
-        var r;
-        o && (f.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 = f.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"
-          }), c("update:show", !1), c("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 = f.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"
-          }), c("update:show", !1), c("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": f.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (y) => f.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) => c("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 p = u, i = T, c = Ve(), { t: v } = Y(), g = E(() => {
-      var f;
-      return (f = p.template) == null ? void 0 : f.purchaseOrder;
-    }), n = E(
-      () => {
-        var f, h, x, w;
-        return ((h = (f = g.value) == null ? void 0 : f.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(p, "show");
-    return (f, 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 = f.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 = f.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(c).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: p, viewTemplate: i } = xe(), { templateDialogProps: c, transferFormDialogProps: v, templateDetailsProps: g } = ct(
-      xe()
-    ), n = Ze(), t = it(), d = Ie(), { breakpoints: f } = Pe();
-    d.watchLocation(n.fetchTemplates);
-    const h = E(
-      () => n.loading.value || !d._currentLocation
-    ), x = E(() => n.templates.value), w = Q(""), S = E(() => f.value.xs || f.value.sm ? 10 : 20);
-    function R(l) {
-      switch (l) {
-        case Ce.Add:
-          return p();
-      }
-    }
-    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(c), {
-            onSubmitted: o[2] || (o[2] = (C) => e(n).fetchTemplates())
-          }), null, 16)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  Xs as default
-};