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

package/dist/TransferTemplateView-BXNj1QDe.js

@@ -0,0 +1,1381 @@
+import { defineComponent as X, onMounted as xe, computed as A, ref as U, watch as pe, inject as We, resolveComponent as S, openBlock as T, createElementBlock as P, createElementVNode as s, createVNode as d, withCtx as D, renderSlot as Me, withDirectives as De, normalizeClass as ve, vModelText as Ve, reactive as Ke, h as J, toDisplayString as $, unref as e, createBlock as z, createCommentVNode as H, isRef as he, Fragment as me, renderList as be, onUnmounted as Ze, normalizeStyle as Je, Teleport as Xe, mergeProps as Ae, normalizeProps as et, guardReactiveProps as tt } from "vue";
+import { _ as ot, a as st } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CHNBnuDM.js";
+import { useI18n as Z } from "@feedmepos/mf-common";
+import { P as ce, a as nt, f as lt, b as at, c as Re, d as rt } from "./purchase-order-transaction-type-B9KguKXt.js";
+import { F as ne, R as Oe } from "./row-action.enum-PMKMRrZR.js";
+import { $ as ye, t as Pe, I as it, a0 as ut, a1 as dt, a as G, D as Be, R as _e, a2 as mt, a3 as ct, r as de, a4 as pt, l as ft, A as qe, M as yt, b as ge, j as fe, y as Ue, u as vt, a5 as ie, a6 as bt, G as _t, a7 as xt } from "./app-CmxCdDLB.js";
+import { F as E, _ as Ne, u as ht } from "./layout-DTjCHRyt.js";
+import { useBreakpoints as Ee, components as ue, useDialog as ze, useSnackbar as gt, useProxiedModel as je } from "@feedmepos/ui-library";
+import { storeToRefs as kt } from "pinia";
+import { d as Qe, c as He, _ as wt } from "./TransferDialog.vue_vue_type_script_setup_true_lang-q75hFaSf.js";
+import { useRouter as Ft } from "vue-router";
+import { u as Tt } from "./supplier-D1iKgl2Z.js";
+import { _ as Ct } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-Y3A-wRZm.js";
+const $t = { class: "flex flex-col" }, St = { class: "flex flex-col" }, Lt = { class: "flex-1" }, It = { class: "flex items-center" }, Mt = { class: "flex-1" }, Dt = { class: "flex-1" }, Vt = /* @__PURE__ */ X({
+  __name: "FmMinMaxInput",
+  props: {
+    rules: {},
+    label: {},
+    minPlaceholder: {},
+    maxPlaceholder: {},
+    modelValue: {},
+    precision: {},
+    minLength: {},
+    maxLength: {},
+    inputmode: {},
+    type: {},
+    readonly: { type: Boolean },
+    labelMark: {},
+    prependIcon: {},
+    appendIcon: {},
+    showValidBorder: { type: Boolean },
+    labelInfo: {},
+    showWordCount: { type: Boolean },
+    invalid: { type: Boolean },
+    autofocus: { type: Boolean },
+    formatter: { type: Function },
+    decimal: {},
+    datalist: {},
+    shiftDatalist: { type: Boolean },
+    datalistMaxHeight: {},
+    datalistMinHeight: {},
+    offsetDatalist: {},
+    datalistPlacement: {},
+    datalistZIndex: {},
+    datalistWidth: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    helperState: {}
+  },
+  setup(m) {
+    const y = m, u = Qe("modelValue"), l = it();
+    xe(() => {
+      const { min: p, max: o } = u ?? {};
+      if (!(!p || !o) && p.precision !== o.precision) {
+        const t = Math.max(p.precision, o.precision), r = ye(p, t), f = ye(o, t);
+        u.min = r, u.max = f;
+      }
+    });
+    const x = A(() => {
+      const { min: p, max: o } = u ?? {};
+      return Math.max((p == null ? void 0 : p.precision) ?? 0, (o == null ? void 0 : o.precision) ?? 0, y.precision ?? 0);
+    }), c = A(() => ({
+      ...u
+    })), n = (p) => {
+      if (!p) return "";
+      const o = ut(p), t = x.value, r = ye(o, t);
+      return dt(
+        +G(r),
+        r.precision
+      );
+    }, a = U(n(u.min)), v = U(n(u.max));
+    pe([a, v], ([p, o]) => {
+      const t = u ?? {}, r = l(p), f = l(o), i = x.value;
+      if (p !== "" && r === !0) {
+        const _ = Pe(+p, i);
+        t.min = _;
+      } else
+        t.min = null;
+      if (o !== "" && f === !0) {
+        const _ = Pe(+o, i);
+        t.max = _;
+      } else
+        t.max = null;
+      u.min = t.min, u.max = t.max;
+    });
+    const b = Symbol.for("fm:form-state"), g = We(b, null), I = A(() => y.disabled ?? (g == null ? void 0 : g.getDisabled()) ?? !1), M = U(), w = U(), h = U(!1), F = U(!1), R = A(() => h.value || F.value), q = A(() => [...[
+      function() {
+        return typeof l(a.value) == "string" || typeof l(v.value) == "string" ? "Must be a number" : !0;
+      },
+      function(t) {
+        return !t || !t.min || !t.max ? !0 : +G(t.min) > +G(t.max) ? "Min must be less than or equal to max" : !0;
+      }
+    ], ...y.rules ?? []]);
+    return (p, o) => {
+      const t = S("FmLabel"), r = S("FmField"), f = S("FmFormGroup");
+      return T(), P("div", $t, [
+        s("div", St, [
+          s("div", Lt, [
+            d(t, {
+              label: p.label,
+              disabled: p.disabled,
+              required: p.labelMark === "required",
+              optional: p.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          d(r, { focused: R.value }, {
+            default: D(() => [
+              s("div", It, [
+                Me(p.$slots, "prepend"),
+                o[6] || (o[6] = s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
+                s("div", Mt, [
+                  De(s("input", {
+                    type: "text",
+                    ref_key: "minInputRef",
+                    ref: M,
+                    onFocus: o[0] || (o[0] = () => h.value = !0),
+                    onBlur: o[1] || (o[1] = () => h.value = !1),
+                    "onUpdate:modelValue": o[2] || (o[2] = (i) => a.value = i),
+                    class: ve({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !I.value,
+                      "text-fm-color-typo-disabled": I.value
+                    })
+                  }, null, 34), [
+                    [Ve, a.value]
+                  ])
+                ]),
+                o[7] || (o[7] = s("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
+                o[8] || (o[8] = s("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
+                s("div", Dt, [
+                  De(s("input", {
+                    type: "text",
+                    ref_key: "maxInputRef",
+                    ref: w,
+                    onFocus: o[3] || (o[3] = () => F.value = !0),
+                    onBlur: o[4] || (o[4] = () => F.value = !1),
+                    "onUpdate:modelValue": o[5] || (o[5] = (i) => v.value = i),
+                    class: ve({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !I.value,
+                      "text-fm-color-typo-disabled": I.value
+                    })
+                  }, null, 34), [
+                    [Ve, v.value]
+                  ])
+                ]),
+                Me(p.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        d(f, {
+          class: "flex-1",
+          "model-value": c.value,
+          info: p.labelInfo,
+          rules: q.value,
+          "helper-text": p.helperText,
+          "helper-state": p.helperState
+        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+});
+function At() {
+  return function(y) {
+    return !y || !y.min || !y.max ? "Required" : !0;
+  };
+}
+function Rt(m, y) {
+  return function(l) {
+    return !l || !l.min || !l.max ? !0 : +G(l.min) < m ? `Must be between ${m} and ${y}` : +G(l.max) > y ? `Must be between ${m} and ${y}` : !0;
+  };
+}
+var V = /* @__PURE__ */ ((m) => (m.Code = "Code", m.Name = "Name", m.DefaultAmount = "DefaultAmount", m.Limit = "Limit", m.MinimumAmount = "MinimumAmount", m.Step = "Step", m.Cost = "Cost", m.Delete = "Delete", m))(V || {});
+function Ot(m) {
+  const { t: y } = Z(), u = Ke({});
+  Ee(), xe(() => {
+    for (const c of m.items) {
+      if (!c.totalCost)
+        continue;
+      const n = He(c.sku, c.quantity, c.measurement, {
+        supplier: m.supplier
+      }), a = c.totalCost ?? Be.reset();
+      n ? u[c.sku._id] = n.amount !== a.amount || n.precision !== a.precision : u[c.sku._id] = !0;
+    }
+  });
+  const l = [
+    {
+      id: "Code",
+      header: () => y("inventory.transfer.form.items.table.Code"),
+      accessorKey: "code",
+      size: 96,
+      cell(c) {
+        const n = c.row.original;
+        return J(ue.FmTextField, {
+          modelValue: n.code,
+          "onUpdate:modelValue": (a) => {
+            m.updateItem({
+              ...n,
+              code: a
+            });
+          },
+          key: n.sku._id,
+          rules: [_e()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => y("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      cell(c) {
+        const n = c.row.original;
+        return J(ue.FmTextField, {
+          modelValue: n.name,
+          "onUpdate:modelValue": (a) => {
+            m.updateItem({
+              ...n,
+              name: a
+            });
+          },
+          key: n.sku._id,
+          rules: [_e()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "DefaultAmount",
+      header: () => y("inventory.transfer.form.items.table.DefaultAmount2"),
+      minSize: 200,
+      cell(c) {
+        const n = c.row.original;
+        return J(mt, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: n.quantity ?? { amount: 1, precision: 0 },
+            measurement: n.measurement ?? null
+          },
+          disabled: m.disabled,
+          key: n.sku._id,
+          unit: n.sku.unit,
+          "onUpdate:modelValue": (a) => {
+            m.updateItem({
+              ...n,
+              quantity: a.amount,
+              measurement: a.measurement
+            });
+          },
+          rules: [
+            ct(
+              +G(
+                n.minimumQuantity ?? {
+                  amount: 1,
+                  precision: de(n.sku.unit, n.measurement)
+                }
+              )
+            ),
+            pt(
+              n.maximumQuantity ? +G(n.maximumQuantity) : 1 / 0
+            )
+          ],
+          applyDefaultRules: !0
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Limit",
+      header: () => "Limit",
+      // TODO: i18n,
+      minSize: 280,
+      cell(c) {
+        const n = c.row.original;
+        return J(Vt, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            min: n.minimumQuantity,
+            max: n.maximumQuantity
+          },
+          disabled: m.disabled,
+          key: n.sku._id,
+          unit: n.sku.unit,
+          "onUpdate:modelValue": (a) => {
+            const v = { ...n };
+            a != null && a.min && (v.minimumQuantity = a.min), a != null && a.max && (v.maximumQuantity = a.max), m.updateItem(v);
+          },
+          rules: [
+            At(),
+            Rt(
+              +G({
+                amount: 1,
+                precision: de(n.sku.unit, n.measurement)
+              }),
+              1 / 0
+            )
+          ],
+          disableUnit: !0,
+          applyDefaultRules: !0
+        });
+      }
+    },
+    {
+      id: "Step",
+      header: () => y("inventory.transfer.form.items.table.Step"),
+      minSize: 100,
+      cell(c) {
+        const n = c.row.original;
+        return J(ue.FmTextField, {
+          modelValue: G(n.quantityStep ?? Be.reset(), !1),
+          key: n.sku._id,
+          "onUpdate:modelValue": (a) => {
+            m.updateItem({
+              ...n,
+              quantityStep: ft(+a)
+            });
+          },
+          rules: [
+            qe({
+              amount: 1,
+              precision: de(n.sku.unit, n.measurement)
+            }),
+            yt(n.sku.unit, n.measurement)
+          ]
+        });
+      },
+      enableSorting: !1
+    },
+    // {
+    //   id: ItemColumn.Cost,
+    //   header: getTotalCostHeader,
+    //   size: 180,
+    //   cell(cellProps) {
+    //     const row = cellProps.row.original
+    //     const showAutoCalculate = canAutoCalculate(row.sku)
+    //     const isMobile = breakpoints.value.xs || breakpoints.value.sm
+    //     if (!manualTotalCost[row.sku._id] && showAutoCalculate) {
+    //       return h(
+    //         'div',
+    //         {
+    //           class: 'flex gap-4 fm-typo-en-body-md-400 items-center',
+    //           key: row.sku._id
+    //         },
+    //         [
+    //           h(components.FmButton, {
+    //             prependIcon: 'edit',
+    //             variant: FmButtonVariant.Tertiary,
+    //             onClick() {
+    //               controller.updateItem({
+    //                 ...row,
+    //                 totalCost: calculateDefaultCost(row.sku, row.quantity, row.measurement, {
+    //                   supplier: controller.supplier
+    //                 })
+    //               })
+    //               manualTotalCost[row.sku._id] = true
+    //             },
+    //             disabled: controller.disabled
+    //           }),
+    //           h(
+    //             'div',
+    //             {
+    //               class: 'flex flex-col'
+    //             },
+    //             [
+    //               h(
+    //                 'span',
+    //                 {
+    //                   class: [controller.disabled ? 'text-fm-color-typo-disabled' : '']
+    //                 },
+    //                 isMobile
+    //                   ? adjustmentCurrencyFormat(
+    //                       calculateDefaultCost(row.sku, row.quantity, row.measurement, {
+    //                         supplier: controller.supplier
+    //                       })
+    //                     )
+    //                   : adjustmentAmountFormat(
+    //                       calculateDefaultCost(row.sku, row.quantity, row.measurement, {
+    //                         supplier: controller.supplier
+    //                       })
+    //                     )
+    //               ),
+    //               h(
+    //                 'span',
+    //                 {
+    //                   class: [
+    //                     'fm-typo-en-body-sm-400',
+    //                     controller.disabled
+    //                       ? 'text-fm-color-typo-disabled'
+    //                       : 'text-fm-color-neutral-gray-400'
+    //                   ]
+    //                 },
+    //                 t('inventory.transfer.form.items.autoCalculated')
+    //               )
+    //             ]
+    //           )
+    //         ]
+    //       )
+    //     }
+    //     return h(
+    //       components.FmTextField,
+    //       {
+    //         modelValue: adjustmentAmountFormat(row.totalCost ?? { amount: 0, precision: 0 }),
+    //         key: row.sku._id,
+    //         'onUpdate:modelValue': (value: string) => {
+    //           controller.updateItem({
+    //             ...row,
+    //             totalCost: {
+    //               ...toAdjustmentAmount(+value),
+    //               currency: getCurrency()
+    //             }
+    //           })
+    //         },
+    //         rules: [AtLeast(0), MaximumPrecision(2)]
+    //       },
+    //       {
+    //         prepend() {
+    //           if (!isMobile) return null
+    //           return h(
+    //             'div',
+    //             {
+    //               class: [
+    //                 'text-fm-typo-en-body-lg-400',
+    //                 controller.disabled ? 'text-fm-color-typo-disabled' : ''
+    //               ]
+    //             },
+    //             getFormattedCurrency()
+    //           )
+    //         },
+    //         append() {
+    //           if (!showAutoCalculate) return null
+    //           return h(components.FmButton, {
+    //             prependIcon: 'close',
+    //             variant: 'tertiary',
+    //             onClick() {
+    //               controller.updateItem({
+    //                 ...row,
+    //                 totalCost: null
+    //               })
+    //               manualTotalCost[row.sku._id] = false
+    //             },
+    //             disabled: controller.disabled
+    //           })
+    //         }
+    //       }
+    //     )
+    //   },
+    //   enableSorting: false
+    // },
+    {
+      id: "Delete",
+      header: "",
+      cell(c) {
+        const n = c.row.original;
+        return J(ue.FmButton, {
+          class: "delete-button",
+          key: n.sku._id,
+          type: "button",
+          icon: "delete",
+          variant: "tertiary",
+          size: "md",
+          disabled: m.disabled,
+          onClick: () => {
+            m.deleteItem(n);
+          }
+        });
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: A(() => ge().enableTotalCost && m.transferType === ce.PURCHASE ? l : l.filter((n) => n.id !== "Cost"))
+  };
+}
+const Pt = { class: "flex flex-col gap-8 py-16" }, Bt = { class: "flex items-center" }, qt = { class: "flex-1 flex gap-1 items-center" }, Ut = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Nt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Et = { class: "flex gap-8 w-full" }, zt = { class: "flex-1 flex flex-col gap-4" }, jt = { class: "flex-1 flex flex-col gap-4" }, Qt = { class: "flex gap-8 w-full" }, Ht = { class: "flex-1 flex flex-col gap-4" }, Gt = { class: "flex-1 flex flex-col gap-4" }, Yt = { class: "flex gap-8 w-full" }, Wt = { class: "flex-1 flex flex-col gap-4" }, Kt = { class: "flex-1 flex flex-col gap-4" }, Zt = /* @__PURE__ */ X({
+  __name: "TransferTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup(m) {
+    const { t: y } = Z();
+    return (u, l) => {
+      var c, n, a, v, b, g, I, M, w, h, F, R, q, p, o, t, r, f, i, _, L, C, O, B, j, N, k, Q, Y, ee, W, te, oe, K, se;
+      const x = S("FmLabel");
+      return T(), P("div", Pt, [
+        s("div", Bt, [
+          s("div", qt, [
+            s("span", Ut, " (" + $(u.row.original.sku.code) + ") ", 1),
+            s("span", Nt, $(u.row.original.sku.name), 1)
+          ]),
+          s("div", null, [
+            d(e(E), {
+              render: (a = (n = (c = u.cellByColId.Delete) == null ? void 0 : c.column) == null ? void 0 : n.columnDef) == null ? void 0 : a.cell,
+              props: (b = (v = u.cellByColId.Delete) == null ? void 0 : v.getContext) == null ? void 0 : b.call(v)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        s("div", Et, [
+          s("div", zt, [
+            d(x, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(V).Code}`)
+            }, null, 8, ["label"]),
+            d(e(E), {
+              render: (M = (I = (g = u.cellByColId[e(V).Code]) == null ? void 0 : g.column) == null ? void 0 : I.columnDef) == null ? void 0 : M.cell,
+              props: (h = (w = u.cellByColId[e(V).Code]) == null ? void 0 : w.getContext) == null ? void 0 : h.call(w)
+            }, null, 8, ["render", "props"]),
+            l[0] || (l[0] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          s("div", jt, [
+            d(x, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(V).Name}`)
+            }, null, 8, ["label"]),
+            d(e(E), {
+              render: (q = (R = (F = u.cellByColId[e(V).Name]) == null ? void 0 : F.column) == null ? void 0 : R.columnDef) == null ? void 0 : q.cell,
+              props: (o = (p = u.cellByColId[e(V).Name]) == null ? void 0 : p.getContext) == null ? void 0 : o.call(p)
+            }, null, 8, ["render", "props"]),
+            l[1] || (l[1] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        s("div", Qt, [
+          s("div", Ht, [
+            d(x, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(V).Limit}`)
+            }, null, 8, ["label"]),
+            d(e(E), {
+              render: (f = (r = (t = u.cellByColId[e(V).Limit]) == null ? void 0 : t.column) == null ? void 0 : r.columnDef) == null ? void 0 : f.cell,
+              props: (_ = (i = u.cellByColId[e(V).Limit]) == null ? void 0 : i.getContext) == null ? void 0 : _.call(i)
+            }, null, 8, ["render", "props"]),
+            l[2] || (l[2] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          s("div", Gt, [
+            d(x, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(V).Step}`)
+            }, null, 8, ["label"]),
+            d(e(E), {
+              render: (O = (C = (L = u.cellByColId[e(V).Step]) == null ? void 0 : L.column) == null ? void 0 : C.columnDef) == null ? void 0 : O.cell,
+              props: (j = (B = u.cellByColId[e(V).Step]) == null ? void 0 : B.getContext) == null ? void 0 : j.call(B)
+            }, null, 8, ["render", "props"]),
+            l[3] || (l[3] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        s("div", Yt, [
+          s("div", Wt, [
+            d(x, {
+              label: e(y)(`inventory.transfer.form.items.table.${e(V).DefaultAmount}`)
+            }, null, 8, ["label"]),
+            d(e(E), {
+              render: (Q = (k = (N = u.cellByColId[e(V).DefaultAmount]) == null ? void 0 : N.column) == null ? void 0 : k.columnDef) == null ? void 0 : Q.cell,
+              props: (ee = (Y = u.cellByColId[e(V).DefaultAmount]) == null ? void 0 : Y.getContext) == null ? void 0 : ee.call(Y)
+            }, null, 8, ["render", "props"]),
+            l[4] || (l[4] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          s("div", Kt, [
+            d(Ct, { "z-index": 50 }, {
+              default: D(() => [
+                d(x, {
+                  label: e(y)(`inventory.transfer.form.items.table.${e(V).Cost}2`)
+                }, null, 8, ["label"])
+              ]),
+              _: 1
+            }),
+            d(e(E), {
+              render: (oe = (te = (W = u.cellByColId[e(V).Cost]) == null ? void 0 : W.column) == null ? void 0 : te.columnDef) == null ? void 0 : oe.cell,
+              props: (se = (K = u.cellByColId[e(V).Cost]) == null ? void 0 : K.getContext) == null ? void 0 : se.call(K)
+            }, null, 8, ["render", "props"]),
+            l[5] || (l[5] = s("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+function Ge(m) {
+  const y = ze(), u = fe(), { t: l } = Z(), x = A({
+    get() {
+      return Array.isArray(m.getLocations());
+    },
+    set(v) {
+      v ? m.setLocations([]) : m.setLocations(null);
+    }
+  });
+  function c() {
+    var v;
+    y.open({
+      title: "Select at least one location",
+      contentComponent: Ue,
+      contentComponentProps: {
+        modelValue: ((v = n.value) == null ? void 0 : v.map((b) => b.doc._id)) ?? [],
+        items: u.locations.map((b) => ({
+          label: b.name,
+          sublabel: b.type,
+          value: b.doc._id
+        }))
+      },
+      primaryActions: {
+        text: l("common.confirm"),
+        close: !0
+      },
+      secondaryActions: {
+        text: l("common.close"),
+        close: !0
+      }
+    }).onPrimary((b) => {
+      m.setLocations(u.locations.filter((g) => b.includes(g.doc._id)));
+    });
+  }
+  const n = A(() => {
+    var b;
+    const v = /* @__PURE__ */ new Set([...u.locations.map((g) => g.doc._id)]);
+    return (b = m.getLocations()) == null ? void 0 : b.filter((g) => v.has(g.doc._id));
+  });
+  function a(v) {
+    var b;
+    m.setLocations((b = m.getLocations()) == null ? void 0 : b.filter((g) => g.doc._id !== v));
+  }
+  return {
+    enabledLocations: n,
+    enabledLocationsSwitch: x,
+    promptSelectLocations: c,
+    removeLocation: a
+  };
+}
+const Jt = { class: "flex flex-col gap-16" }, Xt = { key: 0 }, eo = { class: "flex flex-col gap-24" }, to = {
+  key: 0,
+  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col gap-16"
+}, oo = { key: 1 }, so = { class: "flex flex-col gap-16" }, no = { class: "flex" }, lo = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, ao = /* @__PURE__ */ X({
+  __name: "TransferTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(m, { expose: y }) {
+    const u = m, l = Qe(), { t: x } = Z(), c = fe(), n = vt(), a = Tt(), v = A(() => c.businessLevel);
+    pe(
+      () => u.modelValue,
+      (o) => {
+        console.log("TransferTemplateForm.model", o);
+      }
+    ), c.watchLocation(async () => {
+      location && (l.purchaseOrder.supplier || (l.purchaseOrder.supplier = a.suppliers.find((o) => o) ?? l.purchaseOrder.supplier));
+    });
+    const b = ze(), { enabledLocations: g, enabledLocationsSwitch: I, promptSelectLocations: M, removeLocation: w } = Ge({
+      getLocations() {
+        return l.locations;
+      },
+      setLocations(o) {
+        l.locations = o;
+      }
+    }), h = A({
+      get() {
+        return l.purchaseOrder.remark ?? void 0;
+      },
+      set(o) {
+        l.purchaseOrder.remark = o;
+      }
+    }), F = U();
+    y({
+      validateInputs: () => {
+        var o, t;
+        (t = (o = F.value) == null ? void 0 : o.validateInputs) == null || t.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, t;
+        (t = (o = F.value) == null ? void 0 : o.resetInputsValidation) == null || t.call(o);
+      },
+      resetInputs: () => {
+        var o, t;
+        (t = (o = F.value) == null ? void 0 : o.resetInputs) == null || t.call(o);
+      }
+    });
+    const R = Ot({
+      updateItem: (o) => {
+        l.purchaseOrder.items = l.purchaseOrder.items.map((t) => t.sku._id !== o.sku._id ? t : o);
+      },
+      deleteItem: (o) => {
+        l.purchaseOrder.items = l.purchaseOrder.items.filter(
+          (t) => t.sku._id !== o.sku._id
+        );
+      },
+      get supplier() {
+        return l.purchaseOrder.supplier;
+      },
+      get items() {
+        return l.purchaseOrder.items;
+      },
+      get transferType() {
+        return ce.PURCHASE;
+      },
+      get disabled() {
+        return u.disabled;
+      }
+    }), q = A(() => R.columnDefs.value);
+    function p() {
+      const o = n.skus.map((r) => ({
+        label: r.name,
+        sublabel: r.code,
+        value: r
+      })), t = o.filter((r) => {
+        var f;
+        return (f = l.purchaseOrder.items) == null ? void 0 : f.find((i) => i.sku._id === r.value._id);
+      }).map((r) => r.value);
+      b.open({
+        title: x("inventory.transfer.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: Ue,
+        contentComponentProps: {
+          modelValue: t,
+          items: o
+        },
+        primaryActions: {
+          text: x("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: x("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((r) => {
+        const f = l.purchaseOrder.items ?? [], i = r.map((_) => {
+          const L = f.find((B) => B.sku._id === _._id);
+          if (L)
+            return L;
+          const C = { amount: 1, precision: de(_.unit) }, O = {
+            sku: _,
+            code: _.code,
+            name: _.name,
+            quantity: C,
+            minimumQuantity: C,
+            maximumQuantity: C,
+            quantityStep: C
+          };
+          return O.totalCost = He(
+            O.sku,
+            O.quantity,
+            O.measurement,
+            {
+              supplier: l.purchaseOrder.supplier
+            }
+          ), O;
+        });
+        i.sort((_, L) => _.sku.code.localeCompare(L.sku.code)), l.purchaseOrder.items = i;
+      });
+    }
+    return (o, t) => {
+      const r = S("FmChip"), f = S("FmTextField"), i = S("FmTextarea"), _ = S("FmSwitch"), L = S("FmButton"), C = S("FmListItem"), O = S("FmList"), B = S("FmFormGroup"), j = S("FmTable"), N = S("FmForm");
+      return T(), z(N, {
+        ref_key: "formRef",
+        ref: F,
+        class: "flex flex-col gap-32",
+        disabled: o.disabled
+      }, {
+        default: D(() => [
+          s("div", Jt, [
+            v.value ? (T(), P("div", Xt, [
+              d(r, {
+                label: "Business template",
+                compact: ""
+              })
+            ])) : H("", !0),
+            s("div", eo, [
+              d(f, {
+                label: e(x)("inventory.transfer.form.name"),
+                "label-mark": "required",
+                modelValue: e(l).name,
+                "onUpdate:modelValue": t[0] || (t[0] = (k) => e(l).name = k),
+                rules: [e(_e)()]
+              }, null, 8, ["label", "modelValue", "rules"]),
+              d(f, {
+                label: e(x)("inventory.transfer.form.reference"),
+                "label-mark": "optional",
+                modelValue: e(l).purchaseOrder.ref,
+                "onUpdate:modelValue": t[1] || (t[1] = (k) => e(l).purchaseOrder.ref = k)
+              }, null, 8, ["label", "modelValue"]),
+              d(i, {
+                label: e(x)("inventory.transfer.form.remark"),
+                "label-mark": "optional",
+                "max-length": 240,
+                modelValue: h.value,
+                "onUpdate:modelValue": t[2] || (t[2] = (k) => h.value = k),
+                class: ve({ "text-fm-color-typo-disabled": o.disabled })
+              }, null, 8, ["label", "modelValue", "class"])
+            ])
+          ]),
+          e(c).businessLevel ? (T(), P("div", to, [
+            d(_, {
+              modelValue: e(I),
+              "onUpdate:modelValue": t[3] || (t[3] = (k) => he(I) ? I.value = k : null),
+              label: "Locations rule",
+              sublabel: "Enable template for specific locations only",
+              "label-placement": "right"
+            }, null, 8, ["modelValue"]),
+            e(I) ? (T(), z(B, {
+              key: 0,
+              modelValue: e(g),
+              rules: [e(qe)(1)],
+              class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+            }, {
+              default: D(() => [
+                d(O, null, {
+                  default: D(() => [
+                    (T(!0), P(me, null, be(e(g), (k) => (T(), z(C, {
+                      key: k.doc._id,
+                      label: k.name,
+                      sublabel: k.type,
+                      disabled: o.disabled
+                    }, {
+                      append: D(() => [
+                        d(L, {
+                          "prepend-icon": "delete",
+                          variant: "tertiary",
+                          disabled: o.disabled,
+                          onClick: (Q) => e(w)(k.doc._id)
+                        }, null, 8, ["disabled", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "sublabel", "disabled"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "rules"])) : H("", !0),
+            e(I) ? (T(), P("div", oo, [
+              d(L, {
+                disabled: o.disabled,
+                label: e(x)("inventory.transfer.form.items.addItem"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: e(M)
+              }, null, 8, ["disabled", "label", "onClick"])
+            ])) : H("", !0)
+          ])) : H("", !0),
+          s("div", so, [
+            s("div", no, [
+              s("div", lo, $(e(x)("inventory.transfer.form.items.title")), 1),
+              d(L, {
+                disabled: o.disabled,
+                label: e(x)("inventory.transfer.form.items.addItem"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: t[4] || (t[4] = (k) => p()),
+                size: "md"
+              }, null, 8, ["disabled", "label"])
+            ]),
+            (T(), z(j, {
+              "column-defs": q.value,
+              "row-data": e(l).purchaseOrder.items,
+              key: e(l).purchaseOrder.items.map((k) => k.sku._id).join("."),
+              "hide-footer": ""
+            }, {
+              "list-row": D((k) => [
+                (T(), z(Ne, {
+                  row: k,
+                  key: e(l).purchaseOrder.items.map((Q) => Q.sku._id).join(".")
+                }, {
+                  default: D((Q) => [
+                    d(Zt, {
+                      row: k,
+                      "cell-by-col-id": Q
+                    }, null, 8, ["row", "cell-by-col-id"])
+                  ]),
+                  _: 2
+                }, 1032, ["row"]))
+              ]),
+              _: 1
+            }, 8, ["column-defs", "row-data"]))
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), ro = { class: "flex items-center" }, io = { class: "fm-typo-en-title-md-800" }, uo = { class: "flex gap-4" }, mo = /* @__PURE__ */ X({
+  __name: "TransferTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(m, { expose: y, emit: u }) {
+    var o;
+    const l = m, x = u, c = nt(), n = gt(), { t: a } = Z(), v = je(l, "show");
+    function b() {
+      return {
+        _id: "",
+        name: "",
+        purchaseOrder: {
+          remark: void 0,
+          ref: void 0,
+          stockSnapshotId: void 0,
+          effectiveAt: void 0,
+          items: [],
+          supplier: {
+            _rev: void 0,
+            email: void 0,
+            internal: void 0,
+            contactName: void 0,
+            phoneNumber: void 0,
+            registrationNumber: void 0,
+            supplyItems: void 0,
+            _id: "",
+            name: "",
+            address: {
+              line2: void 0,
+              line1: "",
+              state: "",
+              city: "",
+              postcode: "",
+              country: ""
+            }
+          }
+        }
+      };
+    }
+    const g = U(l.modelValue ?? b()), I = U(((o = l.modelValue) == null ? void 0 : o._id) ?? `${Math.random()}`);
+    pe(
+      () => l.show,
+      (t) => {
+        var r;
+        t && (g.value = l.modelValue ?? b(), I.value = ((r = l.modelValue) == null ? void 0 : r._id) ?? `${Math.random()}`);
+      }
+    );
+    const M = U(!1), w = A(() => {
+      switch (l.mode) {
+        case ne.READ:
+          return "";
+        case ne.CREATE:
+          return a("inventory.transfer.template.create.title");
+        case ne.UPDATE:
+          return a("inventory.transfer.template.update.title");
+      }
+      return "";
+    }), h = U();
+    y({
+      validateInputs: () => {
+        var t, r;
+        (r = (t = h.value) == null ? void 0 : t.validateInputs) == null || r.call(t);
+      },
+      resetInputsValidation: () => {
+        var t, r;
+        (r = (t = h.value) == null ? void 0 : t.resetInputsValidation) == null || r.call(t);
+      },
+      resetInputs: () => {
+        var t, r;
+        (r = (t = h.value) == null ? void 0 : t.resetInputs) == null || r.call(t);
+      }
+    });
+    async function F() {
+      var r, f;
+      const t = g.value;
+      if (t) {
+        M.value = !0, (((r = t.purchaseOrder.supplier) == null ? void 0 : r.internal) === ie.enum.warehouse || ((f = t.purchaseOrder.supplier) == null ? void 0 : f.internal) === ie.enum.restaurant) && (t.purchaseOrder.items = t.purchaseOrder.items.map(
+          ({ totalCost: i, ..._ }) => _
+        ));
+        try {
+          await c.createTemplate(t), await new Promise((i) => setTimeout(i, 1e3)), n.open({
+            title: a("inventory.transfer.template.create.success"),
+            message: a("inventory.transfer.template.create.successMessage"),
+            type: "success"
+          }), x("update:show", !1), x("submitted");
+        } catch (i) {
+          n.open({
+            title: a("inventory.transfer.template.create.error"),
+            message: a("inventory.transfer.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating transfer template", i);
+        } finally {
+          M.value = !1;
+        }
+      }
+    }
+    async function R() {
+      var r, f;
+      const t = g.value;
+      if (t) {
+        M.value = !0, (((r = t.purchaseOrder.supplier) == null ? void 0 : r.internal) === ie.enum.warehouse || ((f = t.purchaseOrder.supplier) == null ? void 0 : f.internal) === ie.enum.restaurant) && (t.purchaseOrder.items = t.purchaseOrder.items.map(
+          ({ totalCost: i, ..._ }) => _
+        ));
+        try {
+          await c.updateTemplate(t), await new Promise((i) => setTimeout(i, 1e3)), n.open({
+            title: a("inventory.transfer.template.update.success"),
+            message: a("inventory.transfer.template.update.successMessage"),
+            type: "success"
+          }), x("update:show", !1), x("submitted");
+        } catch (i) {
+          n.open({
+            title: a("inventory.transfer.template.update.error"),
+            message: a("inventory.transfer.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating transfer template", i);
+        } finally {
+          M.value = !1;
+        }
+      }
+    }
+    function q() {
+      switch (l.mode) {
+        case ne.CREATE:
+          return F();
+        case ne.UPDATE:
+          return R();
+      }
+    }
+    function p() {
+      var t, r;
+      (r = (t = h.value) == null ? void 0 : t.validateInputs) == null || r.call(t);
+    }
+    return (t, r) => {
+      const f = S("FmButton"), i = S("FmSideSheet");
+      return T(), z(i, {
+        modelValue: e(v),
+        "onUpdate:modelValue": r[2] || (r[2] = (_) => he(v) ? v.value = _ : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 1200
+      }, {
+        "side-sheet-header": D(() => [
+          s("div", ro, [
+            s("div", io, $(w.value), 1)
+          ])
+        ]),
+        default: D(() => [
+          (T(), z(ao, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: h,
+            onValidationSuccess: q,
+            "model-value": g.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (_) => g.value = _),
+            disabled: M.value,
+            key: I.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": D(() => [
+          s("div", uo, [
+            d(f, {
+              loading: M.value,
+              label: e(a)("common.save"),
+              onClick: p
+            }, null, 8, ["loading", "label"]),
+            d(f, {
+              disabled: M.value,
+              variant: "tertiary",
+              label: e(a)("common.close"),
+              onClick: r[1] || (r[1] = (_) => x("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), co = { class: "flex flex-col gap-16 w-full h-full" }, po = { class: "flex justify-between" }, fo = { class: "fm-typo-en-body-lg-600" }, yo = { class: "flex flex-col gap-8" }, vo = { class: "flex flex-col gap-4" }, bo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _o = { class: "flex gap-1" }, xo = { class: "fm-typo-en-body-lg-600" }, ho = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, go = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ko = { class: "fm-typo-en-body-lg-600" }, wo = { class: "flex flex-col gap-4" }, Fo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, To = { class: "fm-typo-en-body-lg-600" }, Co = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, $o = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, So = { class: "fm-typo-en-body-lg-600" }, Lo = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, Io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mo = { class: "fm-typo-en-body-lg-600" }, Do = {
+  key: 3,
+  class: "flex flex-col gap-4"
+}, Vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ao = { class: "fm-typo-en-body-lg-600" }, Ro = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Oo = { class: "flex flex-col gap-8" }, Po = { class: "fm-typo-en-body-lg-600" }, Bo = { class: "flex w-full gap-4" }, qo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Uo = { class: "fm-typo-en-body-lg-600 shrink-0" }, No = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Eo = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, zo = {
+  key: 0,
+  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, jo = { class: "flex gap-8 xs:flex-col" }, Qo = /* @__PURE__ */ X({
+  __name: "TransferTemplateDetails",
+  props: {
+    template: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "action:use", "action:edit"],
+  setup(m, { emit: y }) {
+    const u = m, l = y, x = ge(), c = fe(), { t: n } = Z(), a = A(() => {
+      var w;
+      return (w = u.template) == null ? void 0 : w.purchaseOrder;
+    }), { enabledLocations: v } = Ge({
+      getLocations() {
+        var w;
+        return (w = u.template) == null ? void 0 : w.locations;
+      },
+      setLocations() {
+      }
+    }), b = A(() => {
+      if (!c.businessLevel)
+        return [c.currentLocation];
+      const w = Array.isArray(v.value) ? v.value : c.locations, h = /* @__PURE__ */ new Set([...w.map((F) => F.doc._id)]);
+      return c.locations.filter((F) => h.has(F.doc._id));
+    }), g = A(
+      () => {
+        var w, h, F, R;
+        return ((h = (w = a.value) == null ? void 0 : w.supplier) == null ? void 0 : h.internal) === "restaurant" || ((R = (F = a.value) == null ? void 0 : F.supplier) == null ? void 0 : R.internal) === "warehouse" ? ce.TRANSFER : ce.PURCHASE;
+      }
+    ), I = U(!0), M = je(u, "show");
+    return (w, h) => {
+      var r;
+      const F = S("FmMenuDivider"), R = S("FmCard"), q = S("FmButton"), p = S("FmListItem"), o = S("FmList"), t = S("FmSideSheet");
+      return T(), z(t, {
+        header: e(n)("inventory.transfer.template.details.view", { template: (r = w.template) == null ? void 0 : r.name }),
+        modelValue: e(M),
+        "onUpdate:modelValue": h[1] || (h[1] = (f) => he(M) ? M.value = f : null),
+        "dismiss-away": I.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: D(() => {
+          var f;
+          return [
+            s("div", co, [
+              d(R, {
+                variant: "outlined",
+                class: "flex flex-col gap-8 px-12 py-16"
+              }, {
+                default: D(() => {
+                  var i, _, L, C, O, B, j, N, k;
+                  return [
+                    s("div", po, [
+                      s("div", fo, $(e(n)("inventory.transfer.template.details.templateSummary")), 1)
+                    ]),
+                    d(F),
+                    s("div", yo, [
+                      s("div", vo, [
+                        s("div", bo, [
+                          s("div", _o, $(e(n)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                        ]),
+                        s("div", xo, $(e(lt)(((i = w.template) == null ? void 0 : i._id) ?? "")), 1)
+                      ]),
+                      (_ = a.value) != null && _.effectiveAt ? (T(), P("div", ho, [
+                        s("div", go, $(e(n)("inventory.transfer.receiveRequest.details.backdatedTo")), 1),
+                        s("div", ko, $(e(bt)(new Date((L = a.value) == null ? void 0 : L.effectiveAt))), 1)
+                      ])) : H("", !0),
+                      s("div", wo, [
+                        s("div", Fo, $(e(n)("inventory.transfer.receiveRequest.details.type.title")), 1),
+                        s("div", To, $(e(n)(
+                          `inventory.transfer.receiveRequest.details.type.${g.value.toLocaleLowerCase("en-US")}`
+                        )), 1)
+                      ]),
+                      (O = (C = a.value) == null ? void 0 : C.supplier) != null && O.name ? (T(), P("div", Co, [
+                        s("div", $o, $(e(n)("inventory.transfer.receiveRequest.details.from")), 1),
+                        s("div", So, $((j = (B = a.value) == null ? void 0 : B.supplier) == null ? void 0 : j.name), 1)
+                      ])) : H("", !0),
+                      (N = a.value) != null && N.ref ? (T(), P("div", Lo, [
+                        s("div", Io, $(e(n)("inventory.transfer.receiveRequest.details.reference")), 1),
+                        s("div", Mo, $(a.value.ref), 1)
+                      ])) : H("", !0),
+                      (k = a.value) != null && k.remark ? (T(), P("div", Do, [
+                        s("div", Vo, $(e(n)("inventory.transfer.receiveRequest.details.remark")), 1),
+                        s("div", Ao, $(a.value.remark), 1)
+                      ])) : H("", !0)
+                    ])
+                  ];
+                }),
+                _: 1
+              }),
+              s("div", Ro, [
+                s("div", Oo, [
+                  s("div", Po, $(e(n)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                  (T(!0), P(me, null, be(((f = a.value) == null ? void 0 : f.items) ?? [], (i) => (T(), P("div", {
+                    key: i.code,
+                    class: "flex flex-col"
+                  }, [
+                    s("div", Bo, [
+                      s("div", qo, $(i.name), 1),
+                      h[2] || (h[2] = s("div", { class: "flex-1 min-w-32" }, null, -1)),
+                      s("div", Uo, $(e(at)(i.quantity, i.sku.unit, i.measurement)), 1)
+                    ]),
+                    s("div", No, [
+                      s("div", Eo, $(i.code), 1),
+                      i.totalCost && e(x).enableTotalCost ? (T(), P("div", zo, " (" + $(e(_t)(i.totalCost)) + ") ", 1)) : H("", !0)
+                    ])
+                  ]))), 128))
+                ])
+              ]),
+              d(R, {
+                variant: "outlined",
+                class: "flex flex-col"
+              }, {
+                default: D(() => [
+                  h[3] || (h[3] = s("div", { class: "flex flex-col p-16" }, [
+                    s("div", { class: "fm-typo-en-body-lg-600" }, "Enabled locations"),
+                    s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Click to use template on the location ")
+                  ], -1)),
+                  d(o, null, {
+                    default: D(() => [
+                      (T(!0), P(me, null, be(b.value, (i) => (T(), z(p, {
+                        key: i.doc._id,
+                        label: i.name,
+                        sublabel: i.type,
+                        onClick: (_) => l("action:use", i.doc._id)
+                      }, {
+                        append: D(() => [
+                          d(q, {
+                            "prepend-icon": "chevron_right",
+                            variant: "tertiary"
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "sublabel", "onClick"]))), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])
+          ];
+        }),
+        "side-sheet-footer": D(() => [
+          s("div", jo, [
+            d(q, {
+              label: e(n)("common.edit"),
+              onClick: h[0] || (h[0] = (f) => l("action:edit")),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+}), Ho = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 h-full" }, Go = { class: "flex-1 flex flex-col gap-8" }, Yo = { class: "flex flex-col" }, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ko = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Zo = { class: "fm-typo-en-body-lg-400" }, Jo = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, Xo = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ps = /* @__PURE__ */ X({
+  __name: "TransferTemplateView",
+  setup(m) {
+    const { t: y } = Z(), { createTemplate: u, viewTemplate: l } = Re(), { templateDialogProps: x, transferFormDialogProps: c, templateDetailsProps: n } = kt(
+      Re()
+    ), a = rt(), v = ht(), b = fe(), g = ge(), { breakpoints: I } = Ee();
+    b.watchLocation(a.fetchTemplates), xe(() => {
+      g.mustManageBusinessOnlyPoTemplate && (b.businessLevel = !0);
+    }), pe(() => {
+      var r;
+      return (r = c.value) == null ? void 0 : r.show;
+    }, (r) => {
+      r === !1 && g.mustManageBusinessOnlyPoTemplate && (b.businessLevel = !0);
+    }), Ze(() => {
+      b.businessLevel = !1;
+    });
+    const M = A(() => b.businessLevel), w = A(
+      () => a.loading.value || !b._currentLocation
+    ), h = A(
+      () => M.value ? a.businessTemplates.value : a.locationTemplates.value
+    ), F = U(""), R = A(() => I.value.xs || I.value.sm ? 10 : 20);
+    function q(r) {
+      switch (r) {
+        case Oe.Add:
+          return u();
+      }
+    }
+    const p = Ft();
+    function o() {
+      p.push({ name: xt.RECEIVE_REQUEST });
+    }
+    function t(r) {
+      return r;
+    }
+    return (r, f) => {
+      const i = S("FmTable");
+      return T(), P(me, null, [
+        d(ot, {
+          title: e(y)("inventory.transfer.template.title2"),
+          actions: [
+            {
+              label: e(y)("inventory.transfer.template.create.title"),
+              value: e(Oe).Add,
+              isPrimary: !0,
+              prependIcon: "add"
+            }
+          ],
+          "onClick:action": q,
+          "using-business-helper-text": "You are managing business-level template list. These templates will be made visible to all locations."
+        }, {
+          default: D(() => {
+            var _;
+            return [
+              s("div", Ho, [
+                d(st, {
+                  searchable: "",
+                  "change-location": !e(g).mustManageBusinessOnlyPoTemplate,
+                  search: F.value,
+                  "onUpdate:search": f[0] || (f[0] = (L) => F.value = L),
+                  actions: [{ icon: "refresh", onClick: e(a).fetchTemplates }],
+                  "show-business": ""
+                }, null, 8, ["change-location", "search", "actions"]),
+                (T(), z(i, {
+                  style: Je(e(v).tableHeight),
+                  "column-defs": e(a).columnDefs,
+                  "row-data": h.value,
+                  "search-value": F.value,
+                  loading: w.value,
+                  key: (_ = e(b)._currentLocation) == null ? void 0 : _.dbName,
+                  onRowClick: f[1] || (f[1] = (L) => e(l)(L.original)),
+                  "page-size": R.value
+                }, {
+                  "list-row": D((L) => [
+                    d(Ne, {
+                      row: L,
+                      onRowClick: (C) => e(l)(C)
+                    }, {
+                      default: D((C) => {
+                        var O, B, j, N, k, Q, Y, ee, W, te, oe, K, se, le, ke, we, Fe, Te, ae, Ce, $e, Se, Le, re, Ie;
+                        return [
+                          s("div", Go, [
+                            s("div", Yo, [
+                              s("div", Wo, [
+                                d(e(E), {
+                                  render: (j = (B = (O = C._id) == null ? void 0 : O.column) == null ? void 0 : B.columnDef) == null ? void 0 : j.cell,
+                                  props: (k = (N = C._id) == null ? void 0 : N.getContext) == null ? void 0 : k.call(N)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              s("div", Ko, [
+                                d(e(E), {
+                                  render: (ee = (Y = (Q = C.name) == null ? void 0 : Q.column) == null ? void 0 : Y.columnDef) == null ? void 0 : ee.cell,
+                                  props: (te = (W = C.name) == null ? void 0 : W.getContext) == null ? void 0 : te.call(W)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              s("div", Zo, [
+                                d(e(E), {
+                                  render: (se = (K = (oe = C.supplier) == null ? void 0 : oe.column) == null ? void 0 : K.columnDef) == null ? void 0 : se.cell,
+                                  props: (ke = (le = C.supplier) == null ? void 0 : le.getContext) == null ? void 0 : ke.call(le)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              s("div", Jo, $(L.original.purchaseOrder.items.length ? L.original.purchaseOrder.items.map((Ye) => Ye.name).join(", ") : "No items"), 1),
+                              s("div", Xo, [
+                                d(e(E), {
+                                  render: (Te = (Fe = (we = C.ref) == null ? void 0 : we.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : Te.cell,
+                                  props: (Ce = (ae = C.ref) == null ? void 0 : ae.getContext) == null ? void 0 : Ce.call(ae)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            s("div", null, [
+                              d(e(E), {
+                                render: (Le = (Se = ($e = C.type) == null ? void 0 : $e.column) == null ? void 0 : Se.columnDef) == null ? void 0 : Le.cell,
+                                props: (Ie = (re = C.type) == null ? void 0 : re.getContext) == null ? void 0 : Ie.call(re)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["row", "onRowClick"])
+                  ]),
+                  _: 1
+                }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (T(), z(Xe, { to: "body" }, [
+          d(wt, Ae(e(c), { onSubmitted: o }), null, 16),
+          d(Qo, et(tt(e(n))), null, 16),
+          d(mo, Ae(e(x), {
+            onSubmitted: f[2] || (f[2] = (_) => e(a).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  ps as default
+};