@feedmepos/mf-inventory-portal 0.0.19-dev.9 → 0.0.20-dev.1

package/dist/TransferTemplateView-Cymhrayh.js

@@ -1,933 +0,0 @@
-import { reactive as Re, onMounted as $e, computed as R, h as T, defineComponent as ne, resolveComponent as I, openBlock as P, createElementBlock as we, createElementVNode as n, toDisplayString as re, createVNode as m, unref as o, withCtx as $, watch as Se, ref as Q, createBlock as j, isRef as Pe, Fragment as Ee, normalizeStyle as Ue, Teleport as Me, mergeProps as _e } from "vue";
-import { _ as Be, a as Ne } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DFPkUHl-.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-CyFMCmXw.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-CeUU5Gd8.js";
-import { F, _ as Oe, u as et } from "./layout-2zzAZIVO.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 A } from "./purchase-order-transaction-type-Dz0YF5qh.js";
-import { _ as Ve } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-BpyUheXn.js";
-import { useRouter as rt } from "vue-router";
-import { u as nt } from "./supplier-mDVKd7Ge.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: v } = 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, _;
-    return !!(i.defaultCost ?? ((_ = (r = u.supplier) == null ? void 0 : r.supplyItems) == null ? void 0 : _.find((h) => h.skuId === i._id)));
-  }
-  const w = [
-    {
-      id: "Code",
-      header: () => v("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: () => v("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: () => v("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: () => v("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: () => v("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), _ = 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",
-                  _ ? 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": (h) => {
-              u.updateItem({
-                ...t,
-                totalCost: {
-                  ...Te(+h),
-                  currency: Ge()
-                }
-              });
-            },
-            rules: [ue(0), ke(2)]
-          },
-          {
-            prepend() {
-              return _ ? 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: R(() => Je().enableTotalCost && u.transferType === A.PURCHASE ? w : w.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: v } = oe();
-    return (p, s) => {
-      var w, C, i, t, r, _, h, O, x, D, E, U, M, a, e, l, c, b, d, S, k, f, V, B, K, Y, G, N, L, J, W, X, z, q, Z;
-      const y = I("FmLabel");
-      return P(), 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(F), {
-              render: (i = (C = (w = p.cellByColId.Delete) == null ? void 0 : w.column) == null ? void 0 : C.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(v)(`inventory.transfer.form.items.table.${o(g).Code}`)
-            }, null, 8, ["label"]),
-            m(o(F), {
-              render: (O = (h = (_ = p.cellByColId[o(g).Code]) == null ? void 0 : _.column) == null ? void 0 : h.columnDef) == null ? void 0 : O.cell,
-              props: (D = (x = p.cellByColId[o(g).Code]) == null ? void 0 : x.getContext) == null ? void 0 : D.call(x)
-            }, null, 8, ["render", "props"]),
-            _t
-          ]),
-          n("div", ht, [
-            m(y, {
-              label: o(v)(`inventory.transfer.form.items.table.${o(g).Name}`)
-            }, null, 8, ["label"]),
-            m(o(F), {
-              render: (M = (U = (E = p.cellByColId[o(g).Name]) == null ? void 0 : E.column) == null ? void 0 : U.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(v)(`inventory.transfer.form.items.table.${o(g).MinimumAmount}`)
-            }, null, 8, ["label"]),
-            m(o(F), {
-              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: (S = (d = p.cellByColId[o(g).MinimumAmount]) == null ? void 0 : d.getContext) == null ? void 0 : S.call(d)
-            }, null, 8, ["render", "props"]),
-            xt
-          ]),
-          n("div", Tt, [
-            m(y, {
-              label: o(v)(`inventory.transfer.form.items.table.${o(g).Step}`)
-            }, null, 8, ["label"]),
-            m(o(F), {
-              render: (V = (f = (k = p.cellByColId[o(g).Step]) == null ? void 0 : k.column) == null ? void 0 : f.columnDef) == null ? void 0 : V.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(v)(`inventory.transfer.form.items.table.${o(g).DefaultAmount}`)
-            }, null, 8, ["label"]),
-            m(o(F), {
-              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: $(() => [
-                m(y, {
-                  label: o(v)(`inventory.transfer.form.items.table.${o(g).Cost}2`)
-                }, null, 8, ["label"])
-              ]),
-              _: 1
-            }),
-            m(o(F), {
-              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), Et = /* @__PURE__ */ ne({
-  __name: "TransferTemplateForm",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  setup(u, { expose: v }) {
-    const p = u, s = Le(), { t: y } = oe(), w = Fe(), C = We(), i = nt();
-    Se(
-      () => p.modelValue,
-      (a) => {
-        console.log("TransferTemplateForm.model", a);
-      }
-    ), w.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
-        };
-      }
-    ), _ = R({
-      get() {
-        var a, e;
-        return typeof ((e = (a = s.purchaseOrder) == null ? void 0 : a.supplier) == null ? void 0 : e.internal) == "string" ? A.TRANSFER : A.PURCHASE;
-      },
-      set(a) {
-        var l, c;
-        const e = typeof ((c = (l = s.purchaseOrder) == null ? void 0 : l.supplier) == null ? void 0 : c.internal) == "string" ? A.TRANSFER : A.PURCHASE;
-        a !== e && (s.purchaseOrder.supplier = a === A.PURCHASE ? r.locationOptionsTypePurchase.value[0] : r.locationOptionsTypeTransfer.value[0]);
-      }
-    }), h = R(() => r.transferLocationOptions.value), O = R({
-      get() {
-        return s.purchaseOrder.supplier._id;
-      },
-      set(a) {
-        r.transferLocationModel.value = a;
-      }
-    }), x = R({
-      get() {
-        return s.purchaseOrder.remark ?? void 0;
-      },
-      set(a) {
-        s.purchaseOrder.remark = a;
-      }
-    }), D = Q();
-    v({
-      validateInputs: () => {
-        var a, e;
-        (e = (a = D.value) == null ? void 0 : a.validateInputs) == null || e.call(a);
-      },
-      resetInputsValidation: () => {
-        var a, e;
-        (e = (a = D.value) == null ? void 0 : a.resetInputsValidation) == null || e.call(a);
-      },
-      resetInputs: () => {
-        var a, e;
-        (e = (a = D.value) == null ? void 0 : a.resetInputs) == null || e.call(a);
-      }
-    });
-    const E = 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 _.value;
-      }
-    }), U = R(() => E.columnDefs.value);
-    function M() {
-      const a = C.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 S = c.find((f) => f.sku._id === d._id);
-          if (S)
-            return S;
-          const k = {
-            sku: d,
-            code: d.code,
-            name: d.name,
-            quantity: {
-              amount: 1,
-              precision: 0
-            }
-          };
-          return _.value == A.PURCHASE && (k.totalCost = te(
-            k.sku,
-            k.quantity,
-            k.measurement,
-            {
-              supplier: s.purchaseOrder.supplier
-            }
-          )), k;
-        });
-        b.sort((d, S) => d.sku.code.localeCompare(S.sku.code)), s.purchaseOrder.items = b;
-      });
-    }
-    return (a, e) => {
-      const l = I("FmTextField"), c = I("FmSelect"), b = I("FmTextarea"), d = I("FmButton"), S = I("FmTable"), k = I("FmForm");
-      return P(), j(k, {
-        ref_key: "formRef",
-        ref: D,
-        class: "flex flex-col gap-32"
-      }, {
-        default: $(() => [
-          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": _.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (f) => _.value = f),
-                items: [
-                  {
-                    label: o(y)(
-                      `inventory.transfer.form.type.${o(A).PURCHASE.toLocaleLowerCase()}`
-                    ),
-                    value: o(A).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(A).TRANSFER.toLocaleLowerCase()}`
-                    ),
-                    value: o(A).TRANSFER,
-                    disabled: !o(r).locationOptionsTypeTransfer.value.length,
-                    sublabel: o(r).locationOptionsTypeTransfer.value.length ? void 0 : "No location available"
-                  }
-                ],
-                rules: [o(ue)(1)(h.value)]
-              }, null, 8, ["label", "model-value", "items", "rules"]),
-              m(c, {
-                label: _.value === o(A).PURCHASE ? "Purchase from" : "Transfer from",
-                modelValue: O.value,
-                "onUpdate:modelValue": e[2] || (e[2] = (f) => O.value = f),
-                items: h.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: x.value,
-                "onUpdate:modelValue": e[4] || (e[4] = (f) => x.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"])
-            ]),
-            (P(), j(S, {
-              "column-defs": U.value,
-              "row-data": o(s).purchaseOrder.items,
-              key: o(s).purchaseOrder.items.map((f) => f.sku._id).join("."),
-              "hide-footer": ""
-            }, {
-              "list-row": $((f) => [
-                (P(), j(Oe, {
-                  row: f,
-                  key: o(s).purchaseOrder.items.map((V) => V.sku._id).join(".")
-                }, {
-                  default: $((V) => [
-                    m(Dt, {
-                      row: f,
-                      "cell-by-col-id": V
-                    }, null, 8, ["row", "cell-by-col-id"])
-                  ]),
-                  _: 2
-                }, 1032, ["row"]))
-              ]),
-              _: 1
-            }, 8, ["column-defs", "row-data"]))
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), Ut = { 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: v, emit: p }) {
-    var a;
-    const s = u, y = p, w = qe(), C = 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()), _ = Q(((a = s.modelValue) == null ? void 0 : a._id) ?? `${Math.random()}`);
-    Se(
-      () => s.show,
-      (e) => {
-        var l;
-        e && (r.value = s.modelValue ?? t(), _.value = ((l = s.modelValue) == null ? void 0 : l._id) ?? `${Math.random()}`);
-      }
-    );
-    const h = Q(!1), O = R(() => {
-      switch (s.mode) {
-        case ee.READ:
-          return "View template";
-        case ee.CREATE:
-          return "Add template";
-        case ee.UPDATE:
-          return "Edit template";
-      }
-      return "";
-    }), x = Q();
-    v({
-      validateInputs: () => {
-        var e, l;
-        (l = (e = x.value) == null ? void 0 : e.validateInputs) == null || l.call(e);
-      },
-      resetInputsValidation: () => {
-        var e, l;
-        (l = (e = x.value) == null ? void 0 : e.resetInputsValidation) == null || l.call(e);
-      },
-      resetInputs: () => {
-        var e, l;
-        (l = (e = x.value) == null ? void 0 : e.resetInputs) == null || l.call(e);
-      }
-    });
-    async function D() {
-      const e = r.value;
-      if (e) {
-        h.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 w.createTemplate(e), await new Promise((l) => setTimeout(l, 1e3)), C.open({
-            title: "Created",
-            message: "Your transfer template has been created!",
-            type: "success"
-          }), y("update:show", !1), y("submitted");
-        } catch (l) {
-          C.open({
-            title: "Cannot create transfer template",
-            message: "Report to system administrator for troubleshooting.",
-            type: "error"
-          }), console.error("Error in creating transfer template", l);
-        } finally {
-          h.value = !1;
-        }
-      }
-    }
-    async function E() {
-      const e = r.value;
-      if (e) {
-        h.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 w.updateTemplate(e), await new Promise((l) => setTimeout(l, 1e3)), C.open({
-            title: "Updated",
-            message: "Your transfer template has been updated!",
-            type: "success"
-          }), y("update:show", !1), y("submitted");
-        } catch (l) {
-          C.open({
-            title: "Cannot update transfer template",
-            message: "Report to system administrator for troubleshooting.",
-            type: "error"
-          }), console.error("Error in updating transfer template", l);
-        } finally {
-          h.value = !1;
-        }
-      }
-    }
-    function U() {
-      switch (s.mode) {
-        case ee.CREATE:
-          return D();
-        case ee.UPDATE:
-          return E();
-      }
-    }
-    function M() {
-      var e, l;
-      (l = (e = x.value) == null ? void 0 : e.validateInputs) == null || l.call(e);
-    }
-    return (e, l) => {
-      const c = I("FmButton"), b = I("FmSideSheet");
-      return P(), 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": $(() => [
-          n("div", Ut, [
-            n("div", Mt, re(O.value), 1)
-          ])
-        ]),
-        default: $(() => [
-          (P(), j(Et, {
-            class: "w-full",
-            ref_key: "formRef",
-            ref: x,
-            onValidationSuccess: U,
-            "model-value": r.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (d) => r.value = d),
-            disabled: h.value,
-            key: _.value
-          }, null, 8, ["model-value", "disabled"]))
-        ]),
-        "side-sheet-footer": $(() => [
-          n("div", Bt, [
-            m(c, {
-              loading: h.value,
-              label: "Save",
-              onClick: M
-            }, null, 8, ["loading"]),
-            m(c, {
-              disabled: h.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: v } = oe(), { createTemplate: p, viewTemplate: s } = he(), { templateDialogProps: y, transferFormDialogProps: w } = st(he()), C = He(), i = et(), t = Fe(), { breakpoints: r } = De();
-    t.watchLocation(C.fetchTemplates);
-    const _ = R(
-      () => C.loading.value || !t._currentLocation
-    ), h = R(() => C.templates.value), O = Q(""), x = R(() => r.value.xs || r.value.sm ? 10 : 20);
-    function D(a) {
-      switch (a) {
-        case be.Add:
-          return p();
-      }
-    }
-    const E = rt();
-    function U() {
-      E.push({ name: Ze.RECEIVE_REQUEST });
-    }
-    function M(a) {
-      return a;
-    }
-    return (a, e) => {
-      const l = I("FmTable");
-      return P(), we(Ee, null, [
-        m(Be, {
-          title: o(v)("inventory.transfer.template.title2"),
-          actions: [
-            {
-              label: o(v)("inventory.transfer.template.create.title"),
-              value: o(be).Add,
-              isPrimary: !0,
-              prependIcon: "add"
-            }
-          ],
-          "onClick:action": D
-        }, {
-          default: $(() => {
-            var c;
-            return [
-              n("div", Lt, [
-                m(Ne, {
-                  searchable: "",
-                  "change-location": "",
-                  search: O.value,
-                  "onUpdate:search": e[0] || (e[0] = (b) => O.value = b),
-                  actions: [{ icon: "refresh", onClick: o(C).fetchTemplates }]
-                }, null, 8, ["search", "actions"]),
-                (P(), j(l, {
-                  style: Ue(o(i).tableHeight),
-                  "column-defs": o(C).columnDefs,
-                  "row-data": h.value,
-                  "search-value": O.value,
-                  loading: _.value,
-                  key: (c = o(t)._currentLocation) == null ? void 0 : c.dbName,
-                  onRowClick: e[1] || (e[1] = (b) => o(s)(b.original)),
-                  "page-size": x.value
-                }, {
-                  "list-row": $((b) => [
-                    m(Oe, {
-                      row: b,
-                      onRowClick: (d) => o(s)(d)
-                    }, {
-                      default: $((d) => {
-                        var S, k, f, V, 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(F), {
-                                  render: (f = (k = (S = d._id) == null ? void 0 : S.column) == null ? void 0 : k.columnDef) == null ? void 0 : f.cell,
-                                  props: (B = (V = d._id) == null ? void 0 : V.getContext) == null ? void 0 : B.call(V)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              n("div", jt, [
-                                m(o(F), {
-                                  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(F), {
-                                  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(F), {
-                                  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(F), {
-                                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"]),
-        (P(), j(Me, { to: "body" }, [
-          m(je, _e(o(w), { onSubmitted: U }), null, 16),
-          m(Nt, _e(o(y), {
-            onSubmitted: e[2] || (e[2] = (c) => o(C).fetchTemplates())
-          }), null, 16)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  io as default
-};