@feedmepos/mf-inventory-portal 0.0.25-dev.37 → 0.0.25-dev.38

package/dist/TransferTemplateView-C6-6Db2r.js

@@ -1,1524 +0,0 @@
-import { defineComponent as re, onMounted as Te, computed as q, ref as K, watch as he, inject as tt, resolveComponent as A, openBlock as F, createElementBlock as j, createElementVNode as o, createVNode as m, withCtx as B, renderSlot as Ae, withDirectives as Ue, normalizeClass as ae, vModelText as Pe, reactive as ot, h as se, toDisplayString as D, unref as e, createCommentVNode as ne, Fragment as me, renderList as ke, normalizeStyle as He, createBlock as te, mergeProps as Qe, isRef as we, createSlots as lt, Teleport as st, normalizeProps as nt, guardReactiveProps as at } from "vue";
-import { G as je, aD as ge, t as Le, I as rt, aE as it, aF as ut, i as oe, aG as dt, b as Ke, a as Ge, Z as Be, l as xe, O as be, K as ye, A as _e, M as mt, E as Y, u as We, af as pt, T as ct, ag as ft, B as Ze, d as de, aH as ve, ac as yt, a0 as vt, y as bt, h as qe, _ as ht, z as gt } from "./app-C720GM9g.js";
-import { useI18n as ue } from "@feedmepos/mf-common";
-import { P as X, a as xt, f as _t, t as Tt, b as Ee, u as kt } from "./format-unit-display-DhVGfJ3A.js";
-import { components as ie, useSnackbar as wt, useProxiedModel as Je, useBreakpoints as Ft } from "@feedmepos/ui-library";
-import { defineStore as Ct, storeToRefs as Ne } from "pinia";
-import { _ as It, b as St, F as $t, a as Mt } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CD0p0eOE.js";
-import { u as Xe } from "./feature-Df0TfAlQ.js";
-import { c as Ot, u as Vt, _ as Dt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DKxW0e2c.js";
-import { u as Rt } from "./supplier-y6wN-U1P.js";
-import { u as At } from "./use-ingredient-select-dialog-DedAlRiZ.js";
-const Ut = { class: "flex flex-col" }, Pt = { class: "flex flex-col" }, Lt = { class: "flex-1" }, Bt = { class: "flex items-center" }, qt = { class: "flex-1" }, Et = { class: "flex-1" }, Nt = /* @__PURE__ */ re({
-  __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(p) {
-    const v = p, b = je("modelValue"), t = rt();
-    Te(() => {
-      const { min: c, max: d } = b ?? {};
-      if (!(!c || !d) && c.precision !== d.precision) {
-        const x = Math.max(c.precision, d.precision), i = ge(c, x), y = ge(d, x);
-        b.min = i, b.max = y;
-      }
-    });
-    const n = q(() => {
-      const { min: c, max: d } = b ?? {};
-      return Math.max((c == null ? void 0 : c.precision) ?? 0, (d == null ? void 0 : d.precision) ?? 0, v.precision ?? 0);
-    }), _ = (c) => {
-      if (!c) return "";
-      const d = it(c), x = n.value, i = ge(d, x);
-      return ut(
-        +oe(i),
-        i.precision
-      );
-    }, a = K(_(b.min)), l = K(_(b.max));
-    he([a, l], ([c, d]) => {
-      const x = b ?? {}, i = t(c), y = t(d), O = n.value;
-      if (c !== "" && i === !0) {
-        const w = Le(+c, O);
-        x.min = w;
-      } else
-        x.min = null;
-      if (d !== "" && y === !0) {
-        const w = Le(+d, O);
-        x.max = w;
-      } else
-        x.max = null;
-      b.min = x.min, b.max = x.max;
-    });
-    const u = Symbol.for("fm:form-state"), f = tt(u, null), M = q(() => v.disabled ?? (f == null ? void 0 : f.getDisabled()) ?? !1), E = K(), $ = K(), R = K(!1), g = K(!1), S = q(() => R.value || g.value), h = q(() => [...[
-      function() {
-        return typeof t(a.value) == "string" || typeof t(l.value) == "string" ? "Must be a number" : !0;
-      },
-      function(x) {
-        return !x || !x.min || !x.max ? !0 : +oe(x.min) > +oe(x.max) ? "Min must be less than or equal to max" : !0;
-      }
-    ], ...v.rules ?? []]);
-    return (c, d) => {
-      const x = A("FmLabel"), i = A("FmField"), y = A("FmFormGroup");
-      return F(), j("div", Ut, [
-        o("div", Pt, [
-          o("div", Lt, [
-            m(x, {
-              label: c.label,
-              disabled: c.disabled,
-              required: c.labelMark === "required",
-              optional: c.labelMark === "optional"
-            }, null, 8, ["label", "disabled", "required", "optional"])
-          ]),
-          m(i, { focused: S.value }, {
-            default: B(() => [
-              o("div", Bt, [
-                Ae(c.$slots, "prepend"),
-                d[6] || (d[6] = o("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
-                o("div", qt, [
-                  Ue(o("input", {
-                    type: "text",
-                    ref_key: "minInputRef",
-                    ref: E,
-                    onFocus: d[0] || (d[0] = () => R.value = !0),
-                    onBlur: d[1] || (d[1] = () => R.value = !1),
-                    "onUpdate:modelValue": d[2] || (d[2] = (O) => a.value = O),
-                    class: ae({
-                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !M.value,
-                      "text-fm-color-typo-disabled": M.value
-                    })
-                  }, null, 34), [
-                    [Pe, a.value]
-                  ])
-                ]),
-                d[7] || (d[7] = o("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
-                d[8] || (d[8] = o("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
-                o("div", Et, [
-                  Ue(o("input", {
-                    type: "text",
-                    ref_key: "maxInputRef",
-                    ref: $,
-                    onFocus: d[3] || (d[3] = () => g.value = !0),
-                    onBlur: d[4] || (d[4] = () => g.value = !1),
-                    "onUpdate:modelValue": d[5] || (d[5] = (O) => l.value = O),
-                    class: ae({
-                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !M.value,
-                      "text-fm-color-typo-disabled": M.value
-                    })
-                  }, null, 34), [
-                    [Pe, l.value]
-                  ])
-                ]),
-                Ae(c.$slots, "append")
-              ])
-            ]),
-            _: 3
-          }, 8, ["focused"])
-        ]),
-        m(y, {
-          class: "flex-1",
-          "model-value": c.modelValue,
-          info: c.labelInfo,
-          rules: h.value,
-          "helper-text": c.helperText,
-          "helper-state": c.helperState
-        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
-      ]);
-    };
-  }
-});
-function zt({ min: p, max: v } = { min: !0, max: !0 }) {
-  return function(t) {
-    return !t || !t.min && p != !1 || !t.max && v != !1 ? "Required" : !0;
-  };
-}
-function Ht(p, v) {
-  return function(t) {
-    return !t || !t.min || !t.max ? !0 : +oe(t.min) < p ? `Must be between ${p} and ${v}` : +oe(t.max) > v ? `Must be between ${p} and ${v}` : !0;
-  };
-}
-function Qt(p) {
-  const v = dt(p), b = oe(p);
-  return function(n) {
-    const _ = !(n != null && n.min) || v(n.min) === !0, a = !(n != null && n.max) || v(n.max) === !0;
-    return !_ && !a ? `Min & max must be a multiple of ${b}` : _ ? a ? !0 : `Max must be a multiple of ${b}` : `Min must be a multiple of ${b}`;
-  };
-}
-const Ye = Ct("transfer-template-helper", () => {
-  const p = Ke();
-  function v(b, t, n, _, a) {
-    var u;
-    if (!n) {
-      a == null || a("Unit is not valid");
-      return;
-    }
-    let l = b.code;
-    if (p.isEnabled) {
-      const f = p.getItemPKTCode(t, (u = n.measurement) == null ? void 0 : u.id);
-      f && (l = f);
-    }
-    _({
-      ...b,
-      quantity: n.amount,
-      measurement: n.measurement ?? null,
-      code: l
-    });
-  }
-  return {
-    validateUnitInput: v
-  };
-});
-var G = /* @__PURE__ */ ((p) => (p.Code = "Code", p.Name = "Name", p.DefaultAmount = "DefaultAmount", p.Limit = "Limit", p.Step = "Step", p.Cost = "Cost", p.Delete = "Delete", p))(G || {});
-const ze = Ye();
-function jt(p) {
-  const { t: v } = ue(), b = Ge(), t = ot({});
-  Te(() => {
-    for (const a of p.items) {
-      if (!a.totalCost)
-        continue;
-      const l = Ot(a.sku, a.quantity, a.measurement, {
-        supplier: p.supplier
-      }), u = a.totalCost ?? Be.reset();
-      l ? t[a.sku._id] = l.amount !== u.amount || l.precision !== u.precision : t[a.sku._id] = !0;
-    }
-  });
-  const n = [
-    {
-      id: "Code",
-      header: () => v("inventory.transfer.form.items.table.Code"),
-      accessorKey: "code",
-      size: 180,
-      cell(a) {
-        const l = a.row.original;
-        return se(ie.FmTextField, {
-          modelValue: l.code,
-          "onUpdate:modelValue": (u) => {
-            p.updateItem({
-              ...l,
-              code: u
-            });
-          },
-          key: l.sku._id,
-          rules: [xe()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Name",
-      header: () => v("inventory.transfer.form.items.table.Name"),
-      minSize: 300,
-      cell(a) {
-        const l = a.row.original;
-        return se(ie.FmTextField, {
-          modelValue: l.name,
-          "onUpdate:modelValue": (u) => {
-            p.updateItem({
-              ...l,
-              name: u
-            });
-          },
-          key: l.sku._id,
-          rules: [xe()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "DefaultAmount",
-      header: () => v("inventory.transfer.form.items.table.DefaultAmount"),
-      minSize: 200,
-      cell(a) {
-        var $;
-        const l = a.row.original, u = b.skuById[l.sku._id], f = b.unitById[($ = u.unit) == null ? void 0 : $._id], M = f.measurements.find((R) => {
-          var g;
-          return ((g = l.measurement) == null ? void 0 : g.id) === R.id;
-        }), E = l.sku.unit._id !== u.unit._id || !f || l.measurement && !M;
-        return se(It, {
-          style: {
-            flex: "1 1 0%"
-          },
-          modelValue: {
-            amount: l.quantity ?? { amount: 1, precision: 0 },
-            // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-            measurement: l.measurement ?? (l.sku.unit._id !== u.unit._id ? { ...l.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
-          },
-          disabled: p.disabled,
-          key: l.sku._id,
-          unit: f,
-          "onUpdate:modelValue": (R) => {
-            ze.validateUnitInput(
-              l,
-              u,
-              R,
-              (g) => {
-                p.updateItem({
-                  ...l,
-                  code: g.code,
-                  sku: u,
-                  quantity: g.quantity,
-                  measurement: g.measurement
-                });
-              }
-            );
-          },
-          rules: [
-            St(l.quantityStep),
-            ...+oe(l.quantity) ? [
-              $t(
-                +oe(
-                  l.minimumQuantity ?? {
-                    amount: 1,
-                    // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-                    precision: be(l.sku.unit, l.measurement)
-                  }
-                )
-              )
-            ] : [],
-            Mt(
-              l.maximumQuantity ? +oe(l.maximumQuantity) : 1 / 0
-            ),
-            function(g) {
-              return E ? "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(a) {
-        const l = a.row.original;
-        return se(Nt, {
-          style: {
-            flex: "1 1 0%"
-          },
-          modelValue: {
-            min: l.minimumQuantity,
-            max: l.maximumQuantity
-          },
-          disabled: p.disabled,
-          key: l.sku._id,
-          unit: l.sku.unit,
-          "onUpdate:modelValue": (u) => {
-            const f = { ...l };
-            u != null && u.min ? f.minimumQuantity = u.min : f.minimumQuantity = null, u != null && u.max ? f.maximumQuantity = u.max : f.maximumQuantity = null, p.updateItem(f);
-          },
-          rules: [
-            zt({ max: !1 }),
-            Qt(l.quantityStep),
-            Ht(
-              +oe({
-                amount: 0,
-                precision: be(l.sku.unit, l.measurement)
-              }),
-              1 / 0
-            )
-          ],
-          disableUnit: !0,
-          applyDefaultRules: !0
-        });
-      }
-    },
-    {
-      id: "Step",
-      header: () => v("inventory.transfer.form.items.table.Step"),
-      minSize: 100,
-      cell(a) {
-        const l = a.row.original;
-        return se(ie.FmTextField, {
-          modelValue: oe(l.quantityStep ?? Be.reset(), !1),
-          key: l.sku._id,
-          "onUpdate:modelValue": (u) => {
-            p.updateItem({
-              ...l,
-              quantityStep: ye(+u)
-            });
-          },
-          rules: [
-            _e({
-              amount: 1,
-              precision: be(l.sku.unit, l.measurement)
-            }),
-            mt(l.sku.unit, l.measurement)
-          ]
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Delete",
-      header: "",
-      cell(a) {
-        const l = a.row.original;
-        return se("div", { class: "flex items-center" }, [
-          se(
-            ie.FmTooltip,
-            {
-              zIndex: 50,
-              placement: "left"
-            },
-            {
-              default() {
-                return se(ie.FmButton, {
-                  key: l.sku._id,
-                  type: "button",
-                  icon: "add_circle",
-                  variant: "tertiary",
-                  size: "md",
-                  disabled: p.disabled,
-                  onClick: async () => {
-                    const u = {
-                      id: crypto.randomUUID(),
-                      sku: l.sku,
-                      code: l.sku.code,
-                      name: l.sku.name,
-                      quantity: ye(1),
-                      quantityStep: ye(1),
-                      minimumQuantity: ye(1)
-                    };
-                    ze.validateUnitInput(
-                      u,
-                      l.sku,
-                      {
-                        amount: u.quantity,
-                        measurement: null
-                      },
-                      (f) => {
-                        u.code = f.code;
-                      }
-                    ), p.duplicateItem(u);
-                  }
-                });
-              },
-              content() {
-                return "Duplicate entry";
-              }
-            }
-          ),
-          se(ie.FmButton, {
-            class: "delete-button",
-            key: l.sku._id,
-            type: "button",
-            icon: "delete",
-            variant: "tertiary",
-            size: "md",
-            disabled: p.disabled,
-            onClick: () => {
-              p.deleteItem(l);
-            }
-          })
-        ]);
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  return {
-    columnDefs: q(() => Xe().enableTotalCost && p.transferType === X.PURCHASE ? n : n.filter((l) => l.id !== "Cost"))
-  };
-}
-const Kt = { class: "flex flex-col gap-8 py-16" }, Gt = { class: "flex items-center" }, Wt = { class: "flex-1 flex gap-1 items-center" }, Zt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Jt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xt = { class: "flex gap-8 w-full" }, Yt = { class: "flex-1 flex flex-col gap-4" }, eo = { class: "flex-1 flex flex-col gap-4" }, to = {
-  key: 0,
-  class: "flex gap-8 w-full"
-}, oo = { class: "flex-1 flex flex-col gap-4" }, lo = { class: "flex-1 flex flex-col gap-4" }, so = { class: "flex gap-8 w-full" }, no = { class: "flex-1 flex flex-col gap-4" }, ao = /* @__PURE__ */ re({
-  __name: "TransferTemplateItem",
-  props: {
-    cellByColId: {},
-    row: {}
-  },
-  setup(p) {
-    const { t: v } = ue();
-    function b(t) {
-      return t;
-    }
-    return (t, n) => {
-      var a, l, u, f, M, E, $, R, g, S, h, c, d, x, i, y, O, w, C, J, W, N, L, I, s, r, k, P, z, H;
-      const _ = A("FmLabel");
-      return F(), j("div", Kt, [
-        o("div", Gt, [
-          o("div", Wt, [
-            o("span", Zt, " (" + D(t.row.original.sku.code) + ") ", 1),
-            o("span", Jt, D(t.row.original.sku.name), 1)
-          ]),
-          o("div", null, [
-            m(e(Y), {
-              render: (u = (l = (a = t.cellByColId.Delete) == null ? void 0 : a.column) == null ? void 0 : l.columnDef) == null ? void 0 : u.cell,
-              props: (M = (f = t.cellByColId.Delete) == null ? void 0 : f.getContext) == null ? void 0 : M.call(f)
-            }, null, 8, ["render", "props"])
-          ])
-        ]),
-        o("div", Xt, [
-          o("div", Yt, [
-            m(_, {
-              label: e(v)(`inventory.transfer.form.items.table.${e(G).Code}`)
-            }, null, 8, ["label"]),
-            m(e(Y), {
-              render: (R = ($ = (E = t.cellByColId[e(G).Code]) == null ? void 0 : E.column) == null ? void 0 : $.columnDef) == null ? void 0 : R.cell,
-              props: (S = (g = t.cellByColId[e(G).Code]) == null ? void 0 : g.getContext) == null ? void 0 : S.call(g)
-            }, null, 8, ["render", "props"]),
-            n[0] || (n[0] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ]),
-          o("div", eo, [
-            m(_, {
-              label: e(v)(`inventory.transfer.form.items.table.${e(G).Name}`)
-            }, null, 8, ["label"]),
-            m(e(Y), {
-              render: (d = (c = (h = t.cellByColId[e(G).Name]) == null ? void 0 : h.column) == null ? void 0 : c.columnDef) == null ? void 0 : d.cell,
-              props: (i = (x = t.cellByColId[e(G).Name]) == null ? void 0 : x.getContext) == null ? void 0 : i.call(x)
-            }, null, 8, ["render", "props"]),
-            n[1] || (n[1] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ]),
-        t.row.original ? (F(), j("div", to, [
-          o("div", oo, [
-            m(_, {
-              label: e(v)(`inventory.transfer.form.items.table.${e(G).DefaultAmount}`)
-            }, null, 8, ["label"]),
-            m(e(Y), {
-              render: (w = (O = (y = t.cellByColId[e(G).DefaultAmount]) == null ? void 0 : y.column) == null ? void 0 : O.columnDef) == null ? void 0 : w.cell,
-              props: (J = (C = t.cellByColId[e(G).DefaultAmount]) == null ? void 0 : C.getContext) == null ? void 0 : J.call(C)
-            }, null, 8, ["render", "props"]),
-            n[2] || (n[2] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ]),
-          o("div", lo, [
-            m(_, {
-              label: e(v)(`inventory.transfer.form.items.table.${e(G).Step}`)
-            }, null, 8, ["label"]),
-            m(e(Y), {
-              render: (L = (N = (W = t.cellByColId[e(G).Step]) == null ? void 0 : W.column) == null ? void 0 : N.columnDef) == null ? void 0 : L.cell,
-              props: (s = (I = t.cellByColId[e(G).Step]) == null ? void 0 : I.getContext) == null ? void 0 : s.call(I)
-            }, null, 8, ["render", "props"]),
-            n[3] || (n[3] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ])) : ne("", !0),
-        o("div", so, [
-          o("div", no, [
-            m(_, {
-              label: e(v)(`inventory.transfer.form.items.table.${e(G).Limit}`)
-            }, null, 8, ["label"]),
-            m(e(Y), {
-              render: (P = (k = (r = t.cellByColId[e(G).Limit]) == null ? void 0 : r.column) == null ? void 0 : k.columnDef) == null ? void 0 : P.cell,
-              props: (H = (z = t.cellByColId[e(G).Limit]) == null ? void 0 : z.getContext) == null ? void 0 : H.call(z)
-            }, null, 8, ["render", "props"]),
-            n[4] || (n[4] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ])
-      ]);
-    };
-  }
-}), ro = { class: "hover:bg-fm-color-opacity-sm" }, io = { class: "fm-typo-en-body-md-400 line-clamp-2 w-full" }, uo = /* @__PURE__ */ re({
-  __name: "TransferTemplateItemTable",
-  props: {
-    row: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:item"],
-  setup(p) {
-    function v(b) {
-      return b.column.columnDef.meta;
-    }
-    return (b, t) => (F(), j("tr", ro, [
-      (F(!0), j(me, null, ke(b.row.getVisibleCells(), (n) => {
-        var _, a, l, u, f;
-        return F(), j("td", {
-          key: n.id,
-          class: ae(["text-fm-color-typo-primary", ((_ = v(n)) == null ? void 0 : _.cellClass) ?? "px-16"]),
-          style: He({
-            width: (a = v(n)) != null && a.width ? (l = v(n)) == null ? void 0 : l.width : n.column.getSize() !== 0 ? `${n.column.getSize()}px` : void 0,
-            maxWidth: (u = v(n)) == null ? void 0 : u.maxWidth,
-            textAlign: ((f = v(n)) == null ? void 0 : f.textAlign) ?? "left"
-          })
-        }, [
-          o("span", io, [
-            m(e(Y), {
-              props: n.getContext(),
-              render: n.column.columnDef.cell
-            }, null, 8, ["props", "render"])
-          ])
-        ], 6);
-      }), 128))
-    ]));
-  }
-}), mo = { class: "flex flex-col gap-16" }, po = { class: "flex flex-col gap-24" }, co = { class: "flex flex-col gap-16" }, fo = { class: "flex items-center" }, yo = { class: "flex flex-col" }, vo = { class: "flex flex-col gap-4" }, bo = {
-  key: 0,
-  class: "text-fm-color-typo-error fm-typo-en-body-sm-400"
-}, ho = {
-  key: 1,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, go = { class: "flex flex-wrap gap-8 fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, xo = { class: "flex flex-col gap-16" }, _o = { class: "flex" }, To = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, ko = /* @__PURE__ */ re({
-  __name: "TransferTemplateForm",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  setup(p, { expose: v }) {
-    const b = p, t = je(), { t: n } = ue(), _ = We(), a = Ge(), l = Rt();
-    Ke();
-    const u = Ye();
-    he(
-      () => b.modelValue,
-      (s) => {
-        console.log("TransferTemplateForm.model", s);
-      }
-    ), _.watchLocation(async () => {
-      location && (t.purchaseOrder.supplier || (t.purchaseOrder.supplier = l.suppliers.find((s) => s) ?? t.purchaseOrder.supplier));
-    });
-    const f = Vt(
-      () => t.purchaseOrder,
-      (s) => {
-        t.purchaseOrder = {
-          ...t.purchaseOrder,
-          supplier: s.supplier ?? (t == null ? void 0 : t.purchaseOrder.supplier)
-        };
-      }
-    ), M = q({
-      get() {
-        var s, r;
-        return typeof ((r = (s = t.purchaseOrder) == null ? void 0 : s.supplier) == null ? void 0 : r.internal) == "string" ? X.TRANSFER : X.PURCHASE;
-      },
-      set(s) {
-        var k, P;
-        const r = typeof ((P = (k = t.purchaseOrder) == null ? void 0 : k.supplier) == null ? void 0 : P.internal) == "string" ? X.TRANSFER : X.PURCHASE;
-        s !== r && (t.purchaseOrder.supplier = s === X.PURCHASE ? f.locationOptionsTypePurchase.value[0] : f.locationOptionsTypeTransfer.value[0]);
-      }
-    }), E = q(() => f.transferLocationOptions.value), $ = q({
-      get() {
-        var s;
-        return (s = t.purchaseOrder.supplier) == null ? void 0 : s._id;
-      },
-      set(s) {
-        f.transferLocationModel.value = s;
-      }
-    }), {
-      promptSelectLocations: R,
-      columnDefs: g,
-      rowData: S,
-      hasCustomTag: h,
-      locationTagModel: c,
-      locationTagAutocomplete: d,
-      pushLocationTag: x,
-      removeLocationTag: i,
-      locationTagError: y
-    } = pt({
-      getLocations() {
-        return t.locations;
-      },
-      setLocations(s) {
-        t.locations = s;
-      },
-      getLocationTags() {
-        return t.locationTags;
-      },
-      setLocationTags(s) {
-        t.locationTags = s;
-      }
-    });
-    function O() {
-      var s, r;
-      return (s = t.locations) != null && s.find((k) => {
-        var P, z;
-        return ((P = k.doc) == null ? void 0 : P._id) === ((z = t.purchaseOrder.supplier) == null ? void 0 : z._id);
-      }) ? `Location ${(r = t.purchaseOrder.supplier) == null ? void 0 : r.name} must be removed because template cannot be used to transfer to itself.` : !0;
-    }
-    const w = q({
-      get() {
-        return t.purchaseOrder.remark ?? void 0;
-      },
-      set(s) {
-        t.purchaseOrder.remark = s;
-      }
-    }), C = K();
-    v({
-      validateInputs: () => {
-        var s, r;
-        (r = (s = C.value) == null ? void 0 : s.validateInputs) == null || r.call(s);
-      },
-      resetInputsValidation: () => {
-        var s, r;
-        (r = (s = C.value) == null ? void 0 : s.resetInputsValidation) == null || r.call(s);
-      },
-      resetInputs: () => {
-        var s, r;
-        (r = (s = C.value) == null ? void 0 : s.resetInputs) == null || r.call(s);
-      }
-    });
-    const J = q(() => ({
-      duplicateItem: (s) => {
-        t.purchaseOrder.items = [
-          ...t.purchaseOrder.items,
-          {
-            ...s
-          }
-        ];
-      },
-      updateItem: (s) => {
-        let r = [];
-        s.id ? r = t.purchaseOrder.items.map((k) => k.id !== s.id ? k : s) : r = t.purchaseOrder.items.map((k) => k.sku._id !== s.sku._id ? k : s), t.purchaseOrder.items = r;
-      },
-      deleteItem: (s) => {
-        console.log(s.id);
-        let r = [];
-        s.id ? r = t.purchaseOrder.items.filter((k) => k.id !== s.id) : r = t.purchaseOrder.items.filter((k) => k.sku._id !== s.sku._id), t.purchaseOrder.items = r;
-      }
-    })), W = jt({
-      duplicateItem: J.value.duplicateItem,
-      updateItem: J.value.updateItem,
-      deleteItem: J.value.deleteItem,
-      get supplier() {
-        return t.purchaseOrder.supplier;
-      },
-      get items() {
-        return t.purchaseOrder.items;
-      },
-      get transferType() {
-        return X.PURCHASE;
-      },
-      get disabled() {
-        return b.disabled;
-      }
-    }), N = q(() => W.columnDefs.value), { promptSelectIngredients: L } = At();
-    async function I() {
-      const r = a.skus.map((V) => ({
-        label: V.name,
-        sublabel: V.code,
-        value: V
-      })).filter((V) => {
-        var U;
-        return (U = t.purchaseOrder.items) == null ? void 0 : U.find((Z) => Z.sku._id === V.value._id);
-      }).map((V) => V.value), k = t.purchaseOrder.items ?? [], P = await L(
-        r.map((V) => V._id),
-        (V) => {
-          const U = a.skuById[V], Z = k.find((T) => T.sku._id === U._id);
-          if (Z)
-            return Z;
-          const ee = { amount: 1, precision: be(U.unit) };
-          let le = {
-            id: crypto.randomUUID(),
-            sku: U,
-            code: U.code,
-            name: U.name,
-            quantity: ee,
-            minimumQuantity: ee,
-            // maximumQuantity: adjustmentAmountMultiplyDecimal(minimumQuantity, {
-            //   amount: 100,
-            //   precision: 0
-            // }),
-            quantityStep: ee
-          };
-          return u.validateUnitInput(
-            le,
-            U,
-            {
-              amount: ee,
-              measurement: null
-            },
-            (T) => {
-              le.code = T.code;
-            }
-          ), le;
-        }
-      );
-      if (!P) return;
-      const z = P.map((V) => V.sku._id), H = [];
-      for (const V of z) {
-        const U = k.filter((Z) => Z.sku._id === V);
-        if (U.length > 0)
-          H.push(...U);
-        else {
-          const Z = P.find((ee) => ee.sku._id === V);
-          Z && H.push(Z);
-        }
-      }
-      H.sort((V, U) => V.sku.code.localeCompare(U.sku.code)), t.purchaseOrder.items = H;
-    }
-    return (s, r) => {
-      const k = A("FmTextField"), P = A("FmSelect"), z = A("FmTextarea"), H = A("FmButton"), V = A("FmTable"), U = A("FmFormGroup"), Z = A("FmChip"), ee = A("FmForm");
-      return F(), te(ee, {
-        ref_key: "formRef",
-        ref: C,
-        class: "flex flex-col gap-32",
-        disabled: s.disabled
-      }, {
-        default: B(() => {
-          var le;
-          return [
-            o("div", mo, [
-              o("div", po, [
-                m(k, {
-                  label: e(n)("inventory.transfer.form.name"),
-                  "label-mark": "required",
-                  modelValue: e(t).name,
-                  "onUpdate:modelValue": r[0] || (r[0] = (T) => e(t).name = T),
-                  rules: [e(xe)()]
-                }, null, 8, ["label", "modelValue", "rules"]),
-                m(P, {
-                  label: e(n)("inventory.transfer.form.type.title"),
-                  "model-value": M.value,
-                  "onUpdate:modelValue": r[1] || (r[1] = (T) => M.value = T),
-                  items: [
-                    {
-                      label: e(n)("inventory.transfer.form.type.purchase"),
-                      value: e(X).PURCHASE,
-                      disabled: !e(f).locationOptionsTypePurchase.value.length,
-                      sublabel: e(f).locationOptionsTypePurchase.value.length ? void 0 : e(n)("inventory.transfer.form.noSupplierAvailable")
-                    },
-                    {
-                      label: e(n)("inventory.transfer.form.type.transfer"),
-                      value: e(X).TRANSFER,
-                      disabled: !e(f).locationOptionsTypeTransfer.value.length,
-                      sublabel: e(f).locationOptionsTypeTransfer.value.length ? void 0 : e(n)("inventory.transfer.form.noLocationAvailable")
-                    }
-                  ],
-                  rules: [e(_e)(1)(E.value)]
-                }, {
-                  default: B(() => [
-                    o("span", {
-                      class: ae([
-                        "line-clamp-1 fm-typo-en-body-lg-400",
-                        s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                      ])
-                    }, D(e(ct)(M.value)), 3)
-                  ]),
-                  _: 1
-                }, 8, ["label", "model-value", "items", "rules"]),
-                m(P, {
-                  label: M.value === e(X).PURCHASE ? e(n)("inventory.transfer.form.purchaseFrom") : e(n)("inventory.transfer.form.transferFrom"),
-                  modelValue: $.value,
-                  "onUpdate:modelValue": r[2] || (r[2] = (T) => $.value = T),
-                  items: E.value
-                }, {
-                  "menu-wrapper": B((T) => {
-                    var Q;
-                    return [
-                      m(Dt, Qe(T, {
-                        items: E.value,
-                        "model-value": (Q = s.modelValue.purchaseOrder.supplier) == null ? void 0 : Q._id
-                      }), null, 16, ["items", "model-value"])
-                    ];
-                  }),
-                  default: B(() => {
-                    var T;
-                    return [
-                      o("span", {
-                        class: ae([
-                          "line-clamp-1 fm-typo-en-body-lg-400",
-                          s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                        ])
-                      }, D((T = E.value.find((Q) => Q.value === $.value)) == null ? void 0 : T.label), 3)
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["label", "modelValue", "items"]),
-                m(k, {
-                  label: e(n)("inventory.transfer.form.reference"),
-                  "label-mark": "optional",
-                  modelValue: e(t).purchaseOrder.ref,
-                  "onUpdate:modelValue": r[3] || (r[3] = (T) => e(t).purchaseOrder.ref = T)
-                }, null, 8, ["label", "modelValue"]),
-                m(z, {
-                  label: e(n)("inventory.transfer.form.remark"),
-                  "label-mark": "optional",
-                  "max-length": 240,
-                  modelValue: w.value,
-                  "onUpdate:modelValue": r[4] || (r[4] = (T) => w.value = T),
-                  class: ae({ "text-fm-color-typo-disabled": s.disabled })
-                }, null, 8, ["label", "modelValue", "class"])
-              ])
-            ]),
-            o("div", co, [
-              o("div", fo, [
-                r[9] || (r[9] = o("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
-                m(H, {
-                  disabled: s.disabled,
-                  label: "Select location",
-                  "prepend-icon": "add",
-                  variant: "plain",
-                  class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: e(R)
-                }, null, 8, ["disabled", "onClick"])
-              ]),
-              m(V, {
-                "column-defs": e(g),
-                "row-data": e(S),
-                "shrink-at": 9999,
-                onRowClick: e(R),
-                "hide-footer": ""
-              }, null, 8, ["column-defs", "row-data", "onRowClick"]),
-              o("div", yo, [
-                m(U, {
-                  "model-value": [
-                    (le = b.modelValue.purchaseOrder.supplier) == null ? void 0 : le._id,
-                    ...b.modelValue.locations ?? []
-                  ].join(","),
-                  rules: [O]
-                }, null, 8, ["model-value", "rules"])
-              ]),
-              e(h) ? (F(), te(ft, {
-                key: 0,
-                label: "Location tag",
-                modelValue: e(c),
-                "onUpdate:modelValue": r[5] || (r[5] = (T) => we(c) ? c.value = T : null),
-                "onClick:menuItem": e(x),
-                options: e(d),
-                placeholder: "Search location tag"
-              }, lt({
-                "helper-text": B(() => [
-                  o("div", vo, [
-                    e(y) ? (F(), j("div", bo, D(e(y)), 1)) : (F(), j("div", ho, " This will match all locations under these values. Tag is configured in the restaurant/warehouse settings. ")),
-                    o("div", go, [
-                      (F(!0), j(me, null, ke(s.modelValue.locationTags, (T, Q) => (F(), te(Z, {
-                        key: Q,
-                        label: T,
-                        removable: "",
-                        onChipClosed: () => e(i)(T)
-                      }, null, 8, ["label", "onChipClosed"]))), 128))
-                    ])
-                  ])
-                ]),
-                _: 2
-              }, [
-                e(c) ? {
-                  name: "append",
-                  fn: B(() => [
-                    o("div", null, [
-                      m(H, {
-                        variant: "tertiary",
-                        label: "Add",
-                        icon: "add",
-                        onClick: e(x)
-                      }, null, 8, ["onClick"])
-                    ])
-                  ]),
-                  key: "0"
-                } : void 0
-              ]), 1032, ["modelValue", "onClick:menuItem", "options"])) : ne("", !0)
-            ]),
-            o("div", xo, [
-              o("div", _o, [
-                o("div", To, D(e(n)("inventory.transfer.form.items.title")), 1),
-                m(H, {
-                  disabled: s.disabled,
-                  label: e(n)("inventory.transfer.form.items.addItem"),
-                  "prepend-icon": "add",
-                  variant: "plain",
-                  class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: r[6] || (r[6] = (T) => I()),
-                  size: "md"
-                }, null, 8, ["disabled", "label"])
-              ]),
-              (F(), te(V, {
-                "column-defs": N.value,
-                "row-data": e(t).purchaseOrder.items,
-                key: e(t).purchaseOrder.items.map((T) => T.sku._id).join("."),
-                "hide-footer": "",
-                "page-size": e(t).purchaseOrder.items.length
-              }, {
-                "table-row": B((T) => [
-                  m(uo, {
-                    row: T,
-                    "onUpdate:item": r[7] || (r[7] = (Q) => J.value.updateItem(Q)),
-                    disabled: s.disabled
-                  }, null, 8, ["row", "disabled"])
-                ]),
-                "list-row": B((T) => [
-                  (F(), te(Ze, {
-                    row: T,
-                    key: e(t).purchaseOrder.items.map((Q) => Q.sku._id).join(".")
-                  }, {
-                    default: B((Q) => [
-                      m(ao, {
-                        row: T,
-                        "cell-by-col-id": Q,
-                        "onUpdate:item": r[8] || (r[8] = (pe) => J.value.updateItem(pe)),
-                        disabled: s.disabled
-                      }, null, 8, ["row", "cell-by-col-id", "disabled"])
-                    ]),
-                    _: 2
-                  }, 1032, ["row"]))
-                ]),
-                _: 1
-              }, 8, ["column-defs", "row-data", "page-size"])),
-              m(U, {
-                "model-value": e(t).purchaseOrder.items.length,
-                rules: [e(_e)(1)]
-              }, null, 8, ["model-value", "rules"])
-            ])
-          ];
-        }),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), wo = { class: "flex items-center" }, Fo = { class: "fm-typo-en-title-md-800" }, Co = { class: "flex gap-4" }, Io = /* @__PURE__ */ re({
-  __name: "TransferTemplateDialog",
-  props: {
-    mode: {},
-    modelValue: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "submitted"],
-  setup(p, { expose: v, emit: b }) {
-    var x;
-    const t = p, n = b, _ = xt(), a = wt(), { t: l } = ue(), u = Je(t, "show");
-    function f() {
-      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 M = K(t.modelValue ?? f()), E = K(((x = t.modelValue) == null ? void 0 : x._id) ?? `${Math.random()}`);
-    he(
-      () => t.show,
-      (i) => {
-        var y;
-        i && (M.value = t.modelValue ?? f(), E.value = ((y = t.modelValue) == null ? void 0 : y._id) ?? `${Math.random()}`);
-      }
-    );
-    const $ = K(!1), R = q(() => {
-      switch (t.mode) {
-        case de.READ:
-          return "";
-        case de.CREATE:
-          return l("inventory.transfer.template.create.title");
-        case de.UPDATE:
-          return l("inventory.transfer.template.update.title");
-      }
-      return "";
-    }), g = K();
-    v({
-      validateInputs: () => {
-        var i, y;
-        (y = (i = g.value) == null ? void 0 : i.validateInputs) == null || y.call(i);
-      },
-      resetInputsValidation: () => {
-        var i, y;
-        (y = (i = g.value) == null ? void 0 : i.resetInputsValidation) == null || y.call(i);
-      },
-      resetInputs: () => {
-        var i, y;
-        (y = (i = g.value) == null ? void 0 : i.resetInputs) == null || y.call(i);
-      }
-    });
-    async function S() {
-      var y, O;
-      const i = M.value;
-      if (i) {
-        $.value = !0, (((y = i.purchaseOrder.supplier) == null ? void 0 : y.internal) === ve.enum.warehouse || ((O = i.purchaseOrder.supplier) == null ? void 0 : O.internal) === ve.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
-          ({ totalCost: w, ...C }) => C
-        ));
-        try {
-          await _.createTemplate(i), await new Promise((w) => setTimeout(w, 1e3)), a.open({
-            title: l("inventory.transfer.template.create.success"),
-            message: l("inventory.transfer.template.create.successMessage"),
-            type: "success"
-          }), n("update:show", !1), n("submitted");
-        } catch (w) {
-          a.open({
-            title: l("inventory.transfer.template.create.error"),
-            message: l("inventory.transfer.template.create.errorMessage"),
-            type: "error"
-          }), console.error("Error in creating transfer template", w);
-        } finally {
-          $.value = !1;
-        }
-      }
-    }
-    async function h() {
-      var y, O;
-      const i = M.value;
-      if (i) {
-        $.value = !0, (((y = i.purchaseOrder.supplier) == null ? void 0 : y.internal) === ve.enum.warehouse || ((O = i.purchaseOrder.supplier) == null ? void 0 : O.internal) === ve.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
-          ({ totalCost: w, ...C }) => C
-        ));
-        try {
-          await _.updateTemplate(i), await new Promise((w) => setTimeout(w, 1e3)), a.open({
-            title: l("inventory.transfer.template.update.success"),
-            message: l("inventory.transfer.template.update.successMessage"),
-            type: "success"
-          }), n("update:show", !1), n("submitted");
-        } catch (w) {
-          a.open({
-            title: l("inventory.transfer.template.update.error"),
-            message: l("inventory.transfer.template.update.errorMessage"),
-            type: "error"
-          }), console.error("Error in updating transfer template", w);
-        } finally {
-          $.value = !1;
-        }
-      }
-    }
-    function c() {
-      switch (t.mode) {
-        case de.CREATE:
-          return S();
-        case de.UPDATE:
-          return h();
-      }
-    }
-    function d() {
-      var i, y;
-      (y = (i = g.value) == null ? void 0 : i.validateInputs) == null || y.call(i);
-    }
-    return (i, y) => {
-      const O = A("FmButton"), w = A("FmSideSheet");
-      return F(), te(w, {
-        modelValue: e(u),
-        "onUpdate:modelValue": y[2] || (y[2] = (C) => we(u) ? u.value = C : null),
-        "dismiss-away": "",
-        "close-button": "",
-        "max-width": 1200
-      }, {
-        "side-sheet-header": B(() => [
-          o("div", wo, [
-            o("div", Fo, D(R.value), 1)
-          ])
-        ]),
-        default: B(() => [
-          (F(), te(ko, {
-            class: "w-full",
-            ref_key: "formRef",
-            ref: g,
-            onValidationSuccess: c,
-            "model-value": M.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (C) => M.value = C),
-            disabled: $.value,
-            key: E.value
-          }, null, 8, ["model-value", "disabled"]))
-        ]),
-        "side-sheet-footer": B(() => [
-          o("div", Co, [
-            m(O, {
-              loading: $.value,
-              label: e(l)("common.save"),
-              onClick: d
-            }, null, 8, ["loading", "label"]),
-            m(O, {
-              disabled: $.value,
-              variant: "tertiary",
-              label: e(l)("common.close"),
-              onClick: y[1] || (y[1] = (C) => n("update:show", !1))
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), So = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, $o = { class: "flex justify-between" }, Mo = { class: "fm-typo-en-body-lg-600" }, Oo = { class: "fm-status-badge fm-status-badge-info-secondary" }, Vo = { class: "flex flex-col gap-8" }, Do = { class: "flex flex-col gap-4" }, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ao = { class: "flex gap-1" }, Uo = { class: "fm-typo-en-body-lg-600" }, Po = {
-  key: 0,
-  class: "flex flex-col gap-4"
-}, Lo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Bo = { class: "fm-typo-en-body-lg-600" }, qo = {
-  key: 1,
-  class: "flex flex-col gap-4"
-}, Eo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, No = { class: "fm-typo-en-body-lg-600" }, zo = {
-  key: 2,
-  class: "flex flex-col gap-4"
-}, Ho = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qo = { class: "fm-typo-en-body-lg-600" }, jo = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Ko = { class: "flex flex-col gap-8" }, Go = { class: "fm-typo-en-body-lg-600" }, Wo = { class: "w-full" }, Zo = { class: "flex flex-col py-8" }, Jo = { class: "flex w-full gap-4" }, Xo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Yo = { class: "fm-typo-en-body-lg-600 shrink-0" }, el = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, tl = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, ol = {
-  key: 0,
-  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, ll = {
-  key: 0,
-  class: "flex gap-4 items-center"
-}, sl = { class: "flex flex-col gap-12" }, nl = { class: "flex flex-row flex-wrap gap-8" }, al = { class: "flex flex-col gap-8" }, rl = { class: "flex gap-8 xs:flex-col" }, il = /* @__PURE__ */ re({
-  __name: "TransferTemplateDetails",
-  props: {
-    template: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "action:edit"],
-  setup(p, { emit: v }) {
-    const b = p, t = v, n = Xe(), { t: _ } = ue(), a = q(() => {
-      var S;
-      return (S = b.template) == null ? void 0 : S.purchaseOrder;
-    }), l = K(""), u = [
-      { accessorKey: "name", header: () => "Name" },
-      { accessorKey: "type", header: () => "Type" }
-    ], f = K(""), M = q(
-      () => {
-        var S, h, c, d;
-        return ((h = (S = a.value) == null ? void 0 : S.supplier) == null ? void 0 : h.internal) === "restaurant" || ((d = (c = a.value) == null ? void 0 : c.supplier) == null ? void 0 : d.internal) === "warehouse" ? X.TRANSFER : X.PURCHASE;
-      }
-    ), E = K(!0), $ = Je(b, "show"), R = K(!1);
-    he(
-      () => b.show,
-      (S) => {
-        S && (R.value = !0, setTimeout(() => R.value = !1, 300));
-      }
-    );
-    function g(S) {
-      return S.original;
-    }
-    return (S, h) => {
-      var J;
-      const c = A("FmMenuDivider"), d = A("FmCard"), x = A("FmTextField"), i = A("FmIcon"), y = A("FmTable"), O = A("FmChip"), w = A("FmButton"), C = A("FmSideSheet");
-      return F(), te(C, {
-        header: e(_)("inventory.transfer.template.details.view", { template: (J = S.template) == null ? void 0 : J.name }),
-        modelValue: e($),
-        "onUpdate:modelValue": h[3] || (h[3] = (W) => we($) ? $.value = W : null),
-        "dismiss-away": E.value,
-        "close-button": "",
-        "max-width": 600
-      }, {
-        default: B(() => {
-          var W, N, L;
-          return [
-            o("div", So, [
-              o("div", null, [
-                m(d, {
-                  variant: "outlined",
-                  class: "flex flex-col gap-8 px-12 py-16"
-                }, {
-                  default: B(() => {
-                    var I, s, r, k, P, z, H;
-                    return [
-                      o("div", $o, [
-                        o("div", Mo, D(e(_)("inventory.transfer.template.details.templateSummary")), 1),
-                        o("div", Oo, D(e(_)(
-                          `inventory.transfer.receiveRequest.details.type.${M.value.toLocaleLowerCase("en-US")}`
-                        )), 1)
-                      ]),
-                      m(c),
-                      o("div", Vo, [
-                        o("div", Do, [
-                          o("div", Ro, [
-                            o("div", Ao, D(e(_)("inventory.transfer.receiveRequest.details.createdAt")), 1)
-                          ]),
-                          o("div", Uo, D(e(yt)(((I = S.template) == null ? void 0 : I._id) ?? "")), 1)
-                        ]),
-                        (r = (s = a.value) == null ? void 0 : s.supplier) != null && r.name ? (F(), j("div", Po, [
-                          o("div", Lo, D(e(_)("inventory.transfer.receiveRequest.details.from")), 1),
-                          o("div", Bo, D((P = (k = a.value) == null ? void 0 : k.supplier) == null ? void 0 : P.name), 1)
-                        ])) : ne("", !0),
-                        (z = a.value) != null && z.ref ? (F(), j("div", qo, [
-                          o("div", Eo, D(e(_)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          o("div", No, D(a.value.ref), 1)
-                        ])) : ne("", !0),
-                        (H = a.value) != null && H.remark ? (F(), j("div", zo, [
-                          o("div", Ho, D(e(_)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          o("div", Qo, D(a.value.remark), 1)
-                        ])) : ne("", !0)
-                      ])
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              o("div", jo, [
-                o("div", Ko, [
-                  o("div", Go, D(e(_)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
-                  m(x, {
-                    modelValue: l.value,
-                    "onUpdate:modelValue": h[0] || (h[0] = (I) => l.value = I),
-                    placeholder: "Filter items"
-                  }, null, 8, ["modelValue"]),
-                  o("div", Wo, [
-                    m(y, {
-                      "shrink-at": -1,
-                      "column-defs": [{ accessorKey: "code" }, { accessorKey: "name" }],
-                      "row-data": ((W = S.template) == null ? void 0 : W.purchaseOrder.items) ?? [],
-                      "search-value": l.value,
-                      "force-mobile-footer": "",
-                      "hide-header-row": "",
-                      loading: R.value
-                    }, {
-                      "list-row": B((I) => [
-                        o("div", Zo, [
-                          o("div", Jo, [
-                            o("div", Xo, D(g(I).name), 1),
-                            h[4] || (h[4] = o("div", { class: "flex-1 min-w-32" }, null, -1)),
-                            o("div", Yo, D(e(_t)(
-                              g(I).quantity,
-                              g(I).sku.unit,
-                              g(I).measurement
-                            )), 1)
-                          ]),
-                          o("div", el, [
-                            o("div", tl, D(g(I).code), 1),
-                            g(I).totalCost && e(n).enableTotalCost ? (F(), j("div", ol, " (" + D(e(vt)(g(I).totalCost)) + ") ", 1)) : ne("", !0)
-                          ]),
-                          e(Tt)(g(I)) ? (F(), j("div", ll, [
-                            m(i, {
-                              name: "error",
-                              color: "system-error-300",
-                              size: "sm"
-                            }),
-                            h[5] || (h[5] = o("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))
-                          ])) : ne("", !0)
-                        ])
-                      ]),
-                      _: 1
-                    }, 8, ["row-data", "search-value", "loading"])
-                  ])
-                ])
-              ]),
-              h[10] || (h[10] = o("div", null, null, -1)),
-              h[11] || (h[11] = o("div", null, null, -1)),
-              o("div", sl, [
-                (N = S.template) != null && N.locationTags ? (F(), j(me, { key: 0 }, [
-                  h[6] || (h[6] = o("div", { class: "flex flex-col" }, [
-                    o("div", { class: "fm-typo-en-body-lg-600" }, "Enabled location tags"),
-                    o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " This template is enabled for the following location tags. ")
-                  ], -1)),
-                  o("div", nl, [
-                    (F(!0), j(me, null, ke(S.template.locationTags, (I, s) => (F(), te(O, {
-                      label: I,
-                      key: s
-                    }, null, 8, ["label"]))), 128))
-                  ]),
-                  h[7] || (h[7] = o("div", null, null, -1)),
-                  h[8] || (h[8] = o("div", null, null, -1))
-                ], 64)) : ne("", !0),
-                h[9] || (h[9] = o("div", { class: "flex flex-col" }, [
-                  o("div", { class: "fm-typo-en-body-lg-600" }, "Enabled locations"),
-                  o("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " This template is only usable for the following locations. ")
-                ], -1)),
-                o("div", al, [
-                  m(x, {
-                    modelValue: f.value,
-                    "onUpdate:modelValue": h[1] || (h[1] = (I) => f.value = I),
-                    placeholder: "Filter locations",
-                    "prepend-icon": "search"
-                  }, null, 8, ["modelValue"]),
-                  m(y, {
-                    "hide-footer": "",
-                    style: { height: "500px" },
-                    "column-defs": u,
-                    "search-value": f.value,
-                    "row-data": ((L = b.template) == null ? void 0 : L.locations) ?? [{ name: "All locations" }]
-                  }, null, 8, ["search-value", "row-data"])
-                ])
-              ])
-            ])
-          ];
-        }),
-        "side-sheet-footer": B(() => [
-          o("div", rl, [
-            m(w, {
-              label: e(_)("common.edit"),
-              onClick: h[2] || (h[2] = (W) => t("action:edit")),
-              variant: "tertiary"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["header", "modelValue", "dismiss-away"]);
-    };
-  }
-}), ul = { class: "flex-1 flex flex-col gap-8" }, dl = { class: "flex flex-col" }, ml = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, cl = { class: "fm-typo-en-body-lg-400" }, fl = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, yl = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Il = /* @__PURE__ */ re({
-  __name: "TransferTemplateView",
-  setup(p) {
-    const { t: v } = ue(), { createTemplate: b, viewTemplate: t, importTemplates: n, exportTemplates: _ } = Ee(), { templateDialogProps: a, templateDetailsProps: l } = Ne(Ee()), u = kt(), { loading: f, templates: M } = Ne(u), E = K(!1), $ = bt(), R = We(), { breakpoints: g } = Ft();
-    Te(u.fetchTemplates);
-    const S = q(
-      () => E.value || f.value || !R._currentLocation
-    ), h = q(() => M.value), c = K(""), d = q(() => g.value.xs || g.value.sm), x = q(() => d.value ? 10 : 20);
-    function i(w) {
-      switch (w) {
-        case qe.Add:
-          return b();
-        case "refresh":
-          return u.fetchTemplates();
-        case "import":
-          return n();
-        case "export":
-          return _();
-      }
-    }
-    function y(w) {
-      return w;
-    }
-    const O = q(() => [
-      {
-        label: v("inventory.closing.template.create.title"),
-        value: qe.Add,
-        isPrimary: !0,
-        prependIcon: "add"
-      },
-      {
-        label: "Refresh",
-        value: "refresh",
-        isPrimary: !1
-      },
-      {
-        label: "Import",
-        value: "import",
-        isPrimary: !1
-      },
-      {
-        label: "Export",
-        value: "export",
-        isPrimary: !1
-      }
-    ]);
-    return (w, C) => {
-      const J = A("FmTable");
-      return F(), j(me, null, [
-        m(ht, {
-          title: e(v)("inventory.transfer.template.title2"),
-          actions: O.value,
-          "onClick:action": i
-        }, {
-          default: B(() => {
-            var W;
-            return [
-              o("div", {
-                class: ae([
-                  "flex flex-col gap-8 max-h-full",
-                  {
-                    "p-0": d.value,
-                    "px-24 ": !d.value
-                  }
-                ])
-              }, [
-                m(gt, {
-                  searchable: "",
-                  search: c.value,
-                  "onUpdate:search": C[0] || (C[0] = (N) => c.value = N)
-                }, null, 8, ["search"]),
-                (F(), te(J, {
-                  style: He(e($).tableHeight),
-                  "column-defs": e(u).columnDefs,
-                  "row-data": h.value,
-                  "search-value": c.value,
-                  loading: S.value,
-                  key: (W = e(R)._currentLocation) == null ? void 0 : W.dbName,
-                  onRowClick: C[1] || (C[1] = (N) => e(t)(N.original)),
-                  "page-size": x.value
-                }, {
-                  "list-row": B((N) => [
-                    m(Ze, {
-                      row: N,
-                      onRowClick: (L) => e(t)(L)
-                    }, {
-                      default: B((L) => {
-                        var I, s, r, k, P, z, H, V, U, Z, ee, le, T, Q, pe, Fe, Ce, Ie, Se, $e, ce, Me, Oe, Ve, De, fe, Re;
-                        return [
-                          o("div", ul, [
-                            o("div", dl, [
-                              o("div", ml, [
-                                m(e(Y), {
-                                  render: (r = (s = (I = L._id) == null ? void 0 : I.column) == null ? void 0 : s.columnDef) == null ? void 0 : r.cell,
-                                  props: (P = (k = L._id) == null ? void 0 : k.getContext) == null ? void 0 : P.call(k)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              o("div", pl, [
-                                m(e(Y), {
-                                  render: (V = (H = (z = L.name) == null ? void 0 : z.column) == null ? void 0 : H.columnDef) == null ? void 0 : V.cell,
-                                  props: (Z = (U = L.name) == null ? void 0 : U.getContext) == null ? void 0 : Z.call(U)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              o("div", cl, [
-                                m(e(Y), {
-                                  render: (T = (le = (ee = L.supplier) == null ? void 0 : ee.column) == null ? void 0 : le.columnDef) == null ? void 0 : T.cell,
-                                  props: (pe = (Q = L.supplier) == null ? void 0 : Q.getContext) == null ? void 0 : pe.call(Q)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              o("div", null, D((Fe = N.original.locations) != null && Fe.length ? `Enabled for ${(Ce = N.original.locations) == null ? void 0 : Ce.length} outlets` : "Enabled for all outlets"), 1),
-                              o("div", fl, D(N.original.purchaseOrder.items.length ? N.original.purchaseOrder.items.map((et) => et.name).join(", ") : "No items"), 1),
-                              o("div", yl, [
-                                m(e(Y), {
-                                  render: ($e = (Se = (Ie = L.ref) == null ? void 0 : Ie.column) == null ? void 0 : Se.columnDef) == null ? void 0 : $e.cell,
-                                  props: (Me = (ce = L.ref) == null ? void 0 : ce.getContext) == null ? void 0 : Me.call(ce)
-                                }, null, 8, ["render", "props"])
-                              ])
-                            ]),
-                            o("div", null, [
-                              m(e(Y), {
-                                render: (De = (Ve = (Oe = L.type) == null ? void 0 : Oe.column) == null ? void 0 : Ve.columnDef) == null ? void 0 : De.cell,
-                                props: (Re = (fe = L.type) == null ? void 0 : fe.getContext) == null ? void 0 : Re.call(fe)
-                              }, 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"]),
-        (F(), te(st, { to: "body" }, [
-          m(il, nt(at(e(l))), null, 16),
-          m(Io, Qe(e(a), {
-            onSubmitted: C[2] || (C[2] = (W) => e(u).fetchTemplates())
-          }), null, 16)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  Il as default
-};