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

package/dist/TransferTemplateView-C1hmdeKM.js

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