@feedmepos/mf-inventory-portal 1.0.20 → 1.0.21

package/dist/TransferTemplateView-DKDeo49Q.js

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