@feedmepos/mf-inventory-portal 1.0.20 → 1.0.21

package/dist/TransferTemplateView-CP24Mv9n.js

@@ -1,1421 +0,0 @@
-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 Z, 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 lt } from "vue";
-import { J as Ge, aD as ce, t as Ue, I as nt, aE as at, aF as rt, i as Y, aG as it, b as ut, a as Ke, P as Le, l as fe, X as me, Q as ue, A as ye, M as dt, E as W, u as We, ah as mt, $ as pt, C as Ye, d as ne, aH as de, ae as ct, a6 as ft, z as yt, h as Be, _ as vt, B as bt } from "./app-D6VUced2.js";
-import { useI18n as le } from "@feedmepos/mf-common";
-import { P as K, a as _t, f as ht, t as xt, b as qe, u as gt } from "./format-unit-display-CKfsmYU1.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-TSO_zgPu.js";
-import { u as pe } from "./feature-BXo8MNXq.js";
-import { c as Ot, u as Mt, _ as Dt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-LV2wLWWk.js";
-import { u as Vt } from "./supplier-DsBIy15T.js";
-import { u as Rt } from "./use-ingredient-select-dialog-DVBnJIlK.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 = Ge("modelValue"), e = nt();
-    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 n = 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 = n.value, a = ce(d, k);
-      return rt(
-        +Y(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 = n.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(), h = Q(!1), S = Q(!1), D = U(() => h.value || S.value), G = 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 : +Y(k.min) > +Y(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] = () => h.value = !0),
-                    onBlur: d[1] || (d[1] = () => h.value = !1),
-                    "onUpdate:modelValue": d[2] || (d[2] = (C) => b.value = C),
-                    class: Z({
-                      "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: Z({
-                      "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: G.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 : +Y(e.min) < m ? `Must be between ${m} and ${c}` : +Y(e.max) > c ? `Must be between ${m} and ${c}` : !0;
-  };
-}
-function Ht(m) {
-  const c = it(m), v = Y(m);
-  return function(n) {
-    const g = !(n != null && n.min) || c(n.min) === !0, b = !(n != null && n.max) || c(n.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, n, g, b) {
-    var o;
-    if (!n) {
-      b == null || b("Unit is not valid");
-      return;
-    }
-    let i = v.code;
-    if (m.isEnabled) {
-      const u = m.getItemPKTCode(e, (o = n.measurement) == null ? void 0 : o.id);
-      u && (i = u);
-    }
-    g({
-      ...v,
-      quantity: n.amount,
-      measurement: n.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 } = le(), v = Ke(), e = pe(), n = 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 ? n[i.sku._id] = o.amount !== u.amount || o.precision !== u.precision : n[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 h;
-        const o = i.row.original, u = v.skuById[o.sku._id], _ = v.unitById[(h = u.unit) == null ? void 0 : h._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),
-            ...+Y(o.quantity) ? [
-              Ct(
-                +Y(
-                  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 ? +Y(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(
-              +Y({
-                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: Y(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 === K.PURCHASE ? g : g.filter((o) => o.id !== "Cost"))
-  };
-}
-const jt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-center" }, Kt = { class: "flex-1 flex gap-1 items-center" }, Wt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Yt = { 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" }, Zt = { 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" }, ls = { class: "flex-1 flex flex-col gap-4" }, ns = /* @__PURE__ */ ee({
-  __name: "TransferTemplateItem",
-  props: {
-    cellByColId: {},
-    row: {}
-  },
-  setup(m) {
-    const { t: c } = le();
-    function v(e) {
-      return e;
-    }
-    return (e, n) => {
-      var b, i, o, u, _, P, I, h, S, D, G, y, d, k, a, f, C, $, x, l, r, T, F, L, z, O, M, B, q, w;
-      const g = A("FmLabel");
-      return R(), j("div", jt, [
-        s("div", Gt, [
-          s("div", Kt, [
-            s("span", Wt, " (" + V(e.row.original.sku.code) + ") ", 1),
-            s("span", Yt, V(e.row.original.sku.name), 1)
-          ]),
-          s("div", null, [
-            p(t(W), {
-              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(W), {
-              render: (h = (I = (P = e.cellByColId[t(H).Code]) == null ? void 0 : P.column) == null ? void 0 : I.columnDef) == null ? void 0 : h.cell,
-              props: (D = (S = e.cellByColId[t(H).Code]) == null ? void 0 : S.getContext) == null ? void 0 : D.call(S)
-            }, null, 8, ["render", "props"]),
-            n[0] || (n[0] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ]),
-          s("div", Zt, [
-            p(g, {
-              label: t(c)(`inventory.transfer.form.items.table.${t(H).Name}`)
-            }, null, 8, ["label"]),
-            p(t(W), {
-              render: (d = (y = (G = e.cellByColId[t(H).Name]) == null ? void 0 : G.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"]),
-            n[1] || (n[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(W), {
-              render: ($ = (C = (f = e.cellByColId[t(H).DefaultAmount]) == null ? void 0 : f.column) == null ? void 0 : C.columnDef) == null ? void 0 : $.cell,
-              props: (l = (x = e.cellByColId[t(H).DefaultAmount]) == null ? void 0 : x.getContext) == null ? void 0 : l.call(x)
-            }, null, 8, ["render", "props"]),
-            n[2] || (n[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(W), {
-              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"]),
-            n[3] || (n[3] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ])) : oe("", !0),
-        s("div", os, [
-          s("div", ls, [
-            p(g, {
-              label: t(c)(`inventory.transfer.form.items.table.${t(H).Limit}`)
-            }, null, 8, ["label"]),
-            p(t(W), {
-              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"]),
-            n[4] || (n[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(), (n) => {
-        var g, b, i, o, u;
-        return R(), j("td", {
-          key: n.id,
-          class: Z(["text-fm-color-typo-primary", ((g = c(n)) == null ? void 0 : g.cellClass) ?? "px-16"]),
-          style: He({
-            width: (b = c(n)) != null && b.width ? (i = c(n)) == null ? void 0 : i.width : n.column.getSize() !== 0 ? `${n.column.getSize()}px` : void 0,
-            maxWidth: (o = c(n)) == null ? void 0 : o.maxWidth,
-            textAlign: ((u = c(n)) == null ? void 0 : u.textAlign) ?? "left"
-          })
-        }, [
-          s("span", rs, [
-            p(t(W), {
-              props: n.getContext(),
-              render: n.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 = Ge(), { t: n } = le(), g = We(), b = Ke(), i = Vt(), o = pe(), u = Xe();
-    be(
-      () => v.modelValue,
-      (l) => {
-        console.log("TransferTemplateForm.model", l);
-      }
-    ), g.watchLocation(async () => {
-      location && (e.purchaseOrder.supplier || (e.purchaseOrder.supplier = i.suppliers.find((l) => l) ?? e.purchaseOrder.supplier));
-    }), kt();
-    const _ = Mt(
-      () => e.purchaseOrder,
-      (l) => {
-        e.purchaseOrder = {
-          ...e.purchaseOrder,
-          supplier: l.supplier ?? (e == null ? void 0 : e.purchaseOrder.supplier)
-        };
-      }
-    ), P = U({
-      get() {
-        var l, r;
-        return typeof ((r = (l = e.purchaseOrder) == null ? void 0 : l.supplier) == null ? void 0 : r.internal) == "string" ? K.TRANSFER : K.PURCHASE;
-      },
-      set(l) {
-        var T, F;
-        const r = typeof ((F = (T = e.purchaseOrder) == null ? void 0 : T.supplier) == null ? void 0 : F.internal) == "string" ? K.TRANSFER : K.PURCHASE;
-        l !== r && (e.purchaseOrder.supplier = l === K.PURCHASE ? _.locationOptionsTypePurchase.value[0] : _.locationOptionsTypeTransfer.value[0]);
-      }
-    }), I = U(() => _.transferLocationOptions.value), h = U({
-      get() {
-        var l;
-        return (l = e.purchaseOrder.supplier) == null ? void 0 : l._id;
-      },
-      set(l) {
-        _.transferLocationModel.value = l;
-      }
-    }), {
-      promptSelectLocations: S,
-      columnDefs: D,
-      rowData: G
-    } = mt({
-      getLocations() {
-        return e.locations;
-      },
-      setLocations(l) {
-        e.locations = l;
-      }
-    });
-    function y() {
-      var l, r;
-      return (l = e.locations) != null && l.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(l) {
-        e.purchaseOrder.remark = l;
-      }
-    }), k = Q();
-    c({
-      validateInputs: () => {
-        var l, r;
-        (r = (l = k.value) == null ? void 0 : l.validateInputs) == null || r.call(l);
-      },
-      resetInputsValidation: () => {
-        var l, r;
-        (r = (l = k.value) == null ? void 0 : l.resetInputsValidation) == null || r.call(l);
-      },
-      resetInputs: () => {
-        var l, r;
-        (r = (l = k.value) == null ? void 0 : l.resetInputs) == null || r.call(l);
-      }
-    });
-    const a = U(() => ({
-      duplicateItem: (l) => {
-        e.purchaseOrder.items = [
-          ...e.purchaseOrder.items,
-          {
-            ...l
-          }
-        ];
-      },
-      updateItem: (l) => {
-        let r = [];
-        l.id ? r = e.purchaseOrder.items.map((T) => T.id !== l.id ? T : l) : r = e.purchaseOrder.items.map((T) => T.sku._id !== l.sku._id ? T : l), e.purchaseOrder.items = r;
-      },
-      deleteItem: (l) => {
-        console.log(l.id);
-        let r = [];
-        l.id ? r = e.purchaseOrder.items.filter((T) => T.id !== l.id) : r = e.purchaseOrder.items.filter((T) => T.sku._id !== l.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 K.PURCHASE;
-      },
-      get disabled() {
-        return v.disabled;
-      }
-    }), C = U(() => f.columnDefs.value), { promptSelectIngredients: $ } = Rt();
-    async function x() {
-      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 (l, 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: l.disabled
-      }, {
-        default: N(() => {
-          var q;
-          return [
-            s("div", us, [
-              s("div", ds, [
-                p(T, {
-                  label: t(n)("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(n)("inventory.transfer.form.type.title"),
-                  "model-value": P.value,
-                  "onUpdate:modelValue": r[1] || (r[1] = (w) => P.value = w),
-                  items: [
-                    {
-                      label: t(n)("inventory.transfer.form.type.purchase"),
-                      value: t(K).PURCHASE,
-                      disabled: !t(_).locationOptionsTypePurchase.value.length,
-                      sublabel: t(_).locationOptionsTypePurchase.value.length ? void 0 : t(n)("inventory.transfer.form.noSupplierAvailable")
-                    },
-                    {
-                      label: t(n)("inventory.transfer.form.type.transfer"),
-                      value: t(K).TRANSFER,
-                      disabled: !t(_).locationOptionsTypeTransfer.value.length,
-                      sublabel: t(_).locationOptionsTypeTransfer.value.length ? void 0 : t(n)("inventory.transfer.form.noLocationAvailable")
-                    }
-                  ],
-                  rules: [t(ye)(1)(I.value)]
-                }, {
-                  default: N(() => [
-                    s("span", {
-                      class: Z([
-                        "line-clamp-1 fm-typo-en-body-lg-400",
-                        l.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(K).PURCHASE ? t(n)("inventory.transfer.form.purchaseFrom") : t(n)("inventory.transfer.form.transferFrom"),
-                  modelValue: h.value,
-                  "onUpdate:modelValue": r[2] || (r[2] = (w) => h.value = w),
-                  items: I.value
-                }, {
-                  "menu-wrapper": N((w) => {
-                    var E;
-                    return [
-                      p(Dt, Qe(w, {
-                        items: I.value,
-                        "model-value": (E = l.modelValue.purchaseOrder.supplier) == null ? void 0 : E._id
-                      }), null, 16, ["items", "model-value"])
-                    ];
-                  }),
-                  default: N(() => {
-                    var w;
-                    return [
-                      s("span", {
-                        class: Z([
-                          "line-clamp-1 fm-typo-en-body-lg-400",
-                          l.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                        ])
-                      }, V((w = I.value.find((E) => E.value === h.value)) == null ? void 0 : w.label), 3)
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["label", "modelValue", "items"]),
-                p(T, {
-                  label: t(n)("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(n)("inventory.transfer.form.remark"),
-                  "label-mark": "optional",
-                  "max-length": 240,
-                  modelValue: d.value,
-                  "onUpdate:modelValue": r[4] || (r[4] = (w) => d.value = w),
-                  class: Z({ "text-fm-color-typo-disabled": l.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: l.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(G),
-                "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(n)("inventory.transfer.form.items.title")), 1),
-                p(z, {
-                  disabled: l.disabled,
-                  label: t(n)("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) => x()),
-                  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: l.disabled
-                  }, null, 8, ["row", "disabled"])
-                ]),
-                "list-row": N((w) => [
-                  (R(), X(Ye, {
-                    row: w,
-                    key: t(e).purchaseOrder.items.map((E) => E.sku._id).join(".")
-                  }, {
-                    default: N((E) => [
-                      p(ns, {
-                        row: w,
-                        "cell-by-col-id": E,
-                        "onUpdate:item": r[7] || (r[7] = (te) => a.value.updateItem(te)),
-                        disabled: l.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" }, hs = { class: "fm-typo-en-title-md-800" }, xs = { 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, n = v, g = _t(), b = Tt(), { t: i } = le(), 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), h = U(() => {
-      switch (e.mode) {
-        case ne.READ:
-          return "";
-        case ne.CREATE:
-          return i("inventory.transfer.template.create.title");
-        case ne.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: $, ...x }) => x
-        ));
-        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"
-          }), n("update:show", !1), n("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 G() {
-      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: $, ...x }) => x
-        ));
-        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"
-          }), n("update:show", !1), n("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 ne.CREATE:
-          return D();
-        case ne.UPDATE:
-          return G();
-      }
-    }
-    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] = (x) => je(o) ? o.value = x : null),
-        "dismiss-away": "",
-        "close-button": "",
-        "max-width": 1200
-      }, {
-        "side-sheet-header": N(() => [
-          s("div", _s, [
-            s("div", hs, V(h.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] = (x) => _.value = x),
-            disabled: I.value,
-            key: P.value
-          }, null, 8, ["model-value", "disabled"]))
-        ]),
-        "side-sheet-footer": N(() => [
-          s("div", xs, [
-            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] = (x) => n("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" }, Gs = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Ks = {
-  key: 0,
-  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, Ws = {
-  key: 0,
-  class: "flex gap-4 items-center"
-}, Ys = { class: "flex flex-col gap-12" }, Js = { class: "flex flex-col gap-8" }, Xs = { class: "flex gap-8 xs:flex-col" }, Zs = /* @__PURE__ */ ee({
-  __name: "TransferTemplateDetails",
-  props: {
-    template: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "action:edit"],
-  setup(m, { emit: c }) {
-    const v = m, e = c, n = pe(), { t: g } = le(), 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, h, S, D;
-        return ((h = (I = b.value) == null ? void 0 : I.supplier) == null ? void 0 : h.internal) === "restaurant" || ((D = (S = b.value) == null ? void 0 : S.supplier) == null ? void 0 : D.internal) === "warehouse" ? K.TRANSFER : K.PURCHASE;
-      }
-    ), _ = Q(!0), P = Je(v, "show");
-    return (I, h) => {
-      var f;
-      const S = A("FmMenuDivider"), D = A("FmCard"), G = 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": h[2] || (h[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 x, l, 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)(((x = I.template) == null ? void 0 : x._id) ?? "")), 1)
-                        ]),
-                        (r = (l = b.value) == null ? void 0 : l.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) ?? [], (x) => (R(), j("div", {
-                    key: x.code,
-                    class: "flex flex-col"
-                  }, [
-                    s("div", zs, [
-                      s("div", Hs, V(x.name), 1),
-                      h[3] || (h[3] = s("div", { class: "flex-1 min-w-32" }, null, -1)),
-                      s("div", Qs, V(t(ht)(x.quantity, x.sku.unit, x.measurement)), 1)
-                    ]),
-                    s("div", js, [
-                      s("div", Gs, V(x.code), 1),
-                      x.totalCost && t(n).enableTotalCost ? (R(), j("div", Ks, " (" + V(t(ft)(x.totalCost)) + ") ", 1)) : oe("", !0)
-                    ]),
-                    t(xt)(x) ? (R(), j("div", Ws, [
-                      p(G, {
-                        name: "error",
-                        color: "system-error-300",
-                        size: "sm"
-                      }),
-                      h[4] || (h[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))
-                ])
-              ]),
-              h[6] || (h[6] = s("div", null, null, -1)),
-              h[7] || (h[7] = s("div", null, null, -1)),
-              s("div", Ys, [
-                h[5] || (h[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": h[0] || (h[0] = (x) => o.value = x),
-                    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: h[1] || (h[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" }, lo = { class: "fm-typo-en-body-lg-400" }, no = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, ao = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ho = /* @__PURE__ */ ee({
-  __name: "TransferTemplateView",
-  setup(m) {
-    const { t: c } = le(), { createTemplate: v, viewTemplate: e, importTemplates: n, exportTemplates: g } = qe(), { templateDialogProps: b, templateDetailsProps: i } = Ee(qe()), o = gt(), { loading: u, templates: _ } = Ee(o), P = Q(!1), I = yt(), h = We(), { breakpoints: S } = wt();
-    ve(o.fetchTemplates);
-    const D = U(
-      () => P.value || u.value || !h._currentLocation
-    ), G = 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 n();
-        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 ($, x) => {
-      const l = 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: Z([
-                  "flex flex-col gap-8 max-h-full",
-                  {
-                    "p-0": d.value,
-                    "px-24 ": !d.value
-                  }
-                ])
-              }, [
-                p(bt, {
-                  searchable: "",
-                  search: y.value,
-                  "onUpdate:search": x[0] || (x[0] = (T) => y.value = T)
-                }, null, 8, ["search"]),
-                (R(), X(l, {
-                  style: He(t(I).tableHeight),
-                  "column-defs": t(o).columnDefs,
-                  "row-data": G.value,
-                  "search-value": y.value,
-                  loading: D.value,
-                  key: (r = t(h)._currentLocation) == null ? void 0 : r.dbName,
-                  onRowClick: x[1] || (x[1] = (T) => t(e)(T.original)),
-                  "page-size": k.value
-                }, {
-                  "list-row": N((T) => [
-                    p(Ye, {
-                      row: T,
-                      onRowClick: (F) => t(e)(F)
-                    }, {
-                      default: N((F) => {
-                        var L, z, O, M, B, q, w, E, te, he, xe, 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(W), {
-                                  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(W), {
-                                  render: (E = (w = (q = F.name) == null ? void 0 : q.column) == null ? void 0 : w.columnDef) == null ? void 0 : E.cell,
-                                  props: (he = (te = F.name) == null ? void 0 : te.getContext) == null ? void 0 : he.call(te)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              s("div", lo, [
-                                p(t(W), {
-                                  render: (ke = (ge = (xe = F.supplier) == null ? void 0 : xe.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", no, V(T.original.purchaseOrder.items.length ? T.original.purchaseOrder.items.map((Ze) => Ze.name).join(", ") : "No items"), 1),
-                              s("div", ao, [
-                                p(t(W), {
-                                  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(W), {
-                                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(Zs, ot(lt(t(i))), null, 16),
-          p(gs, Qe(t(b), {
-            onSubmitted: x[2] || (x[2] = (r) => t(o).fetchTemplates())
-          }), null, 16)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  ho as default
-};