@wisemen/wise-invoicing-web 0.0.0-alpha.1

package/dist/InvoiceDetailViewDataProvider-DeS1LPn1.js

@@ -0,0 +1,1942 @@
+import { openBlock as u, createElementBlock as K, createElementVNode as B, defineComponent as I, computed as c, createBlock as p, unref as e, withCtx as s, createVNode as o, Fragment as ae, renderList as Fe, ref as Te, watch as ci, createCommentVNode as k, mergeProps as A, createSlots as ri, toDisplayString as Me } from "vue";
+import { useI18n as x } from "vue-i18n";
+import { u as ui } from "./invoiceDetail.query-C3Llz0nF.js";
+import { _ as ye, p as se, I as G, m as ve } from "./_plugin-vue_export-helper-3S5xkc9H.js";
+import { UIBadge as V, UITooltip as di, UITooltipContent as vi, UIColumnLayout as Pe, UIText as q, useToast as z, UIFormDialog as le, UIDialogHeader as ce, UIDialogFooter as re, UIDialogFooterCancel as ue, UIDialogFooterSubmit as be, useOverlay as de, UIForm as Le, UIRowLayout as Y, UIDialogBody as we, UIFormFieldGroup as Ie, UIFormFieldGrid as xe, UIDateField as ne, UITextField as oe, UIDetailList as mi, UIDetailListGroup as me, UIDetailListGroupItem as $, UIDetailListGroupItemLabel as O, UIDetailListGroupItemValueText as j, UIIconButton as $e, UIDetailListGroupSeparator as Ce, UITableCell as De, UITableCellInteractiveElement as pi, defineTableColumns as _i, createComponent as J, UINumberField as fe, UIFormSubmitButton as fi, UIConfirmDialog as gi, UIBadgeLabel as Ee, UIBadgeSeparator as yi, UIButton as bi, UITable as wi, createSelectOptions as Ii, UISelect as xi } from "@wisemen/vue-core-design-system";
+import { I as D, i as H, e as L, n as Di, j as ge, o as Ae, L as hi, p as qe, q as Ui, D as ki, r as Si, s as Ci, t as Ei, T as Ai, w as Fi, x as he, R as ze, u as X, y as Ti, z as Mi, E as Pi, B as Li, H as $i, U as qi, G as zi, J as pe, K as Re, M as Ri, C as Oe, N as Oi, O as N, Q as ji } from "./index-Beg0OAsI.js";
+import { useForm as Q } from "formango";
+import Ni, { z as w } from "zod";
+import { _ as Bi, u as Vi, F as Ki, B as je, a as Ne, b as Gi, c as Hi, d as Qi, e as Zi, f as Wi, g as Ji, h as Yi, i as Be, j as Xi, k as et, l as it, m as tt, n as nt, o as ot, p as at, q as st, r as lt } from "./BillingDocumentDetailViewDataProvider.vue_vue_type_script_setup_true_lang-CWKBYgXH.js";
+import { useMutation as S, useKeysetInfiniteQuery as ct, useQuery as rt } from "@wisemen/vue-core-api-utils";
+import { Temporal as Ve } from "temporal-polyfill";
+import { _ as ut, a as dt, C as vt } from "./InvoiceSettlementStatusBadge.vue_vue_type_script_setup_true_lang-YngYVFcS.js";
+import { useRouter as Ke, RouterLink as mt } from "vue-router";
+import { u as pt } from "./issuerSettings.query-H83T7-h9.js";
+import { t as F } from "./formango.util-D66mMTWb.js";
+const _t = {}, ft = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function gt(i, t) {
+  return u(), K("svg", ft, [...t[0] || (t[0] = [
+    B("path", {
+      d: "M6 16C6 18.2091 7.79086 20 10 20H14C16.2091 20 18 18.2091 18 16C18 13.7909 16.2091 12 14 12H10C7.79086 12 6 10.2091 6 8C6 5.79086 7.79086 4 10 4H14C16.2091 4 18 5.79086 18 8M12 2V22",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const yt = /* @__PURE__ */ ye(_t, [["render", gt]]), bt = {}, wt = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function It(i, t) {
+  return u(), K("svg", wt, [...t[0] || (t[0] = [
+    B("path", {
+      d: "M12 5V19M5 12H19",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const xt = /* @__PURE__ */ ye(bt, [["render", It]]), Dt = {}, ht = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Ut(i, t) {
+  return u(), K("svg", ht, [...t[0] || (t[0] = [
+    B("path", {
+      d: "M16 6V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H11.2C10.0799 2 9.51984 2 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8 3.51984 8 4.0799 8 5.2V6M10 11.5V16.5M14 11.5V16.5M3 6H21M19 6V17.2C19 18.8802 19 19.7202 18.673 20.362C18.3854 20.9265 17.9265 21.3854 17.362 21.673C16.7202 22 15.8802 22 14.2 22H9.8C8.11984 22 7.27976 22 6.63803 21.673C6.07354 21.3854 5.6146 20.9265 5.32698 20.362C5 19.7202 5 18.8802 5 17.2V6",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const kt = /* @__PURE__ */ ye(Dt, [["render", Ut]]);
+function Ue() {
+  return S({
+    queryFn: (i) => D.update(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+const St = {
+  [H.FAILED]: {
+    tone: "error",
+    translationKey: "wise_invoicing.invoice.delivery_status.failed"
+  },
+  [H.PROCESSING]: {
+    tone: "blue",
+    translationKey: "wise_invoicing.invoice.delivery_status.processing"
+  },
+  [H.SENT]: {
+    tone: "brand",
+    translationKey: "wise_invoicing.invoice.delivery_status.sent"
+  },
+  [H.UNSENT]: {
+    tone: "gray",
+    translationKey: "wise_invoicing.invoice.delivery_status.unsent"
+  },
+  [H.VIEWED]: {
+    tone: "success",
+    translationKey: "wise_invoicing.invoice.delivery_status.viewed"
+  }
+};
+class Ct {
+  static getMetadata(t) {
+    return St[t];
+  }
+}
+const Et = /* @__PURE__ */ I({
+  __name: "InvoiceDeliveryStatusBadge",
+  props: {
+    deliveryStatus: {},
+    size: { default: "sm" }
+  },
+  setup(i) {
+    const t = i, n = x(), l = c(
+      () => Ct.getMetadata(t.deliveryStatus)
+    ), a = c(() => n.t(l.value.translationKey));
+    return (m, d) => (u(), p(e(V), {
+      label: a.value,
+      color: l.value.tone,
+      size: t.size,
+      variant: "translucent"
+    }, null, 8, ["label", "color", "size"]));
+  }
+}), At = /* @__PURE__ */ I({
+  __name: "InvoiceDisputedBadge",
+  props: {
+    size: { default: "sm" }
+  },
+  setup(i) {
+    const t = i, n = x(), l = c(() => n.t("wise_invoicing.invoice.status.disputed"));
+    return (a, m) => (u(), p(e(V), {
+      label: l.value,
+      size: t.size,
+      color: "warning",
+      variant: "translucent"
+    }, null, 8, ["label", "size"]));
+  }
+}), Ft = /* @__PURE__ */ I({
+  __name: "InvoiceReminderBadge",
+  props: {
+    reminders: {},
+    size: { default: "sm" }
+  },
+  setup(i) {
+    const t = i, n = x(), l = se(), a = c(() => n.t("wise_invoicing.invoice.reminder.badge", {
+      count: t.reminders.length
+    }));
+    function m(d) {
+      return l.formatPlainDate(
+        d.toZonedDateTimeISO(Ve.Now.timeZoneId()).toPlainDate()
+      );
+    }
+    return (d, _) => (u(), p(e(di), {
+      "popover-side-offset": 8,
+      "popover-align": "start",
+      "popover-side": "bottom"
+    }, {
+      trigger: s(() => [
+        o(e(V), {
+          label: a.value,
+          size: t.size,
+          color: "gray",
+          variant: "translucent"
+        }, null, 8, ["label", "size"])
+      ]),
+      content: s(() => [
+        o(e(vi), null, {
+          default: s(() => [
+            o(e(Pe), {
+              gap: "xs",
+              class: "max-w-80"
+            }, {
+              default: s(() => [
+                (u(!0), K(ae, null, Fe(t.reminders, (f, v) => (u(), p(e(q), {
+                  key: f.uuid,
+                  text: e(n).t("wise_invoicing.invoice.reminder.tooltip_line", {
+                    number: v + 1,
+                    date: m(f.sentAt)
+                  }),
+                  class: "text-sm text-primary"
+                }, null, 8, ["text"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+}), Tt = w.string().nullable(), Mt = w.object({
+  subject: Tt
+});
+function Pt() {
+  return S({
+    queryFn: (i) => D.createCreditNote(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Lt() {
+  return S({
+    queryFn: (i) => D.duplicate(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceIndex: {}
+    }
+  });
+}
+function $t() {
+  return S({
+    queryFn: (i) => D.finalize(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function qt() {
+  return S({
+    queryFn: (i) => D.markAsDraft(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function zt() {
+  return S({
+    queryFn: (i) => D.markAsPaid(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Rt() {
+  return S({
+    queryFn: (i) => D.markAsProtested(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Ot() {
+  return S({
+    queryFn: (i) => D.markAsReady(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function jt() {
+  return S({
+    queryFn: (i) => D.send(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Nt() {
+  return S({
+    queryFn: (i) => D.withdrawProtest(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Bt() {
+  return S({
+    queryFn: (i) => D.delete(i.params.invoiceUuid),
+    queryKeysToInvalidate: {
+      invoiceIndex: {}
+    }
+  });
+}
+const Vt = /* @__PURE__ */ I({
+  __name: "InvoiceDeleteDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close", "deleted"],
+  setup(i, { emit: t }) {
+    const n = i, l = t, a = x(), m = Ke(), d = z(), _ = Bt(), f = Q({
+      schema: Ni.object({}),
+      onSubmit: async () => {
+        const v = await _.execute({
+          params: {
+            invoiceUuid: n.invoice.uuid
+          }
+        });
+        if (v.isErr()) {
+          d.apiError(v.error);
+          return;
+        }
+        d.show({
+          message: a.t("wise_invoicing.invoice.delete.success_toast")
+        }), l("deleted"), l("close"), await m.push({
+          name: "invoicing-invoice-overview"
+        });
+      }
+    });
+    return (v, g) => (u(), p(e(le), {
+      form: e(f),
+      size: "xs",
+      onClose: g[0] || (g[0] = (h) => l("close"))
+    }, {
+      default: s(() => [
+        o(e(ce), {
+          title: e(a).t("wise_invoicing.invoice.delete.title"),
+          description: e(a).t("wise_invoicing.invoice.delete.description"),
+          "is-description-visible": !0
+        }, null, 8, ["title", "description"]),
+        o(e(re), null, {
+          right: s(() => [
+            o(e(ue), { label: "cancel" }),
+            o(e(be), {
+              "is-destructive": !0,
+              label: e(a).t("wise_invoicing.invoice.delete.submit_button")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+function Kt(i) {
+  const t = x(), n = z(), l = Ke(), a = de(), m = a.create(Vt), d = a.create(Bi), _ = jt(), f = Pt(), v = Lt(), g = $t(), h = qt(), T = zt(), M = Rt(), C = Ot(), U = Nt(), {
+    shouldSkipConfirmation: b
+  } = Vi(), y = Te(null), E = c(() => G.getMetadata(i.value.status)), P = c(() => y.value ?? i.value.isDisputed), Z = c(() => i.value.status !== L.DRAFT && i.value.status !== L.READY), ee = c(() => i.value.lifecycleStatus === Di.FINALIZED), He = c(() => (i.value.status === L.SENT || i.value.status === L.OVERDUE) && i.value.reminders.length < i.value.maxReminderCount);
+  function ie(r) {
+    return E.value.actions.includes(r);
+  }
+  ci(() => i.value.isDisputed, (r) => {
+    y.value === r && (y.value = null);
+  });
+  async function ke() {
+    const r = await g.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    return r.isErr() ? (n.apiError(r.error), !1) : (n.show({
+      message: t.t("wise_invoicing.invoice.finalize.success")
+    }), !0);
+  }
+  async function Qe() {
+    if (b.value) {
+      await ke();
+      return;
+    }
+    await d.open({
+      billingDocumentType: "invoice",
+      onConfirm: ke
+    });
+  }
+  async function Ze() {
+    const r = await C.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    n.show({
+      message: t.t("wise_invoicing.invoice.mark_as_ready.success")
+    });
+  }
+  async function We() {
+    const r = await h.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    n.show({
+      message: t.t("wise_invoicing.invoice.mark_as_draft.success")
+    });
+  }
+  async function Je() {
+    const r = await T.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    n.show({
+      message: t.t("wise_invoicing.invoice.mark_as_paid.success")
+    });
+  }
+  async function Ye() {
+    y.value = !0;
+    const r = await M.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      y.value = null, n.apiError(r.error);
+      return;
+    }
+    n.show({
+      message: t.t("wise_invoicing.invoice.mark_as_disputed.success")
+    });
+  }
+  async function Xe() {
+    y.value = !1;
+    const r = await U.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      y.value = null, n.apiError(r.error);
+      return;
+    }
+    n.show({
+      message: t.t("wise_invoicing.invoice.withdraw_dispute.success")
+    });
+  }
+  async function ei() {
+    const r = await _.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    n.show({
+      message: t.t("wise_invoicing.invoice.send.success")
+    });
+  }
+  async function ii() {
+    const r = await _.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    n.show({
+      message: t.t("wise_invoicing.invoice.reminder.success")
+    });
+  }
+  async function ti() {
+    await m.open({
+      invoice: i.value
+    });
+  }
+  async function ni() {
+    const r = await D.getByUuid(i.value.uuid);
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    const W = r.value.file;
+    if (W === null) {
+      n.show({
+        message: t.t("wise_invoicing.invoice.download_pdf.generation_in_progress")
+      });
+      return;
+    }
+    const te = await Ki.getDownloadUrl(W.uuid);
+    te !== null && Fi.downloadUrl(te, W.name);
+  }
+  async function oi() {
+    const r = await v.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    n.show({
+      button: {
+        label: t.t("wise_invoicing.invoice.duplicate.view_action"),
+        onClick: () => {
+          l.push({
+            name: "invoicing-invoice-detail",
+            params: {
+              invoiceUuid: r.value
+            }
+          });
+        }
+      },
+      message: t.t("wise_invoicing.invoice.duplicate.success")
+    });
+  }
+  async function ai() {
+    const r = await f.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (r.isErr()) {
+      n.apiError(r.error);
+      return;
+    }
+    n.show({
+      button: {
+        label: t.t("wise_invoicing.credit_note.create.view_action"),
+        onClick: () => {
+          l.push({
+            name: "invoicing-credit-note-detail",
+            params: {
+              creditNoteUuid: r.value
+            }
+          });
+        }
+      },
+      message: t.t("wise_invoicing.credit_note.create.success")
+    });
+  }
+  const si = c(() => [
+    {
+      isLoading: _.isLoading.value,
+      iconLeft: ge,
+      key: "send",
+      label: t.t("wise_invoicing.invoice.detail.actions.send"),
+      variant: "primary",
+      visible: i.value.status === L.FINALIZED,
+      onClick: ei
+    },
+    {
+      isLoading: _.isLoading.value,
+      iconLeft: ge,
+      key: "sendReminder",
+      label: t.t("wise_invoicing.invoice.detail.header.send_reminder"),
+      variant: "primary",
+      visible: He.value,
+      onClick: ii
+    },
+    {
+      isLoading: C.isLoading.value,
+      iconRight: Ae,
+      key: "markAsReady",
+      label: t.t("wise_invoicing.invoice.detail.actions.mark_as_ready"),
+      visible: ie("markAsReady"),
+      onClick: Ze
+    },
+    {
+      isLoading: g.isLoading.value,
+      iconLeft: hi,
+      key: "finalize",
+      label: t.t("wise_invoicing.invoice.detail.actions.finalize"),
+      visible: ie("finalize"),
+      onClick: Qe
+    }
+  ].filter((r) => r.visible)), Se = c(() => {
+    const r = [
+      {
+        icon: qe,
+        key: "markAsProtested",
+        label: t.t("wise_invoicing.invoice.detail.actions.mark_as_disputed"),
+        visible: ee.value && !P.value,
+        onSelect: Ye
+      },
+      {
+        icon: Ui,
+        key: "markAsPaid",
+        label: t.t("wise_invoicing.invoice.detail.actions.mark_as_paid"),
+        visible: ie("markAsPaid"),
+        onSelect: Je
+      },
+      {
+        icon: Ae,
+        key: "withdrawProtest",
+        label: t.t("wise_invoicing.invoice.detail.actions.withdraw_dispute"),
+        visible: ee.value && P.value,
+        onSelect: Xe
+      }
+    ], W = [
+      L.FINALIZED,
+      L.PAID,
+      L.SENT,
+      L.OVERDUE,
+      L.PROTESTED
+    ].includes(i.value.status), te = [
+      {
+        icon: ki,
+        key: "downloadPdf",
+        label: t.t("wise_invoicing.common.download_pdf"),
+        visible: Z.value,
+        onSelect: ni
+      },
+      {
+        icon: Si,
+        key: "backToDraft",
+        label: t.t("wise_invoicing.invoice.detail.actions.mark_as_draft"),
+        visible: ie("markAsDraft"),
+        onSelect: We
+      },
+      {
+        icon: Ci,
+        key: "duplicate",
+        label: t.t("wise_invoicing.invoice.detail.actions.duplicate"),
+        visible: !0,
+        onSelect: oi
+      }
+    ], li = [
+      {
+        icon: Ei,
+        key: "createCreditNote",
+        label: t.t("wise_invoicing.invoice.detail.header.cancel_with_credit_note"),
+        visible: W,
+        onSelect: ai
+      },
+      {
+        icon: Ai,
+        key: "delete",
+        label: t.t("wise_invoicing.invoice.detail.actions.delete"),
+        visible: E.value.isEditable,
+        onSelect: ti
+      }
+    ];
+    return [
+      {
+        items: r.filter((R) => R.visible),
+        key: "lifecycle"
+      },
+      {
+        items: te.filter((R) => R.visible),
+        key: "secondary"
+      },
+      {
+        items: li.filter((R) => R.visible),
+        key: "destructive"
+      }
+    ].filter((R) => R.items.length > 0);
+  });
+  return {
+    isActionMenuVisible: c(() => Se.value.length > 0),
+    isDisputed: P,
+    menuGroups: Se,
+    primaryButtons: si
+  };
+}
+const Gt = /* @__PURE__ */ I({
+  __name: "InvoiceDetailHeaderSection",
+  props: {
+    isPdfViewActive: { type: Boolean },
+    invoice: {}
+  },
+  emits: ["togglePdfView"],
+  setup(i, { emit: t }) {
+    const n = i, l = t, a = x(), m = z(), {
+      isDisputed: d,
+      menuGroups: _,
+      primaryButtons: f
+    } = Kt(c(() => n.invoice)), v = Ue(), g = c(() => new je(n.invoice.status)), h = c(() => g.value.color), T = c(() => a.t(g.value.translationKey)), M = c(() => n.invoice.deliveryStatus !== H.UNSENT || n.invoice.reminders.length > 0), C = c(() => !G.isEditable(n.invoice.status)), U = Q({
+      initialState: {
+        subject: n.invoice.subject
+      },
+      schema: Mt,
+      onSubmit: async (y) => {
+        const E = await v.execute({
+          body: {
+            ...he.toForm(n.invoice),
+            subject: y.subject
+          },
+          params: {
+            invoiceUuid: n.invoice.uuid
+          }
+        });
+        E.isErr() && m.apiError(E.error);
+      }
+    }), b = U.register("subject");
+    return Ne({
+      form: U
+    }), (y, E) => (u(), p(e(Le), {
+      form: e(U),
+      "prompt-on-unsaved-changes": !1
+    }, {
+      default: s(() => [
+        o(Gi, {
+          "fallback-title": e(a).t("wise_invoicing.invoice.detail.fallback_title"),
+          "is-disabled": C.value,
+          sequence: n.invoice.sequence,
+          "status-color": h.value,
+          "status-label": T.value,
+          icon: e(ze),
+          "subject-field": e(b),
+          "subject-placeholder": e(a).t("wise_invoicing.invoice.detail.header.subject_placeholder")
+        }, {
+          actions: s(() => [
+            o(Qi, {
+              "is-pdf-view-active": n.isPdfViewActive,
+              "menu-groups": e(_),
+              "primary-buttons": e(f),
+              onTogglePdfView: E[0] || (E[0] = (P) => l("togglePdfView"))
+            }, null, 8, ["is-pdf-view-active", "menu-groups", "primary-buttons"])
+          ]),
+          status: s(() => [
+            o(e(Y), {
+              gap: "xs",
+              class: "flex-wrap items-start"
+            }, {
+              default: s(() => [
+                o(ut, {
+                  "lifecycle-status": n.invoice.lifecycleStatus
+                }, null, 8, ["lifecycle-status"]),
+                o(dt, {
+                  "balance-due-amount": n.invoice.balanceDueAmount,
+                  "gross-amount": n.invoice.grossAmount,
+                  "paid-amount": n.invoice.paidAmount,
+                  "settlement-status": n.invoice.settlementStatus,
+                  "total-credited-amount": n.invoice.totalCreditedAmount
+                }, null, 8, ["balance-due-amount", "gross-amount", "paid-amount", "settlement-status", "total-credited-amount"]),
+                n.invoice.isOverdue ? (u(), p(Hi, { key: 0 })) : k("", !0),
+                e(d) ? (u(), p(At, { key: 1 })) : k("", !0),
+                M.value ? (u(), p(Et, {
+                  key: 2,
+                  "delivery-status": n.invoice.deliveryStatus
+                }, null, 8, ["delivery-status"])) : k("", !0),
+                n.invoice.reminders.length > 0 ? (u(), p(Ft, {
+                  key: 3,
+                  reminders: n.invoice.reminders
+                }, null, 8, ["reminders"])) : k("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["fallback-title", "is-disabled", "sequence", "status-color", "status-label", "icon", "subject-field", "subject-placeholder"])
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), Ht = { class: "grid w-full grid-cols-1 gap-md lg:grid-cols-3" }, Qt = /* @__PURE__ */ I({
+  __name: "InvoiceDetailLinkedCreditNotesSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = x(), l = X(), a = c(() => t.invoice.creditNotes.map((d) => {
+      const _ = new je(d.status);
+      return {
+        uuid: d.uuid,
+        title: d.sequence === null ? n.t("wise_invoicing.invoice.detail.credit_notes.untitled") : n.t("wise_invoicing.invoice.detail.credit_notes.card_title", {
+          sequence: d.sequence
+        }),
+        amountLabel: l.formatMonetary(m(d)),
+        statusColor: _.color,
+        statusLabel: n.t(_.translationKey)
+      };
+    }));
+    function m(d) {
+      return {
+        ...d.grossAmount,
+        amount: d.grossAmount.amount > 0 ? -d.grossAmount.amount : d.grossAmount.amount
+      };
+    }
+    return (d, _) => a.value.length > 0 ? (u(), p(e(Pe), {
+      key: 0,
+      as: "section",
+      gap: "md",
+      class: "w-full"
+    }, {
+      default: s(() => [
+        o(e(q), {
+          text: e(n).t("wise_invoicing.invoice.detail.credit_notes.title"),
+          as: "h2",
+          class: "text-sm font-semibold text-primary"
+        }, null, 8, ["text"]),
+        B("div", Ht, [
+          (u(!0), K(ae, null, Fe(a.value, (f) => (u(), p(e(mt), {
+            key: f.uuid,
+            to: {
+              name: "invoicing-credit-note-detail",
+              params: { creditNoteUuid: f.uuid }
+            },
+            class: "min-w-0 rounded-lg border border-secondary bg-primary p-lg transition-colors hover:bg-secondary"
+          }, {
+            default: s(() => [
+              o(e(Y), {
+                align: "center",
+                gap: "md",
+                class: "min-w-0"
+              }, {
+                default: s(() => [
+                  o(e(q), {
+                    text: f.title,
+                    class: "min-w-0 flex-1 truncate text-xs font-semibold text-primary"
+                  }, null, 8, ["text"]),
+                  o(e(V), {
+                    label: f.statusLabel,
+                    color: f.statusColor,
+                    size: "sm",
+                    variant: "translucent"
+                  }, null, 8, ["label", "color"]),
+                  o(e(V), {
+                    label: f.amountLabel,
+                    variant: "translucent",
+                    size: "sm"
+                  }, null, 8, ["label"])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["to"]))), 128))
+        ])
+      ]),
+      _: 1
+    })) : k("", !0);
+  }
+}), Ge = w.object({
+  deliveredOn: ve.nullable(),
+  dueOn: ve,
+  issuedOn: ve,
+  externalRemarks: w.string().nullable(),
+  poNumber: w.string().nullable(),
+  preparedBy: w.object({
+    uuid: w.uuid(),
+    name: w.string()
+  }),
+  subject: w.string().nullable()
+}).superRefine((i, t) => {
+  Temporal.PlainDate.compare(i.dueOn, i.issuedOn) < 0 && t.addIssue({
+    code: "custom",
+    message: Ti.global.t("invoicing.invoice.validation.due_date_after_issue_date"),
+    path: [
+      "dueOn"
+    ]
+  });
+}), Zt = /* @__PURE__ */ I({
+  __name: "InvoiceDetailRemarksSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = x(), l = z(), a = Ue(), m = Q({
+      initialState: c(() => he.toForm(t.invoice)),
+      schema: Ge,
+      onSubmit: async (f) => {
+        const v = await a.execute({
+          body: f,
+          params: {
+            invoiceUuid: t.invoice.uuid
+          }
+        });
+        v.isErr() && l.apiError(v.error);
+      }
+    }), d = m.register("externalRemarks"), _ = c(() => !G.isEditable(t.invoice.status));
+    return Ne({
+      form: m
+    }), (f, v) => (u(), p(e(Le), {
+      form: e(m),
+      "prompt-on-unsaved-changes": !1
+    }, {
+      default: s(() => [
+        o(Zi, {
+          "is-disabled": _.value,
+          placeholder: e(n).t("wise_invoicing.invoice.detail.remarks.placeholder"),
+          "remarks-field": e(d),
+          title: e(n).t("wise_invoicing.invoice.detail.remarks.title")
+        }, null, 8, ["is-disabled", "placeholder", "remarks-field", "title"])
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+function Wt(i) {
+  return ct("invoiceActivityLogIndex", {
+    params: {
+      invoiceUuid: i
+    },
+    queryFn: (t) => D.getActivityLogs(i.value, {
+      pagination: t
+    })
+  });
+}
+const Jt = /* @__PURE__ */ I({
+  __name: "InvoiceDetailSidebarActivityTab",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = x(), {
+      hasNextPage: l,
+      isFetchingNextPage: a,
+      isLoading: m,
+      fetchNextPage: d,
+      result: _
+    } = Wt(c(() => t.invoice.uuid)), f = c(() => _.value.unwrapOr({
+      data: [],
+      meta: {
+        next: null
+      }
+    }).data);
+    return (v, g) => (u(), p(Wi, {
+      "current-billing-document": {
+        role: e(Mi).INVOICE,
+        uuid: t.invoice.uuid
+      },
+      "empty-message": e(n).t("wise_invoicing.invoice.detail.sidebar.activity_empty"),
+      entries: f.value,
+      "fetch-next-page": e(d),
+      "has-next-page": e(l),
+      "is-fetching-next-page": e(a),
+      "is-loading": e(m)
+    }, null, 8, ["current-billing-document", "empty-message", "entries", "fetch-next-page", "has-next-page", "is-fetching-next-page", "is-loading"]));
+  }
+}), Yt = /* @__PURE__ */ I({
+  __name: "InvoiceUpdateDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close"],
+  setup(i, { emit: t }) {
+    const n = i, l = t, a = x(), m = z(), d = Ue(), _ = pt(), f = c(() => {
+      const b = _.result.value;
+      return b.isOk() ? b.getValue().defaultPaymentTermDays ?? 0 : 0;
+    }), v = Q({
+      initialState: c(() => he.toForm(n.invoice)),
+      schema: Ge,
+      onSubmit: async (b) => {
+        const y = await d.execute({
+          body: b,
+          params: {
+            invoiceUuid: n.invoice.uuid
+          }
+        });
+        if (y.isErr()) {
+          m.apiError(y.error);
+          return;
+        }
+        l("close");
+      },
+      onSubmitError: () => {
+        m.unableToSave();
+      }
+    }), g = v.register("issuedOn"), h = v.register("dueOn"), T = v.register("deliveredOn"), M = v.register("poNumber"), C = v.register("subject");
+    function U(b) {
+      b !== null && h.setValue(b.add({
+        days: f.value
+      }));
+    }
+    return (b, y) => (u(), p(e(le), {
+      form: e(v),
+      size: "sm",
+      onClose: y[0] || (y[0] = (E) => l("close"))
+    }, {
+      default: s(() => [
+        o(e(ce), {
+          icon: e(Pi),
+          "is-description-visible": !1,
+          title: e(a).t("wise_invoicing.invoice.detail.header.edit_info"),
+          description: ""
+        }, null, 8, ["icon", "title"]),
+        o(e(we), null, {
+          default: s(() => [
+            o(e(Ie), null, {
+              default: s(() => [
+                o(e(xe), {
+                  lg: 2,
+                  sm: 1
+                }, {
+                  default: s(() => [
+                    o(e(ne), A(e(F)(e(g)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.invoice_date"),
+                      "is-required": !0,
+                      "onUpdate:modelValue": U
+                    }), null, 16, ["label"]),
+                    o(e(ne), A(e(F)(e(h)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.due_date"),
+                      "is-required": !0,
+                      "min-date": e(g).modelValue.value
+                    }), null, 16, ["label", "min-date"]),
+                    o(e(ne), A(e(F)(e(T)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.delivery_date")
+                    }), null, 16, ["label"]),
+                    o(e(oe), A(e(F)(e(M)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.po_number")
+                    }), null, 16, ["label"]),
+                    o(e(oe), A(e(F)(e(C)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.subject"),
+                      placeholder: e(a).t("wise_invoicing.invoice.detail.header.subject_placeholder")
+                    }), null, 16, ["label", "placeholder"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(e(re), null, {
+          right: s(() => [
+            o(e(ue), { label: "cancel" }),
+            o(e(be), {
+              label: e(a).t("wise_invoicing.invoice.detail.header.edit_info")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), Xt = /* @__PURE__ */ I({
+  __name: "InvoiceDetailSidebarInfoTab",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = x(), l = se(), m = de().create(Yt), d = c(() => G.isEditable(t.invoice.status)), _ = c(() => {
+      if (!t.invoice.isOverdue)
+        return null;
+      const g = t.invoice.dueOn.toZonedDateTime(Ve.Now.timeZoneId()).toInstant();
+      return l.toRelativeTime(g);
+    });
+    async function f() {
+      await m.open({
+        invoice: t.invoice
+      });
+    }
+    function v(g) {
+      return g === null ? "-" : l.formatPlainDate(g);
+    }
+    return (g, h) => (u(), p(e(mi), { class: "px-2xl py-xl" }, {
+      default: s(() => [
+        o(e(me), {
+          label: e(n).t("wise_invoicing.invoice.detail.sidebar.general")
+        }, ri({
+          default: s(() => [
+            o(e($), null, {
+              default: s(() => [
+                o(e(O), {
+                  icon: e(Li),
+                  label: e(n).t("wise_invoicing.invoice.detail.header.invoice_id")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: t.invoice.sequence ?? "-"
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e($), null, {
+              default: s(() => [
+                o(e(O), {
+                  icon: e($i),
+                  label: e(n).t("wise_invoicing.invoice.detail.header.po_number")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: t.invoice.poNumber ?? "-"
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e($), null, {
+              default: s(() => [
+                o(e(O), {
+                  icon: e(qi),
+                  label: e(n).t("wise_invoicing.invoice.detail.header.issuer")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: t.invoice.issuer.name ?? "-"
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e($), null, {
+              default: s(() => [
+                o(e(O), {
+                  icon: e(ze),
+                  label: e(n).t("wise_invoicing.invoice.detail.header.invoice_date")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: v(t.invoice.issueOn)
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e($), null, {
+              default: s(() => [
+                o(e(O), {
+                  icon: e(qe),
+                  label: e(n).t("wise_invoicing.invoice.detail.header.due_date"),
+                  variant: t.invoice.isOverdue ? "error" : "default"
+                }, null, 8, ["icon", "label", "variant"]),
+                o(e(Y), {
+                  gap: "xs",
+                  class: "items-center"
+                }, {
+                  default: s(() => [
+                    o(e(j), {
+                      text: v(t.invoice.dueOn),
+                      variant: t.invoice.isOverdue ? "error" : "default"
+                    }, null, 8, ["text", "variant"]),
+                    _.value !== null ? (u(), p(e(V), {
+                      key: 0,
+                      label: _.value,
+                      color: "error",
+                      size: "sm",
+                      variant: "translucent"
+                    }, null, 8, ["label"])) : k("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            o(e($), null, {
+              default: s(() => [
+                o(e(O), {
+                  icon: e(ge),
+                  label: e(n).t("wise_invoicing.invoice.detail.header.delivery_date")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: v(t.invoice.deliveredOn)
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 2
+        }, [
+          d.value ? {
+            name: "actions",
+            fn: s(() => [
+              o(e($e), {
+                icon: e(zi),
+                label: e(n).t("wise_invoicing.invoice.detail.header.edit_info"),
+                variant: "tertiary",
+                onClick: f
+              }, null, 8, ["icon", "label"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["label"]),
+        o(Ji, {
+          "original-invoice": t.invoice.originalInvoice
+        }, null, 8, ["original-invoice"]),
+        o(e(Ce)),
+        o(e(me), {
+          label: e(n).t("wise_invoicing.invoice.detail.header.bill_to"),
+          "collapse-options": {
+            isCollapsible: !0,
+            isOpenByDefault: !0,
+            badge: {
+              label: t.invoice.customer.name ?? "-"
+            }
+          }
+        }, {
+          default: s(() => [
+            o(e($), { orientation: "vertical" }, {
+              default: s(() => [
+                o(e(q), {
+                  text: t.invoice.customer.name ?? "-",
+                  class: "text-xs font-medium"
+                }, null, 8, ["text"]),
+                t.invoice.customer.address ? (u(), K(ae, { key: 0 }, [
+                  o(e(q), {
+                    text: e(pe).formatLines(t.invoice.customer.address)[0] ?? "",
+                    class: "text-xs"
+                  }, null, 8, ["text"]),
+                  t.invoice.customer.address ? (u(), p(e(q), {
+                    key: 0,
+                    text: e(pe).formatLines(t.invoice.customer.address)[1] ?? "",
+                    class: "text-xs"
+                  }, null, 8, ["text"])) : k("", !0)
+                ], 64)) : k("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label", "collapse-options"]),
+        o(e(Ce)),
+        o(e(me), {
+          label: e(n).t("wise_invoicing.invoice.detail.header.bill_from"),
+          "collapse-options": {
+            isCollapsible: !0,
+            isOpenByDefault: !1,
+            badge: {
+              label: t.invoice.issuer.email ?? "-"
+            }
+          }
+        }, {
+          default: s(() => [
+            o(e($), { orientation: "vertical" }, {
+              default: s(() => [
+                o(e(O), {
+                  label: t.invoice.issuer.email ?? "-"
+                }, null, 8, ["label"]),
+                t.invoice.issuer.address ? (u(), p(e(j), {
+                  key: 0,
+                  text: e(pe).format(t.invoice.issuer.address)
+                }, null, 8, ["text"])) : k("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label", "collapse-options"])
+      ]),
+      _: 1
+    }));
+  }
+}), en = /* @__PURE__ */ I({
+  __name: "InvoiceDetailSidebar",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = x(), l = se(), a = c(() => n.t("wise_invoicing.invoice.detail.sidebar.updated_on", {
+      date: l.toDateTime(t.invoice.updatedAt)
+    }));
+    return (m, d) => (u(), p(Yi, {
+      "billing-document": t.invoice,
+      "updated-footer": a.value
+    }, {
+      activity: s(() => [
+        o(Jt, {
+          invoice: t.invoice
+        }, null, 8, ["invoice"])
+      ]),
+      info: s(() => [
+        o(Xt, {
+          invoice: t.invoice
+        }, null, 8, ["invoice"])
+      ]),
+      _: 1
+    }, 8, ["billing-document", "updated-footer"]));
+  }
+});
+function tn() {
+  return S({
+    queryFn: (i) => D.deletePayment(
+      i.params.invoiceUuid,
+      i.params.paymentUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoicePaymentIndex: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+function nn(i) {
+  return rt("invoicePaymentIndex", {
+    params: {
+      invoiceUuid: i
+    },
+    queryFn: () => D.getPayments(i.value)
+  });
+}
+const on = /* @__PURE__ */ I({
+  __name: "InvoiceDetailPaymentActionsCell",
+  props: {
+    payment: {},
+    onDelete: { type: Function }
+  },
+  setup(i) {
+    const t = i, n = x();
+    return (l, a) => (u(), p(e(De), null, {
+      default: s(() => [
+        o(e(pi), null, {
+          default: s(() => [
+            t.payment.source === e(Re).MANUAL ? (u(), p(e($e), {
+              key: 0,
+              label: e(n).t("wise_invoicing.invoice.detail.payments.delete.title"),
+              icon: e(kt),
+              size: "sm",
+              variant: "tertiary",
+              onClick: a[0] || (a[0] = (m) => t.onDelete(t.payment))
+            }, null, 8, ["label", "icon"])) : k("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+}), an = /* @__PURE__ */ I({
+  __name: "InvoiceDetailPaymentManualCell",
+  props: {
+    payment: {}
+  },
+  setup(i) {
+    const t = i;
+    return (n, l) => (u(), p(e(De), null, {
+      default: s(() => [
+        t.payment.source === e(Re).MANUAL ? (u(), p(e(vt), {
+          key: 0,
+          class: "size-4 text-brand-600"
+        })) : k("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), _e = /* @__PURE__ */ I({
+  __name: "InvoiceDetailPaymentsTableTextCell",
+  props: {
+    text: {}
+  },
+  setup(i) {
+    const t = i;
+    return (n, l) => (u(), p(e(De), null, {
+      default: s(() => [
+        o(e(q), {
+          text: t.text ?? "-",
+          class: "text-sm/5 text-primary"
+        }, null, 8, ["text"])
+      ]),
+      _: 1
+    }));
+  }
+});
+function sn(i) {
+  const t = x(), n = se(), l = X();
+  return c(() => _i()([
+    {
+      headerLabel: t.t("wise_invoicing.invoice.detail.payments.columns.timestamp"),
+      key: "timestamp",
+      size: {
+        max: "12rem",
+        min: "12rem"
+      },
+      component: (a) => J(_e, {
+        text: n.toDateTime(a.createdAt)
+      })
+    },
+    {
+      headerLabel: t.t("wise_invoicing.invoice.detail.payments.columns.remark"),
+      key: "remark",
+      size: {
+        max: "1fr",
+        min: "12rem"
+      },
+      component: (a) => J(_e, {
+        text: a.remarks ?? ""
+      })
+    },
+    {
+      headerLabel: t.t("wise_invoicing.invoice.detail.payments.columns.manual"),
+      key: "manual",
+      size: {
+        max: "6rem",
+        min: "6rem"
+      },
+      component: (a) => J(an, {
+        payment: a
+      })
+    },
+    {
+      headerLabel: t.t("wise_invoicing.invoice.detail.payments.columns.amount"),
+      key: "amount",
+      size: {
+        max: "10rem",
+        min: "10rem"
+      },
+      component: (a) => J(_e, {
+        text: l.formatMonetary(a.amount)
+      })
+    },
+    {
+      headerLabel: "",
+      key: "actions",
+      size: {
+        max: "5rem",
+        min: "5rem"
+      },
+      component: (a) => J(on, {
+        payment: a,
+        onDelete: i.onDelete
+      })
+    }
+  ]));
+}
+function ln() {
+  return S({
+    queryFn: (i) => D.createPayment(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoicePaymentIndex: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+const cn = w.object({
+  amount: w.number().positive(),
+  currency: w.enum(Oe),
+  date: Ri,
+  paymentReference: w.string().nullable(),
+  precision: w.number().int().nonnegative(),
+  remarks: w.string().nullable()
+}), rn = { class: "pr-md text-xs text-secondary" }, un = /* @__PURE__ */ I({
+  __name: "InvoicePaymentCreateDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close"],
+  setup(i, { emit: t }) {
+    const n = i, l = t, a = x(), m = z(), d = X(), _ = ln(), f = c(() => d.getSymbol(n.invoice.grossAmount.currency)), v = Q({
+      initialState: {
+        amount: null,
+        currency: n.invoice.grossAmount.currency,
+        date: Oi.getToday(),
+        paymentReference: null,
+        precision: n.invoice.grossAmount.precision,
+        remarks: null
+      },
+      schema: cn,
+      onSubmit: async (C) => {
+        const U = await _.execute({
+          body: C,
+          params: {
+            invoiceUuid: n.invoice.uuid
+          }
+        });
+        if (U.isErr()) {
+          m.apiError(U.error);
+          return;
+        }
+        m.show({
+          message: a.t("wise_invoicing.invoice.detail.payments.create.success")
+        }), l("close");
+      },
+      onSubmitError: () => {
+        m.unableToSave();
+      }
+    }), g = v.register("amount"), h = v.register("date"), T = v.register("paymentReference"), M = v.register("remarks");
+    return (C, U) => (u(), p(e(le), {
+      form: e(v),
+      size: "sm",
+      onClose: U[0] || (U[0] = (b) => l("close"))
+    }, {
+      default: s(() => [
+        o(e(ce), {
+          title: e(a).t("wise_invoicing.invoice.detail.payments.create.title"),
+          description: e(a).t("wise_invoicing.invoice.detail.payments.create.description"),
+          icon: e(yt),
+          "is-description-visible": !0
+        }, null, 8, ["title", "description", "icon"]),
+        o(e(we), null, {
+          default: s(() => [
+            o(e(Ie), null, {
+              default: s(() => [
+                o(e(xe), {
+                  lg: 2,
+                  sm: 1
+                }, {
+                  default: s(() => [
+                    o(e(fe), A(e(F)(e(g)), {
+                      "is-required": !0,
+                      label: e(a).t("wise_invoicing.invoice.detail.payments.create.fields.amount"),
+                      min: 0.01,
+                      step: 0.01
+                    }), {
+                      right: s(() => [
+                        B("span", rn, Me(f.value.symbol), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["label"]),
+                    o(e(ne), A(e(F)(e(h)), {
+                      "is-required": !0,
+                      label: e(a).t("wise_invoicing.invoice.detail.payments.create.fields.date")
+                    }), null, 16, ["label"]),
+                    o(e(oe), A(e(F)(e(T)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.payments.create.fields.reference")
+                    }), null, 16, ["label"]),
+                    o(e(oe), A(e(F)(e(M)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.payments.create.fields.remarks")
+                    }), null, 16, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(e(re), null, {
+          right: s(() => [
+            o(e(ue), { label: "cancel" }),
+            o(e(fi), {
+              label: e(a).t("wise_invoicing.invoice.detail.payments.create.submit")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), dn = /* @__PURE__ */ I({
+  __name: "InvoiceDetailPaymentsSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = x(), l = X(), a = c(() => t.invoice.uuid), m = c(() => t.invoice.balanceDueAmount === null ? null : l.formatMonetary(t.invoice.balanceDueAmount)), {
+      isLoading: d,
+      result: _
+    } = nn(a), f = de(), v = z(), g = f.create(un), h = f.create(gi), T = tn(), M = c(() => _.value.match({
+      err: () => [],
+      loading: () => [],
+      ok: (P) => P
+    })), C = c(() => _.value.match({
+      err: (P) => P,
+      loading: () => null,
+      ok: () => null
+    })), U = c(() => !G.getMetadata(t.invoice.status).isTerminal);
+    function b() {
+      g.open({
+        invoice: t.invoice
+      });
+    }
+    function y(P) {
+      h.open({
+        title: n.t("wise_invoicing.invoice.detail.payments.delete.title"),
+        isDestructive: !0,
+        confirmLabel: n.t("wise_invoicing.invoice.detail.payments.delete.submit"),
+        description: n.t("wise_invoicing.invoice.detail.payments.delete.description"),
+        onConfirm: async () => {
+          const Z = await T.execute({
+            params: {
+              invoiceUuid: t.invoice.uuid,
+              paymentUuid: P.uuid
+            }
+          });
+          if (Z.isErr()) {
+            v.apiError(Z.error);
+            return;
+          }
+          v.show({
+            message: n.t("wise_invoicing.invoice.detail.payments.delete.success")
+          }), h.close();
+        }
+      });
+    }
+    const E = sn({
+      onDelete: y
+    });
+    return (P, Z) => (u(), p(Be, null, {
+      default: s(() => [
+        o(e(Y), {
+          justify: "between",
+          class: "w-full gap-lg border-b border-secondary px-lg py-md"
+        }, {
+          default: s(() => [
+            o(e(Y), {
+              gap: "sm",
+              class: "items-center"
+            }, {
+              default: s(() => [
+                o(e(q), {
+                  text: e(n).t("wise_invoicing.invoice.detail.payments.title"),
+                  as: "h2",
+                  class: "text-sm font-semibold text-primary"
+                }, null, 8, ["text"]),
+                m.value !== null ? (u(), p(e(V), {
+                  key: 0,
+                  color: "gray",
+                  size: "sm",
+                  variant: "outline"
+                }, {
+                  default: s(() => [
+                    o(e(Ee), {
+                      label: e(n).t("wise_invoicing.invoice.detail.payments.balance_due")
+                    }, null, 8, ["label"]),
+                    o(e(yi)),
+                    o(e(Ee), { label: m.value }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                })) : k("", !0)
+              ]),
+              _: 1
+            }),
+            U.value ? (u(), p(e(bi), {
+              key: 0,
+              label: e(n).t("wise_invoicing.invoice.detail.payments.add"),
+              "icon-left": e(xt),
+              size: "sm",
+              onClick: b
+            }, null, 8, ["label", "icon-left"])) : k("", !0)
+          ]),
+          _: 1
+        }),
+        o(e(wi), {
+          "active-filter-count": 0,
+          columns: e(E),
+          data: M.value,
+          error: C.value,
+          "get-key": (ee) => ee.uuid,
+          "has-active-search": !1,
+          "header-actions": [],
+          "is-fetching-next-page": !1,
+          "is-loading": e(d)
+        }, null, 8, ["columns", "data", "error", "get-key", "is-loading"])
+      ]),
+      _: 1
+    }));
+  }
+});
+function vn() {
+  return S({
+    queryFn: (i) => D.updateLines(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+function mn() {
+  return S({
+    queryFn: (i) => D.applyDiscount(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+const pn = w.object({
+  currency: w.enum(Oe),
+  precision: w.number().int().nonnegative(),
+  type: w.enum(N),
+  value: w.number()
+}).refine((i) => i.type !== N.PERCENTAGE || i.value <= 100, {
+  path: [
+    "value"
+  ]
+}), _n = { class: "pr-md text-xs text-secondary" }, fn = /* @__PURE__ */ I({
+  __name: "InvoiceApplyDiscountDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close"],
+  setup(i, { emit: t }) {
+    const n = i, l = t, a = x(), m = z(), d = X(), _ = mn(), f = c(() => Ii([
+      N.PERCENTAGE,
+      N.AMOUNT
+    ])), v = Q({
+      initialState: {
+        currency: n.invoice.grossAmount.currency,
+        precision: n.invoice.grossAmount.precision,
+        type: N.PERCENTAGE,
+        value: null
+      },
+      schema: pn,
+      onSubmit: async (b) => {
+        const y = await _.execute({
+          body: b,
+          params: {
+            invoiceUuid: n.invoice.uuid
+          }
+        });
+        if (y.isErr()) {
+          m.apiError(y.error);
+          return;
+        }
+        l("close");
+      },
+      onSubmitError: () => {
+        m.unableToSave();
+      }
+    }), g = v.register("value"), h = v.register("type"), T = c(() => h.modelValue.value === N.PERCENTAGE), M = c(() => h.modelValue.value === N.AMOUNT), C = c(() => d.getSymbol(n.invoice.grossAmount.currency));
+    function U(b) {
+      return a.t(`wise_invoicing.invoice.detail.global_discount.type.${b}`);
+    }
+    return (b, y) => (u(), p(e(le), {
+      form: e(v),
+      size: "sm",
+      onClose: y[0] || (y[0] = (E) => l("close"))
+    }, {
+      default: s(() => [
+        o(e(ce), {
+          title: e(a).t("wise_invoicing.invoice.detail.line_items.global_discount"),
+          description: e(a).t("wise_invoicing.invoice.detail.global_discount.description"),
+          icon: e(ji),
+          "is-description-visible": !0
+        }, null, 8, ["title", "description", "icon"]),
+        o(e(we), null, {
+          default: s(() => [
+            o(e(Ie), null, {
+              default: s(() => [
+                o(e(xe), {
+                  lg: 2,
+                  sm: 1
+                }, {
+                  default: s(() => [
+                    o(e(xi), A(e(F)(e(h)), {
+                      "display-fn": U,
+                      "is-required": !0,
+                      items: f.value,
+                      label: e(a).t("wise_invoicing.invoice.detail.global_discount.type.label")
+                    }), null, 16, ["items", "label"]),
+                    T.value ? (u(), p(e(fe), A({ key: 0 }, e(F)(e(g)), {
+                      hint: e(a).t("wise_invoicing.invoice.detail.global_discount.amount.hint"),
+                      "is-required": !0,
+                      label: e(a).t("wise_invoicing.invoice.detail.global_discount.amount.label"),
+                      max: 100,
+                      min: 0,
+                      step: 0.01
+                    }), {
+                      right: s(() => [...y[1] || (y[1] = [
+                        B("span", { class: "pr-md text-xs text-secondary" }, " % ", -1)
+                      ])]),
+                      _: 1
+                    }, 16, ["hint", "label"])) : k("", !0),
+                    M.value ? (u(), p(e(fe), A({ key: 1 }, e(F)(e(g)), {
+                      "is-required": !0,
+                      label: e(a).t("wise_invoicing.invoice.detail.global_discount.amount.label"),
+                      min: 0.01,
+                      step: 0.01
+                    }), {
+                      right: s(() => [
+                        B("span", _n, Me(C.value.symbol), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["label"])) : k("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(e(re), null, {
+          right: s(() => [
+            o(e(ue), { label: "cancel" }),
+            o(e(be), {
+              label: e(a).t("wise_invoicing.invoice.detail.global_discount.confirm")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), gn = /* @__PURE__ */ I({
+  __name: "InvoiceLineItemsTableSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = c(() => t.invoice), l = vn(), a = c(() => G.isEditable(t.invoice.status)), m = Xi({
+      isSaving: c(() => l.isLoading.value),
+      billingDocument: () => n.value,
+      canEdit: a,
+      updateLines: (v) => l.execute({
+        body: v,
+        params: {
+          invoiceUuid: t.invoice.uuid
+        }
+      })
+    }), _ = de().create(fn);
+    function f() {
+      _.open({
+        invoice: t.invoice
+      });
+    }
+    return et(m), (v, g) => (u(), p(Be, null, {
+      default: s(() => [
+        o(it, {
+          "show-apply-discount": !0,
+          onApplyDiscount: f
+        }),
+        o(tt),
+        o(nt, {
+          "billing-document": t.invoice
+        }, null, 8, ["billing-document"]),
+        o(ot)
+      ]),
+      _: 1
+    }));
+  }
+}), yn = /* @__PURE__ */ I({
+  __name: "InvoiceDetailView",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const t = i, n = x(), l = Te(!1), a = c(() => [
+      {
+        label: n.t("wise_invoicing.invoice.overview.title"),
+        to: {
+          name: "invoicing-invoice-overview"
+        }
+      },
+      {
+        label: t.invoice.sequence ?? t.invoice.subject ?? n.t("wise_invoicing.invoice.detail.fallback_title")
+      }
+    ]);
+    return (m, d) => (u(), p(at, {
+      "billing-document": t.invoice,
+      breadcrumbs: a.value,
+      title: e(n).t("wise_invoicing.invoice.detail.fallback_title")
+    }, {
+      header: s(() => [
+        o(Gt, {
+          invoice: t.invoice,
+          "is-pdf-view-active": l.value,
+          class: "w-full",
+          onTogglePdfView: d[0] || (d[0] = (_) => l.value = !l.value)
+        }, null, 8, ["invoice", "is-pdf-view-active"])
+      ]),
+      default: s(() => [
+        l.value ? (u(), p(st, {
+          key: 0,
+          "billing-document": t.invoice,
+          class: "w-full"
+        }, null, 8, ["billing-document"])) : (u(), K(ae, { key: 1 }, [
+          o(gn, {
+            invoice: t.invoice
+          }, null, 8, ["invoice"]),
+          e(G).isEditable(t.invoice.status) ? k("", !0) : (u(), p(dn, {
+            key: 0,
+            invoice: t.invoice,
+            class: "w-full"
+          }, null, 8, ["invoice"])),
+          o(Qt, {
+            invoice: t.invoice,
+            class: "w-full"
+          }, null, 8, ["invoice"]),
+          o(Zt, {
+            invoice: t.invoice,
+            class: "w-full"
+          }, null, 8, ["invoice"])
+        ], 64))
+      ]),
+      sidebar: s(() => [
+        o(en, {
+          invoice: t.invoice
+        }, null, 8, ["invoice"])
+      ]),
+      _: 1
+    }, 8, ["billing-document", "breadcrumbs", "title"]));
+  }
+}), Ln = /* @__PURE__ */ I({
+  __name: "InvoiceDetailViewDataProvider",
+  props: {
+    invoiceUuid: {}
+  },
+  setup(i) {
+    const t = i, n = x(), l = c(() => [
+      {
+        label: n.t("wise_invoicing.invoice.overview.title"),
+        to: {
+          name: "invoicing-invoice-overview"
+        }
+      }
+    ]), a = ui(c(() => t.invoiceUuid));
+    return (m, d) => (u(), p(lt, {
+      query: e(a),
+      "loading-breadcrumbs": l.value
+    }, {
+      default: s(({ billingDocument: _ }) => [
+        o(yn, { invoice: _ }, null, 8, ["invoice"])
+      ]),
+      _: 1
+    }, 8, ["query", "loading-breadcrumbs"]));
+  }
+});
+export {
+  Ln as default
+};