@wisemen/wise-invoicing-web 0.0.0-alpha.2 → 0.0.2

package/dist/InvoiceDetailViewDataProvider-4lGG7Wtq.js

@@ -0,0 +1,1918 @@
+import { openBlock as r, createElementBlock as K, createElementVNode as N, defineComponent as x, computed as c, createBlock as v, unref as e, withCtx as s, createVNode as o, Fragment as ae, renderList as Te, ref as Pe, watch as di, createCommentVNode as D, mergeProps as P, createSlots as vi, toDisplayString as Me } from "vue";
+import { useI18n as h } from "vue-i18n";
+import { u as mi } from "./invoiceDetail.query-Wtw3VSKd.js";
+import { d as ge, I as k, e as Le, p as se, f as G, g as $, h as pi, S as _e, i as Ae, L as _i, A as $e, j as fi, D as gi, F as yi, k as bi, l as wi, T as Ii, m as xi, n as Di, o as ye, R as qe, q as hi, r as ki, s as Ui, u as X, v as ve, w as Ci, x as Si, y as Ai, z as be, E as Ei, t as M, P as Fi, H as Ti, U as Pi, B as Mi, G as me, J as Re, K as Li, M as $i, C as Oe, N as qi, O as B, Q as Ri } from "./index-CYV9qUlg.js";
+import { UIBadge as Q, UITooltip as Oi, UITooltipContent as zi, UIColumnLayout as ze, UIText as R, useToast as O, UIFormDialog as le, UIDialogHeader as ce, UIDialogFooter as re, UIDialogFooterCancel as ue, UIDialogFooterSubmit as we, useOverlay as de, UIForm as Ve, UIRowLayout as Y, UIDialogBody as Ie, UIFormFieldGroup as xe, UIFormFieldGrid as De, UIDateField as te, UITextField as oe, UIDetailList as Vi, UIDetailListGroup as pe, UIDetailListGroupItem as q, UIDetailListGroupItemLabel as V, UIDetailListGroupItemValueText as j, UIIconButton as je, UIDetailListGroupSeparator as Ee, UITableCell as he, UITableCellInteractiveElement as ji, defineTableColumns as Bi, createComponent as H, UINumberField as fe, UIFormSubmitButton as Ni, UIConfirmDialog as Ki, UIBadgeLabel as Fe, UIBadgeSeparator as Gi, UIButton as Hi, UITable as Qi, createSelectOptions as Zi, UISelect as Wi } from "@wisemen/vue-core-design-system";
+import { useForm as Z } from "formango";
+import Ji, { z as I } from "zod";
+import { _ as Yi, u as Xi, F as en, B as Be, a as Ne, b as nn, c as tn, d as on, e as an, f as sn, g as ln, h as cn, i as Ke, j as rn, k as un, l as dn, m as vn, n as mn, o as pn, p as _n, q as fn, r as gn } from "./BillingDocumentDetailViewDataProvider.vue_vue_type_script_setup_true_lang-C5j9jPsk.js";
+import { useMutation as E, useKeysetInfiniteQuery as yn, useQuery as Ge } from "@wisemen/vue-core-api-utils";
+import { Temporal as He } from "temporal-polyfill";
+import { useRouter as Qe, RouterLink as bn } from "vue-router";
+import { u as wn } from "./issuerSettings.query-H5-5e_KF.js";
+const In = {}, xn = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Dn(i, n) {
+  return r(), K("svg", xn, [...n[0] || (n[0] = [
+    N("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 hn = /* @__PURE__ */ ge(In, [["render", Dn]]), kn = {}, Un = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Cn(i, n) {
+  return r(), K("svg", Un, [...n[0] || (n[0] = [
+    N("path", {
+      d: "M12 5V19M5 12H19",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const Sn = /* @__PURE__ */ ge(kn, [["render", Cn]]), An = {}, En = {
+  width: "100%",
+  height: "100%",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Fn(i, n) {
+  return r(), K("svg", En, [...n[0] || (n[0] = [
+    N("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 Tn = /* @__PURE__ */ ge(An, [["render", Fn]]);
+function ke() {
+  return E({
+    queryFn: (i) => k.update(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+const Pn = /* @__PURE__ */ x({
+  __name: "InvoiceDeliveryStatusBadge",
+  props: {
+    deliveryStatus: {},
+    size: { default: "sm" }
+  },
+  setup(i) {
+    const n = i, t = h(), l = c(
+      () => Le.getMetadata(n.deliveryStatus)
+    ), a = c(() => t.t(l.value.translationKey));
+    return (m, d) => (r(), v(e(Q), {
+      label: a.value,
+      color: l.value.tone,
+      size: n.size,
+      variant: "translucent"
+    }, null, 8, ["label", "color", "size"]));
+  }
+}), Mn = /* @__PURE__ */ x({
+  __name: "InvoiceReminderBadge",
+  props: {
+    reminders: {},
+    size: { default: "sm" }
+  },
+  setup(i) {
+    const n = i, t = h(), l = se(), a = c(() => t.t("wise_invoicing.invoice.reminder.badge", {
+      count: n.reminders.length
+    }));
+    function m(d) {
+      return l.formatPlainDate(
+        d.toZonedDateTimeISO(He.Now.timeZoneId()).toPlainDate()
+      );
+    }
+    return (d, f) => (r(), v(e(Oi), {
+      "popover-side-offset": 8,
+      "popover-align": "start",
+      "popover-side": "bottom"
+    }, {
+      trigger: s(() => [
+        o(e(Q), {
+          label: a.value,
+          size: n.size,
+          color: "gray",
+          variant: "translucent"
+        }, null, 8, ["label", "size"])
+      ]),
+      content: s(() => [
+        o(e(zi), null, {
+          default: s(() => [
+            o(e(ze), {
+              gap: "xs",
+              class: "max-w-80"
+            }, {
+              default: s(() => [
+                (r(!0), K(ae, null, Te(n.reminders, (p, _) => (r(), v(e(R), {
+                  key: p.uuid,
+                  text: e(t).t("wise_invoicing.invoice.reminder.tooltip_line", {
+                    number: _ + 1,
+                    date: m(p.sentAt)
+                  }),
+                  class: "text-sm text-primary"
+                }, null, 8, ["text"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+}), Ln = I.string().nullable(), $n = I.object({
+  subject: Ln
+});
+function qn() {
+  return E({
+    queryFn: (i) => k.createCreditNote(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Rn() {
+  return E({
+    queryFn: (i) => k.duplicate(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceIndex: {}
+    }
+  });
+}
+function On() {
+  return E({
+    queryFn: (i) => k.finalize(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function zn() {
+  return E({
+    queryFn: (i) => k.markAsDraft(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Vn() {
+  return E({
+    queryFn: (i) => k.markAsPaid(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function jn() {
+  return E({
+    queryFn: (i) => k.markAsProtested(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Bn() {
+  return E({
+    queryFn: (i) => k.markAsReady(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Nn() {
+  return E({
+    queryFn: (i) => k.send(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Kn() {
+  return E({
+    queryFn: (i) => k.withdrawProtest(
+      i.params.invoiceUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoiceIndex: {}
+    }
+  });
+}
+function Gn() {
+  return E({
+    queryFn: (i) => k.delete(i.params.invoiceUuid),
+    queryKeysToInvalidate: {
+      invoiceIndex: {}
+    }
+  });
+}
+const Hn = /* @__PURE__ */ x({
+  __name: "InvoiceDeleteDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close", "deleted"],
+  setup(i, { emit: n }) {
+    const t = i, l = n, a = h(), m = Qe(), d = O(), f = Gn(), p = Z({
+      schema: Ji.object({}),
+      onSubmit: async () => {
+        const _ = await f.execute({
+          params: {
+            invoiceUuid: t.invoice.uuid
+          }
+        });
+        if (_.isErr()) {
+          d.apiError(_.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 (_, g) => (r(), v(e(le), {
+      form: e(p),
+      size: "xs",
+      onClose: g[0] || (g[0] = (b) => 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(we), {
+              "is-destructive": !0,
+              label: e(a).t("wise_invoicing.invoice.delete.submit_button")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+function Qn(i) {
+  const n = h(), t = O(), l = Qe(), a = de(), m = a.create(Hn), d = a.create(Yi), f = Nn(), p = qn(), _ = Rn(), g = On(), b = zn(), U = Vn(), T = jn(), F = Bn(), C = Kn(), {
+    shouldSkipConfirmation: S
+  } = Xi(), w = Pe(null), L = c(() => G.getMetadata(i.value.status)), y = c(() => w.value ?? i.value.isDisputed), A = c(() => i.value.status !== $.DRAFT && i.value.status !== $.READY), W = c(() => i.value.lifecycleStatus === pi.FINALIZED), We = c(() => (i.value.status === $.SENT || i.value.status === $.OVERDUE) && i.value.maxReminderCount > 0), Ue = c(() => i.value.reminders.length >= i.value.maxReminderCount);
+  function ee(u) {
+    return L.value.actions.includes(u);
+  }
+  di(() => i.value.isDisputed, (u) => {
+    w.value === u && (w.value = null);
+  });
+  async function Ce() {
+    const u = await g.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    return u.isErr() ? (t.apiError(u.error), !1) : (t.show({
+      message: n.t("wise_invoicing.invoice.finalize.success")
+    }), !0);
+  }
+  async function Je() {
+    if (S.value) {
+      await Ce();
+      return;
+    }
+    await d.open({
+      billingDocumentType: "invoice",
+      onConfirm: Ce
+    });
+  }
+  async function Ye() {
+    const u = await F.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    t.show({
+      message: n.t("wise_invoicing.invoice.mark_as_ready.success")
+    });
+  }
+  async function Xe() {
+    const u = await b.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    t.show({
+      message: n.t("wise_invoicing.invoice.mark_as_draft.success")
+    });
+  }
+  async function ei() {
+    const u = await U.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    t.show({
+      message: n.t("wise_invoicing.invoice.mark_as_paid.success")
+    });
+  }
+  async function ii() {
+    w.value = !0;
+    const u = await T.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      w.value = null, t.apiError(u.error);
+      return;
+    }
+    t.show({
+      message: n.t("wise_invoicing.invoice.mark_as_disputed.success")
+    });
+  }
+  async function ni() {
+    w.value = !1;
+    const u = await C.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      w.value = null, t.apiError(u.error);
+      return;
+    }
+    t.show({
+      message: n.t("wise_invoicing.invoice.withdraw_dispute.success")
+    });
+  }
+  async function ti() {
+    const u = await f.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    t.show({
+      message: n.t("wise_invoicing.invoice.send.success")
+    });
+  }
+  async function oi() {
+    const u = await f.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    t.show({
+      message: n.t("wise_invoicing.invoice.reminder.success")
+    });
+  }
+  async function ai() {
+    await m.open({
+      invoice: i.value
+    });
+  }
+  async function si() {
+    const u = await k.getByUuid(i.value.uuid);
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    const J = u.value.file;
+    if (J === null) {
+      t.show({
+        message: n.t("wise_invoicing.invoice.download_pdf.generation_in_progress")
+      });
+      return;
+    }
+    const ie = await en.getDownloadUrl(J.uuid);
+    ie !== null && xi.downloadUrl(ie, J.name);
+  }
+  async function li() {
+    const u = await _.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    t.show({
+      button: {
+        label: n.t("wise_invoicing.invoice.duplicate.view_action"),
+        onClick: () => {
+          l.push({
+            name: "invoicing-invoice-detail",
+            params: {
+              invoiceUuid: u.value
+            }
+          });
+        }
+      },
+      message: n.t("wise_invoicing.invoice.duplicate.success")
+    });
+  }
+  async function ci() {
+    const u = await p.execute({
+      params: {
+        invoiceUuid: i.value.uuid
+      }
+    });
+    if (u.isErr()) {
+      t.apiError(u.error);
+      return;
+    }
+    t.show({
+      button: {
+        label: n.t("wise_invoicing.credit_note.create.view_action"),
+        onClick: () => {
+          l.push({
+            name: "invoicing-credit-note-detail",
+            params: {
+              creditNoteUuid: u.value
+            }
+          });
+        }
+      },
+      message: n.t("wise_invoicing.credit_note.create.success")
+    });
+  }
+  const ri = c(() => [
+    {
+      isLoading: f.isLoading.value,
+      iconLeft: _e,
+      key: "send",
+      label: n.t("wise_invoicing.invoice.detail.actions.send"),
+      variant: "primary",
+      visible: i.value.status === $.FINALIZED,
+      onClick: ti
+    },
+    {
+      isDisabled: Ue.value,
+      isLoading: f.isLoading.value,
+      disabledReason: Ue.value ? n.t("wise_invoicing.invoice.reminder.max_reached") : null,
+      iconLeft: _e,
+      key: "sendReminder",
+      label: n.t("wise_invoicing.invoice.detail.header.send_reminder"),
+      variant: "primary",
+      visible: We.value,
+      onClick: oi
+    },
+    {
+      isLoading: F.isLoading.value,
+      iconRight: Ae,
+      key: "markAsReady",
+      label: n.t("wise_invoicing.invoice.detail.actions.mark_as_ready"),
+      visible: ee("markAsReady"),
+      onClick: Ye
+    },
+    {
+      isLoading: g.isLoading.value,
+      iconLeft: _i,
+      key: "finalize",
+      label: n.t("wise_invoicing.invoice.detail.actions.finalize"),
+      visible: ee("finalize"),
+      onClick: Je
+    }
+  ].filter((u) => u.visible)), Se = c(() => {
+    const u = [
+      {
+        icon: $e,
+        key: "markAsProtested",
+        label: n.t("wise_invoicing.invoice.detail.actions.mark_as_disputed"),
+        visible: W.value && !y.value,
+        onSelect: ii
+      },
+      {
+        icon: fi,
+        key: "markAsPaid",
+        label: n.t("wise_invoicing.invoice.detail.actions.mark_as_paid"),
+        visible: ee("markAsPaid"),
+        onSelect: ei
+      },
+      {
+        icon: Ae,
+        key: "withdrawProtest",
+        label: n.t("wise_invoicing.invoice.detail.actions.withdraw_dispute"),
+        visible: W.value && y.value,
+        onSelect: ni
+      }
+    ], J = [
+      $.FINALIZED,
+      $.PAID,
+      $.SENT,
+      $.OVERDUE,
+      $.PROTESTED
+    ].includes(i.value.status), ie = [
+      {
+        icon: gi,
+        key: "downloadPdf",
+        label: n.t("wise_invoicing.common.download_pdf"),
+        visible: A.value,
+        onSelect: si
+      },
+      {
+        icon: yi,
+        key: "backToDraft",
+        label: n.t("wise_invoicing.invoice.detail.actions.mark_as_draft"),
+        visible: ee("markAsDraft"),
+        onSelect: Xe
+      },
+      {
+        icon: bi,
+        key: "duplicate",
+        label: n.t("wise_invoicing.invoice.detail.actions.duplicate"),
+        visible: !0,
+        onSelect: li
+      }
+    ], ui = [
+      {
+        icon: wi,
+        key: "createCreditNote",
+        label: n.t("wise_invoicing.invoice.detail.header.cancel_with_credit_note"),
+        visible: J,
+        onSelect: ci
+      },
+      {
+        icon: Ii,
+        key: "delete",
+        label: n.t("wise_invoicing.invoice.detail.actions.delete"),
+        visible: L.value.isEditable,
+        onSelect: ai
+      }
+    ];
+    return [
+      {
+        items: u.filter((z) => z.visible),
+        key: "lifecycle"
+      },
+      {
+        items: ie.filter((z) => z.visible),
+        key: "secondary"
+      },
+      {
+        items: ui.filter((z) => z.visible),
+        key: "destructive"
+      }
+    ].filter((z) => z.items.length > 0);
+  });
+  return {
+    isActionMenuVisible: c(() => Se.value.length > 0),
+    isDisputed: y,
+    menuGroups: Se,
+    primaryButtons: ri
+  };
+}
+const Zn = /* @__PURE__ */ x({
+  __name: "InvoiceDetailHeaderSection",
+  props: {
+    isPdfViewActive: { type: Boolean },
+    invoice: {}
+  },
+  emits: ["togglePdfView"],
+  setup(i, { emit: n }) {
+    const t = i, l = n, a = h(), m = O(), {
+      isDisputed: d,
+      menuGroups: f,
+      primaryButtons: p
+    } = Qn(c(() => t.invoice)), _ = ke(), g = c(() => new Be(t.invoice.status)), b = c(() => g.value.color), U = c(() => a.t(g.value.translationKey)), T = c(() => t.invoice.deliveryStatus !== Di.UNSENT || t.invoice.reminders.length > 0), F = c(() => Le.isSent(t.invoice.deliveryStatus)), C = c(() => !G.isEditable(t.invoice.status)), S = Z({
+      initialState: {
+        subject: t.invoice.subject
+      },
+      schema: $n,
+      onSubmit: async (L) => {
+        const y = await _.execute({
+          body: {
+            ...ye.toForm(t.invoice),
+            subject: L.subject
+          },
+          params: {
+            invoiceUuid: t.invoice.uuid
+          }
+        });
+        y.isErr() && m.apiError(y.error);
+      }
+    }), w = S.register("subject");
+    return Ne({
+      form: S
+    }), (L, y) => (r(), v(e(Ve), {
+      form: e(S),
+      "prompt-on-unsaved-changes": !1
+    }, {
+      default: s(() => [
+        o(nn, {
+          "fallback-title": e(a).t("wise_invoicing.invoice.detail.fallback_title"),
+          "is-disabled": C.value,
+          sequence: t.invoice.sequence,
+          "status-color": b.value,
+          "status-label": U.value,
+          icon: e(qe),
+          "subject-field": e(w),
+          "subject-placeholder": e(a).t("wise_invoicing.invoice.detail.header.subject_placeholder")
+        }, {
+          actions: s(() => [
+            o(on, {
+              "is-pdf-view-active": t.isPdfViewActive,
+              "menu-groups": e(f),
+              "primary-buttons": e(p),
+              onTogglePdfView: y[0] || (y[0] = (A) => 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(hi, {
+                  "lifecycle-status": t.invoice.lifecycleStatus
+                }, null, 8, ["lifecycle-status"]),
+                o(ki, {
+                  "is-sent": F.value,
+                  "balance-due-amount": t.invoice.balanceDueAmount,
+                  "gross-amount": t.invoice.grossAmount,
+                  "paid-amount": t.invoice.paidAmount,
+                  "settlement-status": t.invoice.settlementStatus,
+                  "total-credited-amount": t.invoice.totalCreditedAmount
+                }, null, 8, ["is-sent", "balance-due-amount", "gross-amount", "paid-amount", "settlement-status", "total-credited-amount"]),
+                t.invoice.isOverdue ? (r(), v(tn, { key: 0 })) : D("", !0),
+                e(d) ? (r(), v(Ui, { key: 1 })) : D("", !0),
+                T.value ? (r(), v(Pn, {
+                  key: 2,
+                  "delivery-status": t.invoice.deliveryStatus
+                }, null, 8, ["delivery-status"])) : D("", !0),
+                t.invoice.reminders.length > 0 ? (r(), v(Mn, {
+                  key: 3,
+                  reminders: t.invoice.reminders
+                }, null, 8, ["reminders"])) : D("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["fallback-title", "is-disabled", "sequence", "status-color", "status-label", "icon", "subject-field", "subject-placeholder"])
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), Wn = { class: "grid w-full grid-cols-1 gap-md lg:grid-cols-3" }, Jn = /* @__PURE__ */ x({
+  __name: "InvoiceDetailLinkedCreditNotesSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = h(), l = X(), a = c(() => n.invoice.creditNotes.map((d) => {
+      const f = new Be(d.status);
+      return {
+        uuid: d.uuid,
+        title: d.sequence === null ? t.t("wise_invoicing.invoice.detail.credit_notes.untitled") : t.t("wise_invoicing.invoice.detail.credit_notes.card_title", {
+          sequence: d.sequence
+        }),
+        amountLabel: l.formatMonetary(m(d)),
+        statusColor: f.color,
+        statusLabel: t.t(f.translationKey)
+      };
+    }));
+    function m(d) {
+      return {
+        ...d.grossAmount,
+        amount: d.grossAmount.amount > 0 ? -d.grossAmount.amount : d.grossAmount.amount
+      };
+    }
+    return (d, f) => a.value.length > 0 ? (r(), v(e(ze), {
+      key: 0,
+      as: "section",
+      gap: "md",
+      class: "w-full"
+    }, {
+      default: s(() => [
+        o(e(R), {
+          text: e(t).t("wise_invoicing.invoice.detail.credit_notes.title"),
+          as: "h2",
+          class: "text-sm font-semibold text-primary"
+        }, null, 8, ["text"]),
+        N("div", Wn, [
+          (r(!0), K(ae, null, Te(a.value, (p) => (r(), v(e(bn), {
+            key: p.uuid,
+            to: {
+              name: "invoicing-credit-note-detail",
+              params: { creditNoteUuid: p.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(R), {
+                    text: p.title,
+                    class: "min-w-0 flex-1 truncate text-xs font-semibold text-primary"
+                  }, null, 8, ["text"]),
+                  o(e(Q), {
+                    label: p.statusLabel,
+                    color: p.statusColor,
+                    size: "sm",
+                    variant: "translucent"
+                  }, null, 8, ["label", "color"]),
+                  o(e(Q), {
+                    label: p.amountLabel,
+                    variant: "translucent",
+                    size: "sm"
+                  }, null, 8, ["label"])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["to"]))), 128))
+        ])
+      ]),
+      _: 1
+    })) : D("", !0);
+  }
+}), Ze = I.object({
+  deliveredOn: ve.nullable(),
+  dueOn: ve,
+  issuedOn: ve,
+  externalRemarks: I.string().nullable(),
+  poNumber: I.string().nullable(),
+  preparedBy: I.object({
+    uuid: I.uuid(),
+    name: I.string()
+  }),
+  subject: I.string().nullable()
+}).superRefine((i, n) => {
+  Temporal.PlainDate.compare(i.dueOn, i.issuedOn) < 0 && n.addIssue({
+    code: "custom",
+    message: Ci.global.t("invoicing.invoice.validation.due_date_after_issue_date"),
+    path: [
+      "dueOn"
+    ]
+  });
+}), Yn = /* @__PURE__ */ x({
+  __name: "InvoiceDetailRemarksSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = h(), l = O(), a = ke(), m = Z({
+      initialState: c(() => ye.toForm(n.invoice)),
+      schema: Ze,
+      onSubmit: async (p) => {
+        const _ = await a.execute({
+          body: p,
+          params: {
+            invoiceUuid: n.invoice.uuid
+          }
+        });
+        _.isErr() && l.apiError(_.error);
+      }
+    }), d = m.register("externalRemarks"), f = c(() => !G.isEditable(n.invoice.status));
+    return Ne({
+      form: m
+    }), (p, _) => (r(), v(e(Ve), {
+      form: e(m),
+      "prompt-on-unsaved-changes": !1
+    }, {
+      default: s(() => [
+        o(an, {
+          "is-disabled": f.value,
+          placeholder: e(t).t("wise_invoicing.invoice.detail.remarks.placeholder"),
+          "remarks-field": e(d),
+          title: e(t).t("wise_invoicing.invoice.detail.remarks.title")
+        }, null, 8, ["is-disabled", "placeholder", "remarks-field", "title"])
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+function Xn(i) {
+  return yn("invoiceActivityLogIndex", {
+    params: {
+      invoiceUuid: i
+    },
+    queryFn: (n) => k.getActivityLogs(i.value, {
+      pagination: n
+    })
+  });
+}
+const et = /* @__PURE__ */ x({
+  __name: "InvoiceDetailSidebarActivityTab",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = h(), {
+      hasNextPage: l,
+      isFetchingNextPage: a,
+      isLoading: m,
+      fetchNextPage: d,
+      result: f
+    } = Xn(c(() => n.invoice.uuid)), p = c(() => f.value.unwrapOr({
+      data: [],
+      meta: {
+        next: null
+      }
+    }).data);
+    return (_, g) => (r(), v(sn, {
+      "current-billing-document": {
+        role: e(Si).INVOICE,
+        uuid: n.invoice.uuid
+      },
+      "empty-message": e(t).t("wise_invoicing.invoice.detail.sidebar.activity_empty"),
+      entries: p.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"]));
+  }
+});
+function it(i) {
+  return Ge("invoiceCustomerDetail", {
+    params: {
+      customerUuid: i
+    },
+    queryFn: () => Ai.getByUuid(i.value)
+  });
+}
+const nt = /* @__PURE__ */ x({
+  __name: "InvoiceUpdateDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close"],
+  setup(i, { emit: n }) {
+    const t = i, l = n, a = h(), m = O(), d = ke(), f = wn(), p = be(), _ = c(() => t.invoice.customer.uuid), g = it(_), b = c(() => {
+      const y = g.result.value;
+      if (y.isOk())
+        return y.getValue().defaultPaymentTermDays;
+      const A = f.result.value;
+      return A.isOk() ? A.getValue().defaultPaymentTermDays ?? 0 : 0;
+    }), U = Z({
+      initialState: c(() => ye.toForm(t.invoice)),
+      schema: Ze,
+      onSubmit: async (y) => {
+        const A = await d.execute({
+          body: y,
+          params: {
+            invoiceUuid: t.invoice.uuid
+          }
+        });
+        if (A.isErr()) {
+          m.apiError(A.error);
+          return;
+        }
+        l("close");
+      },
+      onSubmitError: () => {
+        m.unableToSave();
+      }
+    }), T = U.register("issuedOn"), F = U.register("dueOn"), C = U.register("deliveredOn"), S = U.register("poNumber"), w = U.register("subject");
+    function L(y) {
+      y !== null && F.setValue(y.add({
+        days: b.value
+      }));
+    }
+    return (y, A) => (r(), v(e(le), {
+      form: e(U),
+      size: "sm",
+      onClose: A[0] || (A[0] = (W) => l("close"))
+    }, {
+      default: s(() => [
+        o(e(ce), {
+          icon: e(Ei),
+          "is-description-visible": !1,
+          title: e(a).t("wise_invoicing.invoice.detail.header.edit_info"),
+          description: ""
+        }, null, 8, ["icon", "title"]),
+        o(e(Ie), null, {
+          default: s(() => [
+            o(e(xe), null, {
+              default: s(() => [
+                o(e(De), {
+                  lg: 2,
+                  sm: 1
+                }, {
+                  default: s(() => [
+                    o(e(te), P(e(M)(e(T)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.invoice_date"),
+                      "is-required": !0,
+                      "onUpdate:modelValue": L
+                    }), null, 16, ["label"]),
+                    o(e(te), P(e(M)(e(F)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.due_date"),
+                      "is-required": !0,
+                      "min-date": e(T).modelValue.value
+                    }), null, 16, ["label", "min-date"]),
+                    e(p).isDeliveryDateVisible.value ? (r(), v(e(te), P({ key: 0 }, e(M)(e(C)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.delivery_date")
+                    }), null, 16, ["label"])) : D("", !0),
+                    o(e(oe), P(e(M)(e(S)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.header.po_number")
+                    }), null, 16, ["label"]),
+                    o(e(oe), P(e(M)(e(w)), {
+                      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(we), {
+              label: e(a).t("wise_invoicing.invoice.detail.header.edit_info")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), tt = /* @__PURE__ */ x({
+  __name: "InvoiceDetailSidebarInfoTab",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = h(), l = se(), a = be(), d = de().create(nt), f = c(() => G.isEditable(n.invoice.status)), p = c(() => {
+      if (!n.invoice.isOverdue)
+        return null;
+      const b = n.invoice.dueOn.toZonedDateTime(He.Now.timeZoneId()).toInstant();
+      return l.toRelativeTime(b);
+    });
+    async function _() {
+      await d.open({
+        invoice: n.invoice
+      });
+    }
+    function g(b) {
+      return b === null ? "-" : l.formatPlainDate(b);
+    }
+    return (b, U) => (r(), v(e(Vi), { class: "px-2xl py-xl" }, {
+      default: s(() => [
+        o(e(pe), {
+          label: e(t).t("wise_invoicing.invoice.detail.sidebar.general")
+        }, vi({
+          default: s(() => [
+            o(e(q), null, {
+              default: s(() => [
+                o(e(V), {
+                  icon: e(Fi),
+                  label: e(t).t("wise_invoicing.invoice.detail.header.invoice_id")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: n.invoice.sequence ?? "-"
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e(q), null, {
+              default: s(() => [
+                o(e(V), {
+                  icon: e(Ti),
+                  label: e(t).t("wise_invoicing.invoice.detail.header.po_number")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: n.invoice.poNumber ?? "-"
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e(q), null, {
+              default: s(() => [
+                o(e(V), {
+                  icon: e(Pi),
+                  label: e(t).t("wise_invoicing.invoice.detail.header.issuer")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: n.invoice.issuer.name ?? "-"
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e(q), null, {
+              default: s(() => [
+                o(e(V), {
+                  icon: e(qe),
+                  label: e(t).t("wise_invoicing.invoice.detail.header.invoice_date")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: g(n.invoice.issueOn)
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            }),
+            o(e(q), null, {
+              default: s(() => [
+                o(e(V), {
+                  icon: e($e),
+                  label: e(t).t("wise_invoicing.invoice.detail.header.due_date"),
+                  variant: n.invoice.isOverdue ? "error" : "default"
+                }, null, 8, ["icon", "label", "variant"]),
+                o(e(Y), { gap: "xs" }, {
+                  default: s(() => [
+                    o(e(j), {
+                      text: g(n.invoice.dueOn),
+                      variant: n.invoice.isOverdue ? "error" : "default"
+                    }, null, 8, ["text", "variant"]),
+                    p.value !== null ? (r(), v(e(Q), {
+                      key: 0,
+                      label: p.value,
+                      color: "error",
+                      size: "sm",
+                      variant: "translucent"
+                    }, null, 8, ["label"])) : D("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e(a).isDeliveryDateVisible.value ? (r(), v(e(q), { key: 0 }, {
+              default: s(() => [
+                o(e(V), {
+                  icon: e(_e),
+                  label: e(t).t("wise_invoicing.invoice.detail.header.delivery_date")
+                }, null, 8, ["icon", "label"]),
+                o(e(j), {
+                  text: g(n.invoice.deliveredOn)
+                }, null, 8, ["text"])
+              ]),
+              _: 1
+            })) : D("", !0)
+          ]),
+          _: 2
+        }, [
+          f.value ? {
+            name: "actions",
+            fn: s(() => [
+              o(e(je), {
+                icon: e(Mi),
+                label: e(t).t("wise_invoicing.invoice.detail.header.edit_info"),
+                variant: "tertiary",
+                onClick: _
+              }, null, 8, ["icon", "label"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["label"]),
+        o(ln, {
+          "original-invoice": n.invoice.originalInvoice
+        }, null, 8, ["original-invoice"]),
+        o(e(Ee)),
+        o(e(pe), {
+          label: e(t).t("wise_invoicing.invoice.detail.header.bill_to"),
+          "collapse-options": {
+            isCollapsible: !0,
+            isOpenByDefault: !0,
+            badge: {
+              label: n.invoice.customer.name ?? "-"
+            }
+          }
+        }, {
+          default: s(() => [
+            o(e(q), { orientation: "vertical" }, {
+              default: s(() => [
+                o(e(R), {
+                  text: n.invoice.customer.name ?? "-",
+                  class: "text-xs font-medium"
+                }, null, 8, ["text"]),
+                n.invoice.customer.address ? (r(), K(ae, { key: 0 }, [
+                  o(e(R), {
+                    text: e(me).formatLines(n.invoice.customer.address)[0] ?? "",
+                    class: "text-xs"
+                  }, null, 8, ["text"]),
+                  n.invoice.customer.address ? (r(), v(e(R), {
+                    key: 0,
+                    text: e(me).formatLines(n.invoice.customer.address)[1] ?? "",
+                    class: "text-xs"
+                  }, null, 8, ["text"])) : D("", !0)
+                ], 64)) : D("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label", "collapse-options"]),
+        o(e(Ee)),
+        o(e(pe), {
+          label: e(t).t("wise_invoicing.invoice.detail.header.bill_from"),
+          "collapse-options": {
+            isCollapsible: !0,
+            isOpenByDefault: !1,
+            badge: {
+              label: n.invoice.issuer.email ?? "-"
+            }
+          }
+        }, {
+          default: s(() => [
+            o(e(q), { orientation: "vertical" }, {
+              default: s(() => [
+                o(e(V), {
+                  label: n.invoice.issuer.email ?? "-"
+                }, null, 8, ["label"]),
+                n.invoice.issuer.address ? (r(), v(e(j), {
+                  key: 0,
+                  text: e(me).format(n.invoice.issuer.address)
+                }, null, 8, ["text"])) : D("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label", "collapse-options"])
+      ]),
+      _: 1
+    }));
+  }
+}), ot = /* @__PURE__ */ x({
+  __name: "InvoiceDetailSidebar",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = h(), l = se(), a = c(() => t.t("wise_invoicing.invoice.detail.sidebar.updated_on", {
+      date: l.toDateTime(n.invoice.updatedAt)
+    }));
+    return (m, d) => (r(), v(cn, {
+      "billing-document": n.invoice,
+      "updated-footer": a.value
+    }, {
+      activity: s(() => [
+        o(et, {
+          invoice: n.invoice
+        }, null, 8, ["invoice"])
+      ]),
+      info: s(() => [
+        o(tt, {
+          invoice: n.invoice
+        }, null, 8, ["invoice"])
+      ]),
+      _: 1
+    }, 8, ["billing-document", "updated-footer"]));
+  }
+});
+function at() {
+  return E({
+    queryFn: (i) => k.deletePayment(
+      i.params.invoiceUuid,
+      i.params.paymentUuid
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoicePaymentIndex: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+function st(i) {
+  return Ge("invoicePaymentIndex", {
+    params: {
+      invoiceUuid: i
+    },
+    queryFn: () => k.getPayments(i.value)
+  });
+}
+const lt = /* @__PURE__ */ x({
+  __name: "InvoiceDetailPaymentActionsCell",
+  props: {
+    payment: {},
+    onDelete: { type: Function }
+  },
+  setup(i) {
+    const n = i, t = h();
+    return (l, a) => (r(), v(e(he), null, {
+      default: s(() => [
+        o(e(ji), null, {
+          default: s(() => [
+            n.payment.source === e(Re).MANUAL ? (r(), v(e(je), {
+              key: 0,
+              label: e(t).t("wise_invoicing.invoice.detail.payments.delete.title"),
+              icon: e(Tn),
+              size: "sm",
+              variant: "tertiary",
+              onClick: a[0] || (a[0] = (m) => n.onDelete(n.payment))
+            }, null, 8, ["label", "icon"])) : D("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+}), ct = /* @__PURE__ */ x({
+  __name: "InvoiceDetailPaymentManualCell",
+  props: {
+    payment: {}
+  },
+  setup(i) {
+    const n = i;
+    return (t, l) => (r(), v(e(he), null, {
+      default: s(() => [
+        n.payment.source === e(Re).MANUAL ? (r(), v(e(Li), {
+          key: 0,
+          class: "size-4 text-brand-600"
+        })) : D("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), ne = /* @__PURE__ */ x({
+  __name: "InvoiceDetailPaymentsTableTextCell",
+  props: {
+    text: {}
+  },
+  setup(i) {
+    const n = i;
+    return (t, l) => (r(), v(e(he), null, {
+      default: s(() => [
+        o(e(R), {
+          text: n.text ?? "-",
+          class: "text-sm/5 text-primary"
+        }, null, 8, ["text"])
+      ]),
+      _: 1
+    }));
+  }
+});
+function rt(i) {
+  const n = h(), t = se(), l = X();
+  return c(() => Bi()([
+    {
+      headerLabel: n.t("wise_invoicing.invoice.detail.payments.columns.date"),
+      key: "date",
+      size: {
+        max: "12rem",
+        min: "12rem"
+      },
+      component: (a) => H(ne, {
+        text: t.formatPlainDate(a.date)
+      })
+    },
+    {
+      headerLabel: n.t("wise_invoicing.invoice.detail.payments.columns.reference"),
+      key: "reference",
+      size: {
+        max: "14rem",
+        min: "12rem"
+      },
+      component: (a) => H(ne, {
+        text: a.paymentReference ?? "—"
+      })
+    },
+    {
+      headerLabel: n.t("wise_invoicing.invoice.detail.payments.columns.remark"),
+      key: "remark",
+      size: {
+        max: "1fr",
+        min: "12rem"
+      },
+      component: (a) => H(ne, {
+        text: a.remarks ?? "—"
+      })
+    },
+    {
+      headerLabel: n.t("wise_invoicing.invoice.detail.payments.columns.manual"),
+      key: "manual",
+      size: {
+        max: "6rem",
+        min: "6rem"
+      },
+      component: (a) => H(ct, {
+        payment: a
+      })
+    },
+    {
+      headerLabel: n.t("wise_invoicing.invoice.detail.payments.columns.amount"),
+      key: "amount",
+      size: {
+        max: "10rem",
+        min: "10rem"
+      },
+      component: (a) => H(ne, {
+        text: l.formatMonetary(a.amount)
+      })
+    },
+    {
+      headerLabel: "",
+      key: "actions",
+      size: {
+        max: "5rem",
+        min: "5rem"
+      },
+      component: (a) => H(lt, {
+        payment: a,
+        onDelete: i.onDelete
+      })
+    }
+  ]));
+}
+function ut() {
+  return E({
+    queryFn: (i) => k.createPayment(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      },
+      invoicePaymentIndex: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+const dt = I.object({
+  amount: I.number().positive(),
+  currency: I.enum(Oe),
+  date: $i,
+  paymentReference: I.string().nullable(),
+  precision: I.number().int().nonnegative(),
+  remarks: I.string().nullable()
+}), vt = { class: "pr-md text-xs text-secondary" }, mt = /* @__PURE__ */ x({
+  __name: "InvoicePaymentCreateDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close"],
+  setup(i, { emit: n }) {
+    const t = i, l = n, a = h(), m = O(), d = X(), f = ut(), p = c(() => d.getSymbol(t.invoice.grossAmount.currency)), _ = Z({
+      initialState: {
+        amount: null,
+        currency: t.invoice.grossAmount.currency,
+        date: qi.getToday(),
+        paymentReference: null,
+        precision: t.invoice.grossAmount.precision,
+        remarks: null
+      },
+      schema: dt,
+      onSubmit: async (F) => {
+        const C = await f.execute({
+          body: F,
+          params: {
+            invoiceUuid: t.invoice.uuid
+          }
+        });
+        if (C.isErr()) {
+          m.apiError(C.error);
+          return;
+        }
+        m.show({
+          message: a.t("wise_invoicing.invoice.detail.payments.create.success")
+        }), l("close");
+      },
+      onSubmitError: () => {
+        m.unableToSave();
+      }
+    }), g = _.register("amount"), b = _.register("date"), U = _.register("paymentReference"), T = _.register("remarks");
+    return (F, C) => (r(), v(e(le), {
+      form: e(_),
+      size: "sm",
+      onClose: C[0] || (C[0] = (S) => 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(hn),
+          "is-description-visible": !0
+        }, null, 8, ["title", "description", "icon"]),
+        o(e(Ie), null, {
+          default: s(() => [
+            o(e(xe), null, {
+              default: s(() => [
+                o(e(De), {
+                  lg: 2,
+                  sm: 1
+                }, {
+                  default: s(() => [
+                    o(e(fe), P(e(M)(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(() => [
+                        N("span", vt, Me(p.value.symbol), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["label"]),
+                    o(e(te), P(e(M)(e(b)), {
+                      "is-required": !0,
+                      label: e(a).t("wise_invoicing.invoice.detail.payments.create.fields.date")
+                    }), null, 16, ["label"]),
+                    o(e(oe), P(e(M)(e(U)), {
+                      label: e(a).t("wise_invoicing.invoice.detail.payments.create.fields.reference")
+                    }), null, 16, ["label"]),
+                    o(e(oe), P(e(M)(e(T)), {
+                      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(Ni), {
+              label: e(a).t("wise_invoicing.invoice.detail.payments.create.submit")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), pt = /* @__PURE__ */ x({
+  __name: "InvoiceDetailPaymentsSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = h(), l = X(), a = c(() => n.invoice.uuid), m = c(() => n.invoice.balanceDueAmount === null ? null : l.formatMonetary(n.invoice.balanceDueAmount)), {
+      isLoading: d,
+      result: f
+    } = st(a), p = de(), _ = O(), g = p.create(mt), b = p.create(Ki), U = at(), T = c(() => f.value.match({
+      err: () => [],
+      loading: () => [],
+      ok: (y) => y
+    })), F = c(() => f.value.match({
+      err: (y) => y,
+      loading: () => null,
+      ok: () => null
+    })), C = c(() => !G.getMetadata(n.invoice.status).isTerminal);
+    function S() {
+      g.open({
+        invoice: n.invoice
+      });
+    }
+    function w(y) {
+      b.open({
+        title: t.t("wise_invoicing.invoice.detail.payments.delete.title"),
+        isDestructive: !0,
+        confirmLabel: t.t("wise_invoicing.invoice.detail.payments.delete.submit"),
+        description: t.t("wise_invoicing.invoice.detail.payments.delete.description"),
+        onConfirm: async () => {
+          const A = await U.execute({
+            params: {
+              invoiceUuid: n.invoice.uuid,
+              paymentUuid: y.uuid
+            }
+          });
+          if (A.isErr()) {
+            _.apiError(A.error);
+            return;
+          }
+          _.show({
+            message: t.t("wise_invoicing.invoice.detail.payments.delete.success")
+          }), b.close();
+        }
+      });
+    }
+    const L = rt({
+      onDelete: w
+    });
+    return (y, A) => (r(), v(Ke, 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" }, {
+              default: s(() => [
+                o(e(R), {
+                  text: e(t).t("wise_invoicing.invoice.detail.payments.title"),
+                  as: "h2",
+                  class: "text-sm font-semibold text-primary"
+                }, null, 8, ["text"]),
+                m.value !== null ? (r(), v(e(Q), {
+                  key: 0,
+                  color: "gray",
+                  size: "sm",
+                  variant: "outline"
+                }, {
+                  default: s(() => [
+                    o(e(Fe), {
+                      label: e(t).t("wise_invoicing.invoice.detail.payments.balance_due")
+                    }, null, 8, ["label"]),
+                    o(e(Gi)),
+                    o(e(Fe), { label: m.value }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                })) : D("", !0)
+              ]),
+              _: 1
+            }),
+            C.value ? (r(), v(e(Hi), {
+              key: 0,
+              label: e(t).t("wise_invoicing.invoice.detail.payments.add"),
+              "icon-left": e(Sn),
+              size: "sm",
+              onClick: S
+            }, null, 8, ["label", "icon-left"])) : D("", !0)
+          ]),
+          _: 1
+        }),
+        o(e(Qi), {
+          "active-filter-count": 0,
+          columns: e(L),
+          data: T.value,
+          error: F.value,
+          "get-key": (W) => W.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 _t() {
+  return E({
+    queryFn: (i) => k.updateLines(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+function ft() {
+  return E({
+    queryFn: (i) => k.applyDiscount(
+      i.params.invoiceUuid,
+      i.body
+    ),
+    queryKeysToInvalidate: {
+      invoiceDetail: {
+        invoiceUuid: (i) => i.invoiceUuid
+      }
+    }
+  });
+}
+const gt = I.object({
+  currency: I.enum(Oe),
+  precision: I.number().int().nonnegative(),
+  type: I.enum(B),
+  value: I.number()
+}).refine((i) => i.type !== B.PERCENTAGE || i.value <= 100, {
+  path: [
+    "value"
+  ]
+}), yt = { class: "pr-md text-xs text-secondary" }, bt = /* @__PURE__ */ x({
+  __name: "InvoiceApplyDiscountDialog",
+  props: {
+    invoice: {}
+  },
+  emits: ["close"],
+  setup(i, { emit: n }) {
+    const t = i, l = n, a = h(), m = O(), d = X(), f = ft(), p = c(() => Zi([
+      B.PERCENTAGE,
+      B.AMOUNT
+    ])), _ = Z({
+      initialState: {
+        currency: t.invoice.grossAmount.currency,
+        precision: t.invoice.grossAmount.precision,
+        type: B.PERCENTAGE,
+        value: null
+      },
+      schema: gt,
+      onSubmit: async (S) => {
+        const w = await f.execute({
+          body: S,
+          params: {
+            invoiceUuid: t.invoice.uuid
+          }
+        });
+        if (w.isErr()) {
+          m.apiError(w.error);
+          return;
+        }
+        l("close");
+      },
+      onSubmitError: () => {
+        m.unableToSave();
+      }
+    }), g = _.register("value"), b = _.register("type"), U = c(() => b.modelValue.value === B.PERCENTAGE), T = c(() => b.modelValue.value === B.AMOUNT), F = c(() => d.getSymbol(t.invoice.grossAmount.currency));
+    function C(S) {
+      return a.t(`wise_invoicing.invoice.detail.global_discount.type.${S}`);
+    }
+    return (S, w) => (r(), v(e(le), {
+      form: e(_),
+      size: "sm",
+      onClose: w[0] || (w[0] = (L) => 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(Ri),
+          "is-description-visible": !0
+        }, null, 8, ["title", "description", "icon"]),
+        o(e(Ie), null, {
+          default: s(() => [
+            o(e(xe), null, {
+              default: s(() => [
+                o(e(De), {
+                  lg: 2,
+                  sm: 1
+                }, {
+                  default: s(() => [
+                    o(e(Wi), P(e(M)(e(b)), {
+                      "display-fn": C,
+                      "is-required": !0,
+                      items: p.value,
+                      label: e(a).t("wise_invoicing.invoice.detail.global_discount.type.label")
+                    }), null, 16, ["items", "label"]),
+                    U.value ? (r(), v(e(fe), P({ key: 0 }, e(M)(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(() => [...w[1] || (w[1] = [
+                        N("span", { class: "pr-md text-xs text-secondary" }, " % ", -1)
+                      ])]),
+                      _: 1
+                    }, 16, ["hint", "label"])) : D("", !0),
+                    T.value ? (r(), v(e(fe), P({ key: 1 }, e(M)(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(() => [
+                        N("span", yt, Me(F.value.symbol), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["label"])) : D("", !0)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(e(re), null, {
+          right: s(() => [
+            o(e(ue), { label: "cancel" }),
+            o(e(we), {
+              label: e(a).t("wise_invoicing.invoice.detail.global_discount.confirm")
+            }, null, 8, ["label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+}), wt = /* @__PURE__ */ x({
+  __name: "InvoiceLineItemsTableSection",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = c(() => n.invoice), l = be(), a = _t(), m = c(() => G.isEditable(n.invoice.status)), d = rn({
+      isSaving: c(() => a.isLoading.value),
+      billingDocument: () => t.value,
+      canEdit: m,
+      updateLines: (g) => a.execute({
+        body: g,
+        params: {
+          invoiceUuid: n.invoice.uuid
+        }
+      })
+    }), p = de().create(bt);
+    function _() {
+      p.open({
+        invoice: n.invoice
+      });
+    }
+    return un(d), (g, b) => (r(), v(Ke, null, {
+      default: s(() => [
+        o(dn, {
+          "show-apply-discount": e(l).isGlobalDiscountEnabled.value,
+          onApplyDiscount: _
+        }, null, 8, ["show-apply-discount"]),
+        o(vn),
+        o(mn, {
+          "billing-document": n.invoice
+        }, null, 8, ["billing-document"]),
+        o(pn)
+      ]),
+      _: 1
+    }));
+  }
+}), It = /* @__PURE__ */ x({
+  __name: "InvoiceDetailView",
+  props: {
+    invoice: {}
+  },
+  setup(i) {
+    const n = i, t = h(), l = Pe(!1), a = c(() => [
+      {
+        label: t.t("wise_invoicing.invoice.overview.title"),
+        to: {
+          name: "invoicing-invoice-overview"
+        }
+      },
+      {
+        label: n.invoice.sequence ?? n.invoice.subject ?? t.t("wise_invoicing.invoice.detail.fallback_title")
+      }
+    ]);
+    return (m, d) => (r(), v(_n, {
+      "billing-document": n.invoice,
+      breadcrumbs: a.value,
+      title: e(t).t("wise_invoicing.invoice.detail.fallback_title")
+    }, {
+      header: s(() => [
+        o(Zn, {
+          invoice: n.invoice,
+          "is-pdf-view-active": l.value,
+          class: "w-full",
+          onTogglePdfView: d[0] || (d[0] = (f) => l.value = !l.value)
+        }, null, 8, ["invoice", "is-pdf-view-active"])
+      ]),
+      default: s(() => [
+        l.value ? (r(), v(fn, {
+          key: 0,
+          "billing-document": n.invoice,
+          class: "w-full"
+        }, null, 8, ["billing-document"])) : (r(), K(ae, { key: 1 }, [
+          o(wt, {
+            invoice: n.invoice
+          }, null, 8, ["invoice"]),
+          e(G).isEditable(n.invoice.status) ? D("", !0) : (r(), v(pt, {
+            key: 0,
+            invoice: n.invoice,
+            class: "w-full"
+          }, null, 8, ["invoice"])),
+          o(Jn, {
+            invoice: n.invoice,
+            class: "w-full"
+          }, null, 8, ["invoice"]),
+          o(Yn, {
+            invoice: n.invoice,
+            class: "w-full"
+          }, null, 8, ["invoice"])
+        ], 64))
+      ]),
+      sidebar: s(() => [
+        o(ot, {
+          invoice: n.invoice
+        }, null, 8, ["invoice"])
+      ]),
+      _: 1
+    }, 8, ["billing-document", "breadcrumbs", "title"]));
+  }
+}), Lt = /* @__PURE__ */ x({
+  __name: "InvoiceDetailViewDataProvider",
+  props: {
+    invoiceUuid: {}
+  },
+  setup(i) {
+    const n = i, t = h(), l = c(() => [
+      {
+        label: t.t("wise_invoicing.invoice.overview.title"),
+        to: {
+          name: "invoicing-invoice-overview"
+        }
+      }
+    ]), a = mi(c(() => n.invoiceUuid));
+    return (m, d) => (r(), v(gn, {
+      query: e(a),
+      "loading-breadcrumbs": l.value
+    }, {
+      default: s(({ billingDocument: f }) => [
+        o(It, { invoice: f }, null, 8, ["invoice"])
+      ]),
+      _: 1
+    }, 8, ["query", "loading-breadcrumbs"]));
+  }
+});
+export {
+  Lt as default
+};