@feedmepos/mf-inventory-portal 0.0.25-dev.9 → 0.0.26-dev.1

package/dist/TransferTemplateView-3W29v8hd.js

@@ -0,0 +1,1420 @@
+import { defineComponent as ee, onMounted as ve, computed as U, ref as Q, watch as be, inject as et, resolveComponent as A, openBlock as R, createElementBlock as j, createElementVNode as s, createVNode as p, withCtx as N, renderSlot as Re, withDirectives as Ae, normalizeClass as Y, vModelText as Pe, reactive as tt, h as J, toDisplayString as V, unref as t, createCommentVNode as oe, Fragment as _e, renderList as ze, normalizeStyle as He, createBlock as X, mergeProps as Qe, isRef as je, Teleport as st, normalizeProps as ot, guardReactiveProps as nt } from "vue";
+import { H as We, az as ce, t as Ue, I as lt, aA as at, aB as rt, j as Z, aC as it, b as ut, a as Ge, a0 as Le, m as fe, Q as me, L as ue, A as ye, M as dt, c as pe, G as K, u as Ke, ad as mt, W as pt, E as Ze, e as le, aD as de, aa as ct, a2 as ft, B as yt, i as Be, _ as vt, C as bt } from "./app-Ba80HxT3.js";
+import { useI18n as ne } from "@feedmepos/mf-common";
+import { P as G, a as _t, f as xt, t as ht, b as qe, u as gt } from "./format-unit-display-Bsod5Ra6.js";
+import { components as se, useDialog as kt, useSnackbar as Tt, useProxiedModel as Je, useBreakpoints as wt } from "@feedmepos/ui-library";
+import { defineStore as Ft, storeToRefs as Ee } from "pinia";
+import { _ as It, b as St, F as Ct, a as $t } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-BxEtsFXp.js";
+import { c as Ot, u as Mt, _ as Dt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CovzlB-s.js";
+import { u as Vt } from "./supplier-P1gi71dg.js";
+import { u as Rt } from "./use-ingredient-select-dialog-BW5imbB5.js";
+const At = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Ut = { class: "flex-1" }, Lt = { class: "flex items-center" }, Bt = { class: "flex-1" }, qt = { class: "flex-1" }, Et = /* @__PURE__ */ ee({
+  __name: "FmMinMaxInput",
+  props: {
+    rules: {},
+    label: {},
+    minPlaceholder: {},
+    maxPlaceholder: {},
+    modelValue: {},
+    precision: {},
+    minLength: {},
+    maxLength: {},
+    inputmode: {},
+    type: {},
+    readonly: { type: Boolean },
+    labelMark: {},
+    prependIcon: {},
+    appendIcon: {},
+    showValidBorder: { type: Boolean },
+    labelInfo: {},
+    showWordCount: { type: Boolean },
+    invalid: { type: Boolean },
+    autofocus: { type: Boolean },
+    formatter: { type: Function },
+    decimal: {},
+    datalist: {},
+    shiftDatalist: { type: Boolean },
+    datalistMaxHeight: {},
+    datalistMinHeight: {},
+    offsetDatalist: {},
+    datalistPlacement: {},
+    datalistZIndex: {},
+    datalistWidth: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    helperState: {}
+  },
+  setup(m) {
+    const c = m, v = We("modelValue"), e = lt();
+    ve(() => {
+      const { min: y, max: d } = v ?? {};
+      if (!(!y || !d) && y.precision !== d.precision) {
+        const k = Math.max(y.precision, d.precision), a = ce(y, k), f = ce(d, k);
+        v.min = a, v.max = f;
+      }
+    });
+    const l = U(() => {
+      const { min: y, max: d } = v ?? {};
+      return Math.max((y == null ? void 0 : y.precision) ?? 0, (d == null ? void 0 : d.precision) ?? 0, c.precision ?? 0);
+    }), g = (y) => {
+      if (!y) return "";
+      const d = at(y), k = l.value, a = ce(d, k);
+      return rt(
+        +Z(a),
+        a.precision
+      );
+    }, b = Q(g(v.min)), i = Q(g(v.max));
+    be([b, i], ([y, d]) => {
+      const k = v ?? {}, a = e(y), f = e(d), C = l.value;
+      if (y !== "" && a === !0) {
+        const $ = Ue(+y, C);
+        k.min = $;
+      } else
+        k.min = null;
+      if (d !== "" && f === !0) {
+        const $ = Ue(+d, C);
+        k.max = $;
+      } else
+        k.max = null;
+      v.min = k.min, v.max = k.max;
+    });
+    const o = Symbol.for("fm:form-state"), u = et(o, null), _ = U(() => c.disabled ?? (u == null ? void 0 : u.getDisabled()) ?? !1), P = Q(), I = Q(), x = Q(!1), S = Q(!1), D = U(() => x.value || S.value), W = U(() => [...[
+      function() {
+        return typeof e(b.value) == "string" || typeof e(i.value) == "string" ? "Must be a number" : !0;
+      },
+      function(k) {
+        return !k || !k.min || !k.max ? !0 : +Z(k.min) > +Z(k.max) ? "Min must be less than or equal to max" : !0;
+      }
+    ], ...c.rules ?? []]);
+    return (y, d) => {
+      const k = A("FmLabel"), a = A("FmField"), f = A("FmFormGroup");
+      return R(), j("div", At, [
+        s("div", Pt, [
+          s("div", Ut, [
+            p(k, {
+              label: y.label,
+              disabled: y.disabled,
+              required: y.labelMark === "required",
+              optional: y.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          p(a, { focused: D.value }, {
+            default: N(() => [
+              s("div", Lt, [
+                Re(y.$slots, "prepend"),
+                d[6] || (d[6] = s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
+                s("div", Bt, [
+                  Ae(s("input", {
+                    type: "text",
+                    ref_key: "minInputRef",
+                    ref: P,
+                    onFocus: d[0] || (d[0] = () => x.value = !0),
+                    onBlur: d[1] || (d[1] = () => x.value = !1),
+                    "onUpdate:modelValue": d[2] || (d[2] = (C) => b.value = C),
+                    class: Y({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !_.value,
+                      "text-fm-color-typo-disabled": _.value
+                    })
+                  }, null, 34), [
+                    [Pe, b.value]
+                  ])
+                ]),
+                d[7] || (d[7] = s("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
+                d[8] || (d[8] = s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
+                s("div", qt, [
+                  Ae(s("input", {
+                    type: "text",
+                    ref_key: "maxInputRef",
+                    ref: I,
+                    onFocus: d[3] || (d[3] = () => S.value = !0),
+                    onBlur: d[4] || (d[4] = () => S.value = !1),
+                    "onUpdate:modelValue": d[5] || (d[5] = (C) => i.value = C),
+                    class: Y({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !_.value,
+                      "text-fm-color-typo-disabled": _.value
+                    })
+                  }, null, 34), [
+                    [Pe, i.value]
+                  ])
+                ]),
+                Re(y.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        p(f, {
+          class: "flex-1",
+          "model-value": y.modelValue,
+          info: y.labelInfo,
+          rules: W.value,
+          "helper-text": y.helperText,
+          "helper-state": y.helperState
+        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+});
+function Nt({ min: m, max: c } = { min: !0, max: !0 }) {
+  return function(e) {
+    return !e || !e.min && m != !1 || !e.max && c != !1 ? "Required" : !0;
+  };
+}
+function zt(m, c) {
+  return function(e) {
+    return !e || !e.min || !e.max ? !0 : +Z(e.min) < m ? `Must be between ${m} and ${c}` : +Z(e.max) > c ? `Must be between ${m} and ${c}` : !0;
+  };
+}
+function Ht(m) {
+  const c = it(m), v = Z(m);
+  return function(l) {
+    const g = !(l != null && l.min) || c(l.min) === !0, b = !(l != null && l.max) || c(l.max) === !0;
+    return !g && !b ? `Min & max must be a multiple of ${v}` : g ? b ? !0 : `Max must be a multiple of ${v}` : `Min must be a multiple of ${v}`;
+  };
+}
+const Xe = Ft("transfer-template-helper", () => {
+  const m = ut();
+  function c(v, e, l, g, b) {
+    var o;
+    if (!l) {
+      b == null || b("Unit is not valid");
+      return;
+    }
+    let i = v.code;
+    if (m.isEnabled) {
+      const u = m.getItemPKTCode(e, (o = l.measurement) == null ? void 0 : o.id);
+      u && (i = u);
+    }
+    g({
+      ...v,
+      quantity: l.amount,
+      measurement: l.measurement ?? null,
+      code: i
+    });
+  }
+  return {
+    validateUnitInput: c
+  };
+});
+var H = /* @__PURE__ */ ((m) => (m.Code = "Code", m.Name = "Name", m.DefaultAmount = "DefaultAmount", m.Limit = "Limit", m.Step = "Step", m.Cost = "Cost", m.Delete = "Delete", m))(H || {});
+const Ne = Xe();
+function Qt(m) {
+  const { t: c } = ne(), v = Ge(), e = pe(), l = tt({});
+  ve(() => {
+    for (const i of m.items) {
+      if (!i.totalCost)
+        continue;
+      const o = Ot(i.sku, i.quantity, i.measurement, {
+        supplier: m.supplier
+      }), u = i.totalCost ?? Le.reset();
+      o ? l[i.sku._id] = o.amount !== u.amount || o.precision !== u.precision : l[i.sku._id] = !0;
+    }
+  });
+  const g = [
+    {
+      id: "Code",
+      header: () => c("inventory.transfer.form.items.table.Code"),
+      accessorKey: "code",
+      size: 180,
+      cell(i) {
+        const o = i.row.original;
+        return J(se.FmTextField, {
+          modelValue: o.code,
+          "onUpdate:modelValue": (u) => {
+            m.updateItem({
+              ...o,
+              code: u
+            });
+          },
+          key: o.sku._id,
+          rules: [fe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => c("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      cell(i) {
+        const o = i.row.original;
+        return J(se.FmTextField, {
+          modelValue: o.name,
+          "onUpdate:modelValue": (u) => {
+            m.updateItem({
+              ...o,
+              name: u
+            });
+          },
+          key: o.sku._id,
+          rules: [fe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "DefaultAmount",
+      header: () => c("inventory.transfer.form.items.table.DefaultAmount"),
+      minSize: 200,
+      cell(i) {
+        var x;
+        const o = i.row.original, u = v.skuById[o.sku._id], _ = v.unitById[(x = u.unit) == null ? void 0 : x._id], P = _.measurements.find((S) => {
+          var D;
+          return ((D = o.measurement) == null ? void 0 : D.id) === S.id;
+        }), I = o.sku.unit._id !== u.unit._id || !_ || o.measurement && !P;
+        return J(It, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: o.quantity ?? { amount: 1, precision: 0 },
+            // NOTE: leave this reading from row.sku.unit and row.measurement instead,
+            measurement: o.measurement ?? (o.sku.unit._id !== u.unit._id ? { ...o.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
+          },
+          disabled: m.disabled,
+          key: o.sku._id,
+          unit: _,
+          "onUpdate:modelValue": (S) => {
+            Ne.validateUnitInput(
+              o,
+              u,
+              S,
+              (D) => {
+                m.updateItem({
+                  ...o,
+                  code: D.code,
+                  sku: u,
+                  quantity: D.quantity,
+                  measurement: D.measurement
+                });
+              }
+            );
+          },
+          rules: [
+            St(o.quantityStep),
+            ...+Z(o.quantity) ? [
+              Ct(
+                +Z(
+                  o.minimumQuantity ?? {
+                    amount: 1,
+                    // NOTE: leave this reading from row.sku.unit and row.measurement instead,
+                    precision: me(o.sku.unit, o.measurement)
+                  }
+                )
+              )
+            ] : [],
+            $t(
+              o.maximumQuantity ? +Z(o.maximumQuantity) : 1 / 0
+            ),
+            function(D) {
+              return I ? "This item is no longer valid due to change in unit. Please reapply unit." : !0;
+            }
+          ],
+          applyDefaultRules: !0
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Limit",
+      header: () => "Limit",
+      // TODO: i18n,
+      minSize: 280,
+      cell(i) {
+        const o = i.row.original;
+        return J(Et, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            min: o.minimumQuantity,
+            max: o.maximumQuantity
+          },
+          disabled: m.disabled,
+          key: o.sku._id,
+          unit: o.sku.unit,
+          "onUpdate:modelValue": (u) => {
+            const _ = { ...o };
+            u != null && u.min ? _.minimumQuantity = u.min : _.minimumQuantity = null, u != null && u.max ? _.maximumQuantity = u.max : _.maximumQuantity = null, m.updateItem(_);
+          },
+          rules: [
+            Nt({ max: !1 }),
+            Ht(o.quantityStep),
+            zt(
+              +Z({
+                amount: 0,
+                precision: me(o.sku.unit, o.measurement)
+              }),
+              1 / 0
+            )
+          ],
+          disableUnit: !0,
+          applyDefaultRules: !0
+        });
+      }
+    },
+    {
+      id: "Step",
+      header: () => c("inventory.transfer.form.items.table.Step"),
+      minSize: 100,
+      cell(i) {
+        const o = i.row.original;
+        return J(se.FmTextField, {
+          modelValue: Z(o.quantityStep ?? Le.reset(), !1),
+          key: o.sku._id,
+          "onUpdate:modelValue": (u) => {
+            m.updateItem({
+              ...o,
+              quantityStep: ue(+u)
+            });
+          },
+          rules: [
+            ye({
+              amount: 1,
+              precision: me(o.sku.unit, o.measurement)
+            }),
+            dt(o.sku.unit, o.measurement)
+          ]
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Delete",
+      header: "",
+      cell(i) {
+        const o = i.row.original;
+        return J("div", { class: "flex items-center" }, [
+          e.usePurchaseOrderV2 ? J(
+            se.FmTooltip,
+            {
+              zIndex: 50,
+              placement: "left"
+            },
+            {
+              default() {
+                return J(se.FmButton, {
+                  key: o.sku._id,
+                  type: "button",
+                  icon: "add_circle",
+                  variant: "tertiary",
+                  size: "md",
+                  disabled: m.disabled,
+                  onClick: async () => {
+                    const u = {
+                      id: crypto.randomUUID(),
+                      sku: o.sku,
+                      code: o.sku.code,
+                      name: o.sku.name,
+                      quantity: ue(1),
+                      quantityStep: ue(1),
+                      minimumQuantity: ue(1)
+                    };
+                    Ne.validateUnitInput(
+                      u,
+                      o.sku,
+                      {
+                        amount: u.quantity,
+                        measurement: null
+                      },
+                      (_) => {
+                        u.code = _.code;
+                      }
+                    ), m.duplicateItem(u);
+                  }
+                });
+              },
+              content() {
+                return "Duplicate entry";
+              }
+            }
+          ) : null,
+          J(se.FmButton, {
+            class: "delete-button",
+            key: o.sku._id,
+            type: "button",
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            disabled: m.disabled,
+            onClick: () => {
+              m.deleteItem(o);
+            }
+          })
+        ]);
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: U(() => pe().enableTotalCost && m.transferType === G.PURCHASE ? g : g.filter((o) => o.id !== "Cost"))
+  };
+}
+const jt = { class: "flex flex-col gap-8 py-16" }, Wt = { class: "flex items-center" }, Gt = { class: "flex-1 flex gap-1 items-center" }, Kt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Zt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Jt = { class: "flex gap-8 w-full" }, Xt = { class: "flex-1 flex flex-col gap-4" }, Yt = { class: "flex-1 flex flex-col gap-4" }, es = {
+  key: 0,
+  class: "flex gap-8 w-full"
+}, ts = { class: "flex-1 flex flex-col gap-4" }, ss = { class: "flex-1 flex flex-col gap-4" }, os = { class: "flex gap-8 w-full" }, ns = { class: "flex-1 flex flex-col gap-4" }, ls = /* @__PURE__ */ ee({
+  __name: "TransferTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup(m) {
+    const { t: c } = ne();
+    function v(e) {
+      return e;
+    }
+    return (e, l) => {
+      var b, i, o, u, _, P, I, x, S, D, W, y, d, k, a, f, C, $, h, n, r, T, F, L, z, O, M, B, q, w;
+      const g = A("FmLabel");
+      return R(), j("div", jt, [
+        s("div", Wt, [
+          s("div", Gt, [
+            s("span", Kt, " (" + V(e.row.original.sku.code) + ") ", 1),
+            s("span", Zt, V(e.row.original.sku.name), 1)
+          ]),
+          s("div", null, [
+            p(t(K), {
+              render: (o = (i = (b = e.cellByColId.Delete) == null ? void 0 : b.column) == null ? void 0 : i.columnDef) == null ? void 0 : o.cell,
+              props: (_ = (u = e.cellByColId.Delete) == null ? void 0 : u.getContext) == null ? void 0 : _.call(u)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        s("div", Jt, [
+          s("div", Xt, [
+            p(g, {
+              label: t(c)(`inventory.transfer.form.items.table.${t(H).Code}`)
+            }, null, 8, ["label"]),
+            p(t(K), {
+              render: (x = (I = (P = e.cellByColId[t(H).Code]) == null ? void 0 : P.column) == null ? void 0 : I.columnDef) == null ? void 0 : x.cell,
+              props: (D = (S = e.cellByColId[t(H).Code]) == null ? void 0 : S.getContext) == null ? void 0 : D.call(S)
+            }, null, 8, ["render", "props"]),
+            l[0] || (l[0] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          s("div", Yt, [
+            p(g, {
+              label: t(c)(`inventory.transfer.form.items.table.${t(H).Name}`)
+            }, null, 8, ["label"]),
+            p(t(K), {
+              render: (d = (y = (W = e.cellByColId[t(H).Name]) == null ? void 0 : W.column) == null ? void 0 : y.columnDef) == null ? void 0 : d.cell,
+              props: (a = (k = e.cellByColId[t(H).Name]) == null ? void 0 : k.getContext) == null ? void 0 : a.call(k)
+            }, null, 8, ["render", "props"]),
+            l[1] || (l[1] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        e.row.original ? (R(), j("div", es, [
+          s("div", ts, [
+            p(g, {
+              label: t(c)(`inventory.transfer.form.items.table.${t(H).DefaultAmount}`)
+            }, null, 8, ["label"]),
+            p(t(K), {
+              render: ($ = (C = (f = e.cellByColId[t(H).DefaultAmount]) == null ? void 0 : f.column) == null ? void 0 : C.columnDef) == null ? void 0 : $.cell,
+              props: (n = (h = e.cellByColId[t(H).DefaultAmount]) == null ? void 0 : h.getContext) == null ? void 0 : n.call(h)
+            }, null, 8, ["render", "props"]),
+            l[2] || (l[2] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          s("div", ss, [
+            p(g, {
+              label: t(c)(`inventory.transfer.form.items.table.${t(H).Step}`)
+            }, null, 8, ["label"]),
+            p(t(K), {
+              render: (F = (T = (r = e.cellByColId[t(H).Step]) == null ? void 0 : r.column) == null ? void 0 : T.columnDef) == null ? void 0 : F.cell,
+              props: (z = (L = e.cellByColId[t(H).Step]) == null ? void 0 : L.getContext) == null ? void 0 : z.call(L)
+            }, null, 8, ["render", "props"]),
+            l[3] || (l[3] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ])) : oe("", !0),
+        s("div", os, [
+          s("div", ns, [
+            p(g, {
+              label: t(c)(`inventory.transfer.form.items.table.${t(H).Limit}`)
+            }, null, 8, ["label"]),
+            p(t(K), {
+              render: (B = (M = (O = e.cellByColId[t(H).Limit]) == null ? void 0 : O.column) == null ? void 0 : M.columnDef) == null ? void 0 : B.cell,
+              props: (w = (q = e.cellByColId[t(H).Limit]) == null ? void 0 : q.getContext) == null ? void 0 : w.call(q)
+            }, null, 8, ["render", "props"]),
+            l[4] || (l[4] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ])
+      ]);
+    };
+  }
+}), as = { class: "hover:bg-fm-color-opacity-sm" }, rs = { class: "fm-typo-en-body-md-400 line-clamp-2 w-full" }, is = /* @__PURE__ */ ee({
+  __name: "TransferTemplateItemTable",
+  props: {
+    row: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:item"],
+  setup(m) {
+    function c(v) {
+      return v.column.columnDef.meta;
+    }
+    return (v, e) => (R(), j("tr", as, [
+      (R(!0), j(_e, null, ze(v.row.getVisibleCells(), (l) => {
+        var g, b, i, o, u;
+        return R(), j("td", {
+          key: l.id,
+          class: Y(["text-fm-color-typo-primary", ((g = c(l)) == null ? void 0 : g.cellClass) ?? "px-16"]),
+          style: He({
+            width: (b = c(l)) != null && b.width ? (i = c(l)) == null ? void 0 : i.width : l.column.getSize() !== 0 ? `${l.column.getSize()}px` : void 0,
+            maxWidth: (o = c(l)) == null ? void 0 : o.maxWidth,
+            textAlign: ((u = c(l)) == null ? void 0 : u.textAlign) ?? "left"
+          })
+        }, [
+          s("span", rs, [
+            p(t(K), {
+              props: l.getContext(),
+              render: l.column.columnDef.cell
+            }, null, 8, ["props", "render"])
+          ])
+        ], 6);
+      }), 128))
+    ]));
+  }
+}), us = { class: "flex flex-col gap-16" }, ds = { class: "flex flex-col gap-24" }, ms = { class: "flex flex-col gap-16" }, ps = { class: "flex items-center" }, cs = { class: "flex flex-col" }, fs = { class: "flex flex-col gap-16" }, ys = { class: "flex" }, vs = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, bs = /* @__PURE__ */ ee({
+  __name: "TransferTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(m, { expose: c }) {
+    const v = m, e = We(), { t: l } = ne(), g = Ke(), b = Ge(), i = Vt(), o = pe(), u = Xe();
+    be(
+      () => v.modelValue,
+      (n) => {
+        console.log("TransferTemplateForm.model", n);
+      }
+    ), g.watchLocation(async () => {
+      location && (e.purchaseOrder.supplier || (e.purchaseOrder.supplier = i.suppliers.find((n) => n) ?? e.purchaseOrder.supplier));
+    }), kt();
+    const _ = Mt(
+      () => e.purchaseOrder,
+      (n) => {
+        e.purchaseOrder = {
+          ...e.purchaseOrder,
+          supplier: n.supplier ?? (e == null ? void 0 : e.purchaseOrder.supplier)
+        };
+      }
+    ), P = U({
+      get() {
+        var n, r;
+        return typeof ((r = (n = e.purchaseOrder) == null ? void 0 : n.supplier) == null ? void 0 : r.internal) == "string" ? G.TRANSFER : G.PURCHASE;
+      },
+      set(n) {
+        var T, F;
+        const r = typeof ((F = (T = e.purchaseOrder) == null ? void 0 : T.supplier) == null ? void 0 : F.internal) == "string" ? G.TRANSFER : G.PURCHASE;
+        n !== r && (e.purchaseOrder.supplier = n === G.PURCHASE ? _.locationOptionsTypePurchase.value[0] : _.locationOptionsTypeTransfer.value[0]);
+      }
+    }), I = U(() => _.transferLocationOptions.value), x = U({
+      get() {
+        var n;
+        return (n = e.purchaseOrder.supplier) == null ? void 0 : n._id;
+      },
+      set(n) {
+        _.transferLocationModel.value = n;
+      }
+    }), {
+      promptSelectLocations: S,
+      columnDefs: D,
+      rowData: W
+    } = mt({
+      getLocations() {
+        return e.locations;
+      },
+      setLocations(n) {
+        e.locations = n;
+      }
+    });
+    function y() {
+      var n, r;
+      return (n = e.locations) != null && n.find((T) => {
+        var F, L;
+        return ((F = T.doc) == null ? void 0 : F._id) === ((L = e.purchaseOrder.supplier) == null ? void 0 : L._id);
+      }) ? `Location ${(r = e.purchaseOrder.supplier) == null ? void 0 : r.name} must be removed because template cannot be used to transfer to itself.` : !0;
+    }
+    const d = U({
+      get() {
+        return e.purchaseOrder.remark ?? void 0;
+      },
+      set(n) {
+        e.purchaseOrder.remark = n;
+      }
+    }), k = Q();
+    c({
+      validateInputs: () => {
+        var n, r;
+        (r = (n = k.value) == null ? void 0 : n.validateInputs) == null || r.call(n);
+      },
+      resetInputsValidation: () => {
+        var n, r;
+        (r = (n = k.value) == null ? void 0 : n.resetInputsValidation) == null || r.call(n);
+      },
+      resetInputs: () => {
+        var n, r;
+        (r = (n = k.value) == null ? void 0 : n.resetInputs) == null || r.call(n);
+      }
+    });
+    const a = U(() => ({
+      duplicateItem: (n) => {
+        e.purchaseOrder.items = [
+          ...e.purchaseOrder.items,
+          {
+            ...n
+          }
+        ];
+      },
+      updateItem: (n) => {
+        let r = [];
+        n.id ? r = e.purchaseOrder.items.map((T) => T.id !== n.id ? T : n) : r = e.purchaseOrder.items.map((T) => T.sku._id !== n.sku._id ? T : n), e.purchaseOrder.items = r;
+      },
+      deleteItem: (n) => {
+        console.log(n.id);
+        let r = [];
+        n.id ? r = e.purchaseOrder.items.filter((T) => T.id !== n.id) : r = e.purchaseOrder.items.filter((T) => T.sku._id !== n.sku._id), e.purchaseOrder.items = r;
+      }
+    })), f = Qt({
+      duplicateItem: a.value.duplicateItem,
+      updateItem: a.value.updateItem,
+      deleteItem: a.value.deleteItem,
+      get supplier() {
+        return e.purchaseOrder.supplier;
+      },
+      get items() {
+        return e.purchaseOrder.items;
+      },
+      get transferType() {
+        return G.PURCHASE;
+      },
+      get disabled() {
+        return v.disabled;
+      }
+    }), C = U(() => f.columnDefs.value), { promptSelectIngredients: $ } = Rt();
+    async function h() {
+      const r = b.skus.map((O) => ({
+        label: O.name,
+        sublabel: O.code,
+        value: O
+      })).filter((O) => {
+        var M;
+        return (M = e.purchaseOrder.items) == null ? void 0 : M.find((B) => B.sku._id === O.value._id);
+      }).map((O) => O.value), T = e.purchaseOrder.items ?? [], F = await $(
+        r.map((O) => O._id),
+        (O) => {
+          const M = b.skuById[O], B = T.find((E) => E.sku._id === M._id);
+          if (B)
+            return B;
+          const q = { amount: 1, precision: me(M.unit) };
+          let w = {
+            id: o.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
+            sku: M,
+            code: M.code,
+            name: M.name,
+            quantity: q,
+            minimumQuantity: q,
+            // maximumQuantity: adjustmentAmountMultiplyDecimal(minimumQuantity, {
+            //   amount: 100,
+            //   precision: 0
+            // }),
+            quantityStep: q
+          };
+          return u.validateUnitInput(
+            w,
+            M,
+            {
+              amount: q,
+              measurement: null
+            },
+            (E) => {
+              w.code = E.code;
+            }
+          ), w;
+        }
+      );
+      if (!F) return;
+      const L = F.map((O) => O.sku._id), z = [];
+      for (const O of L) {
+        const M = T.filter((B) => B.sku._id === O);
+        if (M.length > 0)
+          z.push(...M);
+        else {
+          const B = F.find((q) => q.sku._id === O);
+          B && z.push(B);
+        }
+      }
+      z.sort((O, M) => O.sku.code.localeCompare(M.sku.code)), e.purchaseOrder.items = z;
+    }
+    return (n, r) => {
+      const T = A("FmTextField"), F = A("FmSelect"), L = A("FmTextarea"), z = A("FmButton"), O = A("FmTable"), M = A("FmFormGroup"), B = A("FmForm");
+      return R(), X(B, {
+        ref_key: "formRef",
+        ref: k,
+        class: "flex flex-col gap-32",
+        disabled: n.disabled
+      }, {
+        default: N(() => {
+          var q;
+          return [
+            s("div", us, [
+              s("div", ds, [
+                p(T, {
+                  label: t(l)("inventory.transfer.form.name"),
+                  "label-mark": "required",
+                  modelValue: t(e).name,
+                  "onUpdate:modelValue": r[0] || (r[0] = (w) => t(e).name = w),
+                  rules: [t(fe)()]
+                }, null, 8, ["label", "modelValue", "rules"]),
+                p(F, {
+                  label: t(l)("inventory.transfer.form.type.title"),
+                  "model-value": P.value,
+                  "onUpdate:modelValue": r[1] || (r[1] = (w) => P.value = w),
+                  items: [
+                    {
+                      label: t(l)("inventory.transfer.form.type.purchase"),
+                      value: t(G).PURCHASE,
+                      disabled: !t(_).locationOptionsTypePurchase.value.length,
+                      sublabel: t(_).locationOptionsTypePurchase.value.length ? void 0 : t(l)("inventory.transfer.form.noSupplierAvailable")
+                    },
+                    {
+                      label: t(l)("inventory.transfer.form.type.transfer"),
+                      value: t(G).TRANSFER,
+                      disabled: !t(_).locationOptionsTypeTransfer.value.length,
+                      sublabel: t(_).locationOptionsTypeTransfer.value.length ? void 0 : t(l)("inventory.transfer.form.noLocationAvailable")
+                    }
+                  ],
+                  rules: [t(ye)(1)(I.value)]
+                }, {
+                  default: N(() => [
+                    s("span", {
+                      class: Y([
+                        "line-clamp-1 fm-typo-en-body-lg-400",
+                        n.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                      ])
+                    }, V(t(pt)(P.value)), 3)
+                  ]),
+                  _: 1
+                }, 8, ["label", "model-value", "items", "rules"]),
+                p(F, {
+                  label: P.value === t(G).PURCHASE ? t(l)("inventory.transfer.form.purchaseFrom") : t(l)("inventory.transfer.form.transferFrom"),
+                  modelValue: x.value,
+                  "onUpdate:modelValue": r[2] || (r[2] = (w) => x.value = w),
+                  items: I.value
+                }, {
+                  "menu-wrapper": N((w) => {
+                    var E;
+                    return [
+                      p(Dt, Qe(w, {
+                        items: I.value,
+                        "model-value": (E = n.modelValue.purchaseOrder.supplier) == null ? void 0 : E._id
+                      }), null, 16, ["items", "model-value"])
+                    ];
+                  }),
+                  default: N(() => {
+                    var w;
+                    return [
+                      s("span", {
+                        class: Y([
+                          "line-clamp-1 fm-typo-en-body-lg-400",
+                          n.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                        ])
+                      }, V((w = I.value.find((E) => E.value === x.value)) == null ? void 0 : w.label), 3)
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["label", "modelValue", "items"]),
+                p(T, {
+                  label: t(l)("inventory.transfer.form.reference"),
+                  "label-mark": "optional",
+                  modelValue: t(e).purchaseOrder.ref,
+                  "onUpdate:modelValue": r[3] || (r[3] = (w) => t(e).purchaseOrder.ref = w)
+                }, null, 8, ["label", "modelValue"]),
+                p(L, {
+                  label: t(l)("inventory.transfer.form.remark"),
+                  "label-mark": "optional",
+                  "max-length": 240,
+                  modelValue: d.value,
+                  "onUpdate:modelValue": r[4] || (r[4] = (w) => d.value = w),
+                  class: Y({ "text-fm-color-typo-disabled": n.disabled })
+                }, null, 8, ["label", "modelValue", "class"])
+              ])
+            ]),
+            s("div", ms, [
+              s("div", ps, [
+                r[8] || (r[8] = s("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
+                p(z, {
+                  disabled: n.disabled,
+                  label: "Select location",
+                  "prepend-icon": "add",
+                  variant: "plain",
+                  class: "border-2 rounded-lg border-fm-color-primary",
+                  onClick: t(S)
+                }, null, 8, ["disabled", "onClick"])
+              ]),
+              p(O, {
+                "column-defs": t(D),
+                "row-data": t(W),
+                "shrink-at": 9999,
+                onRowClick: t(S),
+                "hide-footer": ""
+              }, null, 8, ["column-defs", "row-data", "onRowClick"]),
+              s("div", cs, [
+                p(M, {
+                  "model-value": [
+                    (q = v.modelValue.purchaseOrder.supplier) == null ? void 0 : q._id,
+                    ...v.modelValue.locations ?? []
+                  ].join(","),
+                  rules: [y]
+                }, null, 8, ["model-value", "rules"])
+              ])
+            ]),
+            s("div", fs, [
+              s("div", ys, [
+                s("div", vs, V(t(l)("inventory.transfer.form.items.title")), 1),
+                p(z, {
+                  disabled: n.disabled,
+                  label: t(l)("inventory.transfer.form.items.addItem"),
+                  "prepend-icon": "add",
+                  variant: "plain",
+                  class: "border-2 rounded-lg border-fm-color-primary",
+                  onClick: r[5] || (r[5] = (w) => h()),
+                  size: "md"
+                }, null, 8, ["disabled", "label"])
+              ]),
+              (R(), X(O, {
+                "column-defs": C.value,
+                "row-data": t(e).purchaseOrder.items,
+                key: t(e).purchaseOrder.items.map((w) => w.sku._id).join("."),
+                "hide-footer": "",
+                "page-size": t(e).purchaseOrder.items.length
+              }, {
+                "table-row": N((w) => [
+                  p(is, {
+                    row: w,
+                    "onUpdate:item": r[6] || (r[6] = (E) => a.value.updateItem(E)),
+                    disabled: n.disabled
+                  }, null, 8, ["row", "disabled"])
+                ]),
+                "list-row": N((w) => [
+                  (R(), X(Ze, {
+                    row: w,
+                    key: t(e).purchaseOrder.items.map((E) => E.sku._id).join(".")
+                  }, {
+                    default: N((E) => [
+                      p(ls, {
+                        row: w,
+                        "cell-by-col-id": E,
+                        "onUpdate:item": r[7] || (r[7] = (te) => a.value.updateItem(te)),
+                        disabled: n.disabled
+                      }, null, 8, ["row", "cell-by-col-id", "disabled"])
+                    ]),
+                    _: 2
+                  }, 1032, ["row"]))
+                ]),
+                _: 1
+              }, 8, ["column-defs", "row-data", "page-size"])),
+              p(M, {
+                "model-value": t(e).purchaseOrder.items.length,
+                rules: [t(ye)(1)]
+              }, null, 8, ["model-value", "rules"])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), _s = { class: "flex items-center" }, xs = { class: "fm-typo-en-title-md-800" }, hs = { class: "flex gap-4" }, gs = /* @__PURE__ */ ee({
+  __name: "TransferTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(m, { expose: c, emit: v }) {
+    var k;
+    const e = m, l = v, g = _t(), b = Tt(), { t: i } = ne(), o = Je(e, "show");
+    function u() {
+      return {
+        _id: "",
+        name: "",
+        purchaseOrder: {
+          remark: void 0,
+          ref: 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 _ = Q(e.modelValue ?? u()), P = Q(((k = e.modelValue) == null ? void 0 : k._id) ?? `${Math.random()}`);
+    be(
+      () => e.show,
+      (a) => {
+        var f;
+        a && (_.value = e.modelValue ?? u(), P.value = ((f = e.modelValue) == null ? void 0 : f._id) ?? `${Math.random()}`);
+      }
+    );
+    const I = Q(!1), x = U(() => {
+      switch (e.mode) {
+        case le.READ:
+          return "";
+        case le.CREATE:
+          return i("inventory.transfer.template.create.title");
+        case le.UPDATE:
+          return i("inventory.transfer.template.update.title");
+      }
+      return "";
+    }), S = Q();
+    c({
+      validateInputs: () => {
+        var a, f;
+        (f = (a = S.value) == null ? void 0 : a.validateInputs) == null || f.call(a);
+      },
+      resetInputsValidation: () => {
+        var a, f;
+        (f = (a = S.value) == null ? void 0 : a.resetInputsValidation) == null || f.call(a);
+      },
+      resetInputs: () => {
+        var a, f;
+        (f = (a = S.value) == null ? void 0 : a.resetInputs) == null || f.call(a);
+      }
+    });
+    async function D() {
+      var f, C;
+      const a = _.value;
+      if (a) {
+        I.value = !0, (((f = a.purchaseOrder.supplier) == null ? void 0 : f.internal) === de.enum.warehouse || ((C = a.purchaseOrder.supplier) == null ? void 0 : C.internal) === de.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
+          ({ totalCost: $, ...h }) => h
+        ));
+        try {
+          await g.createTemplate(a), await new Promise(($) => setTimeout($, 1e3)), b.open({
+            title: i("inventory.transfer.template.create.success"),
+            message: i("inventory.transfer.template.create.successMessage"),
+            type: "success"
+          }), l("update:show", !1), l("submitted");
+        } catch ($) {
+          b.open({
+            title: i("inventory.transfer.template.create.error"),
+            message: i("inventory.transfer.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating transfer template", $);
+        } finally {
+          I.value = !1;
+        }
+      }
+    }
+    async function W() {
+      var f, C;
+      const a = _.value;
+      if (a) {
+        I.value = !0, (((f = a.purchaseOrder.supplier) == null ? void 0 : f.internal) === de.enum.warehouse || ((C = a.purchaseOrder.supplier) == null ? void 0 : C.internal) === de.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
+          ({ totalCost: $, ...h }) => h
+        ));
+        try {
+          await g.updateTemplate(a), await new Promise(($) => setTimeout($, 1e3)), b.open({
+            title: i("inventory.transfer.template.update.success"),
+            message: i("inventory.transfer.template.update.successMessage"),
+            type: "success"
+          }), l("update:show", !1), l("submitted");
+        } catch ($) {
+          b.open({
+            title: i("inventory.transfer.template.update.error"),
+            message: i("inventory.transfer.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating transfer template", $);
+        } finally {
+          I.value = !1;
+        }
+      }
+    }
+    function y() {
+      switch (e.mode) {
+        case le.CREATE:
+          return D();
+        case le.UPDATE:
+          return W();
+      }
+    }
+    function d() {
+      var a, f;
+      (f = (a = S.value) == null ? void 0 : a.validateInputs) == null || f.call(a);
+    }
+    return (a, f) => {
+      const C = A("FmButton"), $ = A("FmSideSheet");
+      return R(), X($, {
+        modelValue: t(o),
+        "onUpdate:modelValue": f[2] || (f[2] = (h) => je(o) ? o.value = h : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 1200
+      }, {
+        "side-sheet-header": N(() => [
+          s("div", _s, [
+            s("div", xs, V(x.value), 1)
+          ])
+        ]),
+        default: N(() => [
+          (R(), X(bs, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: S,
+            onValidationSuccess: y,
+            "model-value": _.value,
+            "onUpdate:modelValue": f[0] || (f[0] = (h) => _.value = h),
+            disabled: I.value,
+            key: P.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": N(() => [
+          s("div", hs, [
+            p(C, {
+              loading: I.value,
+              label: t(i)("common.save"),
+              onClick: d
+            }, null, 8, ["loading", "label"]),
+            p(C, {
+              disabled: I.value,
+              variant: "tertiary",
+              label: t(i)("common.close"),
+              onClick: f[1] || (f[1] = (h) => l("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ks = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, Ts = { class: "flex justify-between" }, ws = { class: "fm-typo-en-body-lg-600" }, Fs = { class: "fm-status-badge fm-status-badge-info-secondary" }, Is = { class: "flex flex-col gap-8" }, Ss = { class: "flex flex-col gap-4" }, Cs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $s = { class: "flex gap-1" }, Os = { class: "fm-typo-en-body-lg-600" }, Ms = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Ds = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vs = { class: "fm-typo-en-body-lg-600" }, Rs = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, As = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ps = { class: "fm-typo-en-body-lg-600" }, Us = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, Ls = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bs = { class: "fm-typo-en-body-lg-600" }, qs = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Es = { class: "flex flex-col gap-8" }, Ns = { class: "fm-typo-en-body-lg-600" }, zs = { class: "flex w-full gap-4" }, Hs = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Qs = { class: "fm-typo-en-body-lg-600 shrink-0" }, js = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Ws = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Gs = {
+  key: 0,
+  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, Ks = {
+  key: 0,
+  class: "flex gap-4 items-center"
+}, Zs = { class: "flex flex-col gap-12" }, Js = { class: "flex flex-col gap-8" }, Xs = { class: "flex gap-8 xs:flex-col" }, Ys = /* @__PURE__ */ ee({
+  __name: "TransferTemplateDetails",
+  props: {
+    template: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "action:edit"],
+  setup(m, { emit: c }) {
+    const v = m, e = c, l = pe(), { t: g } = ne(), b = U(() => {
+      var I;
+      return (I = v.template) == null ? void 0 : I.purchaseOrder;
+    }), i = [
+      { accessorKey: "name", header: () => "Name" },
+      { accessorKey: "type", header: () => "Type" }
+    ], o = Q(""), u = U(
+      () => {
+        var I, x, S, D;
+        return ((x = (I = b.value) == null ? void 0 : I.supplier) == null ? void 0 : x.internal) === "restaurant" || ((D = (S = b.value) == null ? void 0 : S.supplier) == null ? void 0 : D.internal) === "warehouse" ? G.TRANSFER : G.PURCHASE;
+      }
+    ), _ = Q(!0), P = Je(v, "show");
+    return (I, x) => {
+      var f;
+      const S = A("FmMenuDivider"), D = A("FmCard"), W = A("FmIcon"), y = A("FmTextField"), d = A("FmTable"), k = A("FmButton"), a = A("FmSideSheet");
+      return R(), X(a, {
+        header: t(g)("inventory.transfer.template.details.view", { template: (f = I.template) == null ? void 0 : f.name }),
+        modelValue: t(P),
+        "onUpdate:modelValue": x[2] || (x[2] = (C) => je(P) ? P.value = C : null),
+        "dismiss-away": _.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: N(() => {
+          var C, $;
+          return [
+            s("div", ks, [
+              s("div", null, [
+                p(D, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: N(() => {
+                    var h, n, r, T, F, L, z;
+                    return [
+                      s("div", Ts, [
+                        s("div", ws, V(t(g)("inventory.transfer.template.details.templateSummary")), 1),
+                        s("div", Fs, V(t(g)(
+                          `inventory.transfer.receiveRequest.details.type.${u.value.toLocaleLowerCase("en-US")}`
+                        )), 1)
+                      ]),
+                      p(S),
+                      s("div", Is, [
+                        s("div", Ss, [
+                          s("div", Cs, [
+                            s("div", $s, V(t(g)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                          ]),
+                          s("div", Os, V(t(ct)(((h = I.template) == null ? void 0 : h._id) ?? "")), 1)
+                        ]),
+                        (r = (n = b.value) == null ? void 0 : n.supplier) != null && r.name ? (R(), j("div", Ms, [
+                          s("div", Ds, V(t(g)("inventory.transfer.receiveRequest.details.from")), 1),
+                          s("div", Vs, V((F = (T = b.value) == null ? void 0 : T.supplier) == null ? void 0 : F.name), 1)
+                        ])) : oe("", !0),
+                        (L = b.value) != null && L.ref ? (R(), j("div", Rs, [
+                          s("div", As, V(t(g)("inventory.transfer.receiveRequest.details.reference")), 1),
+                          s("div", Ps, V(b.value.ref), 1)
+                        ])) : oe("", !0),
+                        (z = b.value) != null && z.remark ? (R(), j("div", Us, [
+                          s("div", Ls, V(t(g)("inventory.transfer.receiveRequest.details.remark")), 1),
+                          s("div", Bs, V(b.value.remark), 1)
+                        ])) : oe("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              s("div", qs, [
+                s("div", Es, [
+                  s("div", Ns, V(t(g)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                  (R(!0), j(_e, null, ze(((C = b.value) == null ? void 0 : C.items) ?? [], (h) => (R(), j("div", {
+                    key: h.code,
+                    class: "flex flex-col"
+                  }, [
+                    s("div", zs, [
+                      s("div", Hs, V(h.name), 1),
+                      x[3] || (x[3] = s("div", { class: "flex-1 min-w-32" }, null, -1)),
+                      s("div", Qs, V(t(xt)(h.quantity, h.sku.unit, h.measurement)), 1)
+                    ]),
+                    s("div", js, [
+                      s("div", Ws, V(h.code), 1),
+                      h.totalCost && t(l).enableTotalCost ? (R(), j("div", Gs, " (" + V(t(ft)(h.totalCost)) + ") ", 1)) : oe("", !0)
+                    ]),
+                    t(ht)(h) ? (R(), j("div", Ks, [
+                      p(W, {
+                        name: "error",
+                        color: "system-error-300",
+                        size: "sm"
+                      }),
+                      x[4] || (x[4] = s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-system-error-400" }, " This item has invalid unit configuration. Apply update on this item. ", -1))
+                    ])) : oe("", !0)
+                  ]))), 128))
+                ])
+              ]),
+              x[6] || (x[6] = s("div", null, null, -1)),
+              x[7] || (x[7] = s("div", null, null, -1)),
+              s("div", Zs, [
+                x[5] || (x[5] = s("div", { class: "flex flex-col" }, [
+                  s("div", { class: "fm-typo-en-body-lg-600" }, "Enabled locations"),
+                  s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " This template is only usable for the following locations. ")
+                ], -1)),
+                s("div", Js, [
+                  p(y, {
+                    modelValue: o.value,
+                    "onUpdate:modelValue": x[0] || (x[0] = (h) => o.value = h),
+                    placeholder: "Filter locations",
+                    "prepend-icon": "search"
+                  }, null, 8, ["modelValue"]),
+                  p(d, {
+                    "hide-footer": "",
+                    style: { height: "500px" },
+                    "column-defs": i,
+                    "search-value": o.value,
+                    "row-data": (($ = v.template) == null ? void 0 : $.locations) ?? [{ name: "All locations" }]
+                  }, null, 8, ["search-value", "row-data"])
+                ])
+              ])
+            ])
+          ];
+        }),
+        "side-sheet-footer": N(() => [
+          s("div", Xs, [
+            p(k, {
+              label: t(g)("common.edit"),
+              onClick: x[1] || (x[1] = (C) => e("action:edit")),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+}), eo = { class: "flex-1 flex flex-col gap-8" }, to = { class: "flex flex-col" }, so = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, oo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, no = { class: "fm-typo-en-body-lg-400" }, lo = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, ao = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, _o = /* @__PURE__ */ ee({
+  __name: "TransferTemplateView",
+  setup(m) {
+    const { t: c } = ne(), { createTemplate: v, viewTemplate: e, importTemplates: l, exportTemplates: g } = qe(), { templateDialogProps: b, templateDetailsProps: i } = Ee(qe()), o = gt(), { loading: u, templates: _ } = Ee(o), P = Q(!1), I = yt(), x = Ke(), { breakpoints: S } = wt();
+    ve(o.fetchTemplates);
+    const D = U(
+      () => P.value || u.value || !x._currentLocation
+    ), W = U(() => _.value), y = Q(""), d = U(() => S.value.xs || S.value.sm), k = U(() => d.value ? 10 : 20);
+    function a($) {
+      switch ($) {
+        case Be.Add:
+          return v();
+        case "refresh":
+          return o.fetchTemplates();
+        case "import":
+          return l();
+        case "export":
+          return g();
+      }
+    }
+    function f($) {
+      return $;
+    }
+    const C = U(() => [
+      {
+        label: c("inventory.closing.template.create.title"),
+        value: Be.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: c("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: c("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: c("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ]);
+    return ($, h) => {
+      const n = A("FmTable");
+      return R(), j(_e, null, [
+        p(vt, {
+          title: t(c)("inventory.transfer.template.title2"),
+          actions: C.value,
+          "onClick:action": a
+        }, {
+          default: N(() => {
+            var r;
+            return [
+              s("div", {
+                class: Y([
+                  "flex flex-col gap-8 max-h-full",
+                  {
+                    "p-0": d.value,
+                    "px-24 ": !d.value
+                  }
+                ])
+              }, [
+                p(bt, {
+                  searchable: "",
+                  search: y.value,
+                  "onUpdate:search": h[0] || (h[0] = (T) => y.value = T)
+                }, null, 8, ["search"]),
+                (R(), X(n, {
+                  style: He(t(I).tableHeight),
+                  "column-defs": t(o).columnDefs,
+                  "row-data": W.value,
+                  "search-value": y.value,
+                  loading: D.value,
+                  key: (r = t(x)._currentLocation) == null ? void 0 : r.dbName,
+                  onRowClick: h[1] || (h[1] = (T) => t(e)(T.original)),
+                  "page-size": k.value
+                }, {
+                  "list-row": N((T) => [
+                    p(Ze, {
+                      row: T,
+                      onRowClick: (F) => t(e)(F)
+                    }, {
+                      default: N((F) => {
+                        var L, z, O, M, B, q, w, E, te, xe, he, ge, ke, ae, Te, we, Fe, Ie, Se, Ce, re, $e, Oe, Me, De, ie, Ve;
+                        return [
+                          s("div", eo, [
+                            s("div", to, [
+                              s("div", so, [
+                                p(t(K), {
+                                  render: (O = (z = (L = F._id) == null ? void 0 : L.column) == null ? void 0 : z.columnDef) == null ? void 0 : O.cell,
+                                  props: (B = (M = F._id) == null ? void 0 : M.getContext) == null ? void 0 : B.call(M)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              s("div", oo, [
+                                p(t(K), {
+                                  render: (E = (w = (q = F.name) == null ? void 0 : q.column) == null ? void 0 : w.columnDef) == null ? void 0 : E.cell,
+                                  props: (xe = (te = F.name) == null ? void 0 : te.getContext) == null ? void 0 : xe.call(te)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              s("div", no, [
+                                p(t(K), {
+                                  render: (ke = (ge = (he = F.supplier) == null ? void 0 : he.column) == null ? void 0 : ge.columnDef) == null ? void 0 : ke.cell,
+                                  props: (Te = (ae = F.supplier) == null ? void 0 : ae.getContext) == null ? void 0 : Te.call(ae)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              s("div", null, V((we = T.original.locations) != null && we.length ? `Enabled for ${(Fe = T.original.locations) == null ? void 0 : Fe.length} outlets` : "Enabled for all outlets"), 1),
+                              s("div", lo, V(T.original.purchaseOrder.items.length ? T.original.purchaseOrder.items.map((Ye) => Ye.name).join(", ") : "No items"), 1),
+                              s("div", ao, [
+                                p(t(K), {
+                                  render: (Ce = (Se = (Ie = F.ref) == null ? void 0 : Ie.column) == null ? void 0 : Se.columnDef) == null ? void 0 : Ce.cell,
+                                  props: ($e = (re = F.ref) == null ? void 0 : re.getContext) == null ? void 0 : $e.call(re)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            s("div", null, [
+                              p(t(K), {
+                                render: (De = (Me = (Oe = F.type) == null ? void 0 : Oe.column) == null ? void 0 : Me.columnDef) == null ? void 0 : De.cell,
+                                props: (Ve = (ie = F.type) == null ? void 0 : ie.getContext) == null ? void 0 : Ve.call(ie)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["row", "onRowClick"])
+                  ]),
+                  _: 1
+                }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+              ], 2)
+            ];
+          }),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (R(), X(st, { to: "body" }, [
+          p(Ys, ot(nt(t(i))), null, 16),
+          p(gs, Qe(t(b), {
+            onSubmitted: h[2] || (h[2] = (r) => t(o).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  _o as default
+};