@tesouro/embedded-components-react 0.2.29 → 0.2.30

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index287.js

@@ -1,28 +1,106 @@
-import { jsx as s } from "@emotion/react/jsx-runtime";
-import { useGetReceivableById as r } from "./index84.js";
-import { useCancelReceivableById as m } from "./index400.js";
-import { ConfirmationModal as d } from "./index263.js";
-import { useLingui as u } from "@lingui/react";
-const v = ({
-  invoiceId: o,
-  open: c,
-  onClose: i
+import { jsx as e, jsxs as d, Fragment as C } from "@emotion/react/jsx-runtime";
+import { Controller as c } from "react-hook-form";
+import { DefaultEmail as v } from "./index410.js";
+import { useRootElements as y } from "./index94.js";
+import { useCounterpartById as S } from "./index72.js";
+import "@tanstack/react-query";
+import "./index59.js";
+import { useCounterpartContactList as F } from "./index76.js";
+import "date-fns";
+import "react";
+import "react-hot-toast";
+import { useLingui as I } from "@lingui/react";
+import { useGetReceivableById as N } from "./index84.js";
+import { Card as u, CardContent as m, Stack as f, Typography as h, TextField as b, CircularProgress as M, FormControl as T, Select as B, MenuItem as L, FormHelperText as W } from "@mui/material";
+import { getDefaultContact as _, getContactList as j } from "./index288.js";
+const K = ({
+  formName: n,
+  style: t,
+  children: i,
+  handleIssueAndSend: a
+}) => /* @__PURE__ */ e("form", { id: n, noValidate: !0, onSubmit: a, style: t, children: i }), k = ({
+  invoiceId: n,
+  control: t
 }) => {
   const {
-    i18n: e
-  } = u(), {
-    data: n,
-    isLoading: t
-  } = r(o), a = m(o);
-  if (!n)
-    return null;
-  const l = n.document_id ? e._("Cancel receivable") + ` "${n?.document_id}"?` : e._("Cancel receivable?");
-  return /* @__PURE__ */ s(d, { open: c && !!o, title: l, message: e._("This action can't be undone."), confirmLabel: e._("Cancel"), cancelLabel: e._("Close"), onClose: i, onConfirm: () => {
-    a.mutate(void 0, {
-      onSuccess: i
-    });
-  }, isLoading: a.isPending || t });
+    data: i
+  } = N(n), {
+    data: a
+  } = S(i?.counterpart_id), {
+    data: r,
+    isLoading: o
+  } = F(i?.counterpart_id), {
+    root: x
+  } = y();
+  if (o) return /* @__PURE__ */ e(M, {});
+  const g = _(r, a);
+  return /* @__PURE__ */ e(c, { name: "to", control: t, render: ({
+    field: p,
+    fieldState: {
+      error: s
+    }
+  }) => /* @__PURE__ */ d(T, { variant: "standard", required: !0, fullWidth: !0, error: !!s, children: [
+    /* @__PURE__ */ e(B, { MenuProps: {
+      container: x
+    }, className: "Monite-NakedField Monite-RecipientSelector", "data-testid": `${p.name}-select`, ...p, children: j(r, g).map((l) => /* @__PURE__ */ e(L, { value: l.email, children: /* @__PURE__ */ e(v, { email: l.email ?? "", isDefault: l.is_default }) }, l.id)) }),
+    s && /* @__PURE__ */ e(W, { children: s.message })
+  ] }) });
+}, O = ({
+  invoiceId: n,
+  control: t,
+  isDisabled: i
+}) => {
+  const {
+    i18n: a
+  } = I();
+  return /* @__PURE__ */ d(C, { children: [
+    /* @__PURE__ */ e(u, { sx: {
+      mb: 3
+    }, children: /* @__PURE__ */ e(m, { sx: {
+      px: 3,
+      pt: 1,
+      pb: 1,
+      "&:last-child": {
+        pb: 1
+      }
+      // last-child is necessary to override default style of the MUI theme
+    }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(h, { variant: "body2", sx: {
+        minWidth: "52px"
+      }, children: a._("To") }),
+      /* @__PURE__ */ e(k, { invoiceId: n, control: t })
+    ] }) }) }),
+    /* @__PURE__ */ d(u, { children: [
+      /* @__PURE__ */ e(m, { sx: {
+        px: 3,
+        py: 1,
+        borderBottomWidth: "1px",
+        borderBottomStyle: "solid",
+        borderBottomColor: "divider"
+      }, children: /* @__PURE__ */ d(f, { spacing: 2, direction: "row", alignItems: "center", children: [
+        /* @__PURE__ */ e(h, { variant: "body2", children: a._("Subject") }),
+        /* @__PURE__ */ e(c, { name: "subject", control: t, render: ({
+          field: r,
+          fieldState: {
+            error: o
+          }
+        }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, ...r, disabled: i }) })
+      ] }) }),
+      /* @__PURE__ */ e(m, { sx: {
+        pl: 3,
+        pr: 3,
+        pb: 3,
+        pt: 1
+      }, children: /* @__PURE__ */ e(c, { name: "body", control: t, render: ({
+        field: r,
+        fieldState: {
+          error: o
+        }
+      }) => /* @__PURE__ */ e(b, { id: r.name, "data-testid": `${r.name}-input`, variant: "standard", className: "Monite-NakedField", fullWidth: !0, error: !!o, helperText: o?.message, required: !0, multiline: !0, rows: 8, ...r, disabled: i }) }) })
+    ] })
+  ] });
 };
 export {
-  v as InvoiceCancelModal
+  K as Form,
+  O as FormContent
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index288.js

@@ -1,42 +1,23 @@
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import { useDeleteReceivableById as u } from "./index401.js";
-import { useComponentSettings as f } from "./index69.js";
-import { useUserPermissions as v } from "./index137.js";
-import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as b } from "../../shared/data-access/dist/lib/scopes.js";
-import "react";
-import { ConfirmationModal as C } from "./index263.js";
-import { useLingui as D } from "@lingui/react";
-import { toast as I } from "react-hot-toast";
-const H = ({
-  open: r,
-  onClose: o,
-  invoiceId: t,
-  onDelete: n,
-  documentId: i
-}) => {
-  const {
-    i18n: e
-  } = D(), {
-    receivablesCallbacks: s
-  } = f(), {
-    mutate: m,
-    isPending: a
-  } = u(t), l = v().has(b.InvoiceWriteOrg), c = () => {
-    l ? m(void 0, {
-      onSuccess: () => {
-        s?.onDelete?.(t), n?.(), o();
-      }
-    }) : I.error(e._("You don't have permission to delete this document. Please, contact your system administrator for details."));
-  }, p = i ? e._("Delete receivable “{documentId}”?", {
-    documentId: i
-  }) : e._("Delete receivable?");
-  return /* @__PURE__ */ d(C, { open: r, title: p, message: e._("This action can't be undone."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: o, onConfirm: c, isLoading: a });
-};
+import { isOrganizationCounterpart as e, getCounterpartName as o } from "./index7.js";
+const i = (r, t) => {
+  if (r && r.length)
+    return r.find((n) => n.is_default) ?? r[0];
+  if (!t || !e(t))
+    return;
+  const a = t.organization?.email;
+  if (a)
+    return {
+      id: "organization",
+      counterpart_id: t.id,
+      email: a,
+      is_default: !0,
+      first_name: o(t),
+      last_name: "",
+      is_customer: t.is_customer,
+      is_vendor: t.is_vendor
+    };
+}, u = (r, t) => r?.length ? r : t ? [t] : [];
 export {
-  H as InvoiceDeleteModal
+  u as getContactList,
+  i as getDefaultContact
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index289.js

@@ -1,54 +1,37 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { Button as l } from "./index86.js";
-import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index188.js";
-import { useLingui as v } from "@lingui/react";
-import { useMarkAsUncollectibleReceivableById as C } from "./index402.js";
-import { useState as x } from "react";
-import { Textarea as D } from "./index130.js";
-import { Label as _ } from "./index272.js";
-import { LoadingSpinner as M } from "./index140.js";
-const U = ({
-  invoiceId: r,
-  open: s,
-  onClose: i,
-  onMarkAsUncollectible: c
-}) => {
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as o } from "@lingui/react";
+import { toast as r } from "react-hot-toast";
+const l = (i) => {
   const {
-    i18n: o
-  } = v(), [n, m] = x(""), {
-    mutate: d,
-    isPending: a
-  } = C(r, c), p = () => {
-    d({
-      comment: n.trim()
-    }, {
-      onSuccess: () => {
-        i();
-      }
-    });
-  };
-  return /* @__PURE__ */ e(u, { open: s, onOpenChange: i, children: /* @__PURE__ */ t(g, { showCloseButton: !1, children: [
-    /* @__PURE__ */ t(b, { children: [
-      /* @__PURE__ */ e(f, { children: o._("Mark invoice as uncollectible?") }),
-      /* @__PURE__ */ t(w, { children: [
-        /* @__PURE__ */ e("p", { children: o._("This invoice will change its status, and you won't be able to receive or log any payment against it.") }),
-        /* @__PURE__ */ e("br", {}),
-        /* @__PURE__ */ e("p", { children: o._("For bookkeeping purposes, this is a write-off and has tax implications.") })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
-      /* @__PURE__ */ e(_, { htmlFor: "comment", children: o._("Comment (optional)") }),
-      /* @__PURE__ */ e(D, { id: "comment", placeholder: o._("Add a comment"), value: n, onChange: (h) => m(h.target.value) })
-    ] }),
-    /* @__PURE__ */ t(k, { children: [
-      /* @__PURE__ */ e(l, { variant: "outline", onClick: i, children: o._("Cancel") }),
-      /* @__PURE__ */ t(l, { onClick: p, disabled: a, children: [
-        a && /* @__PURE__ */ e(M, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
-        o._("Mark as uncollectible")
-      ] })
-    ] })
-  ] }) });
+    i18n: a
+  } = o(), {
+    api: e,
+    queryClient: t
+  } = n();
+  return e.finops.postReceivablesIdSend.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      await Promise.all([e.finops.getReceivables.invalidateQueries(t), e.finops.getReceivablesId.invalidateQueries({
+        parameters: {
+          path: {
+            receivable_id: i
+          }
+        }
+      }, t)]);
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, t);
+      r.success(a._("This {type} has been sent", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
 };
 export {
-  U as MarkAsUncollectibleModal
+  l as useSendReceivableById
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index290.js

@@ -1,32 +1,59 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as m } from "./index86.js";
-import { DropdownMenu as d, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as f } from "./index142.js";
-import { Tooltip as h, TooltipTrigger as g, TooltipContent as w } from "./index274.js";
-import { ACTION_ICON as C } from "./index275.js";
-import { preventTooltipFocusOpen as T } from "./index277.js";
-import { MoreVerticalIcon as v } from "lucide-react";
-function x({
-  actions: r,
-  triggerLabel: i,
-  getActionLabel: n,
-  onSelect: a,
-  isActionDisabled: s,
-  className: l
-}) {
-  return /* @__PURE__ */ t(d, { children: [
-    /* @__PURE__ */ t(h, { children: [
-      /* @__PURE__ */ e(g, { asChild: !0, onFocus: T, children: /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "ghost", size: "icon", className: l, "aria-label": i, children: /* @__PURE__ */ e(v, { className: "ttw:size-4" }) }) }) }),
-      /* @__PURE__ */ e(w, { children: i })
-    ] }),
-    /* @__PURE__ */ e(u, { align: "end", children: r.map((o) => {
-      const c = C[o];
-      return /* @__PURE__ */ t(f, { variant: o === "delete" ? "destructive" : "default", disabled: s?.(o), onClick: () => a(o), children: [
-        /* @__PURE__ */ e(c, { className: "ttw:size-4" }),
-        n(o)
-      ] }, o);
-    }) })
-  ] });
-}
+import { jsx as t, Fragment as v, jsxs as i } from "@emotion/react/jsx-runtime";
+import { useLingui as b } from "@lingui/react";
+import { useState as y, useEffect as N } from "react";
+import { useCreateInvoiceEmailPreview as j } from "./index411.js";
+import { LanguageCodeEnum as C } from "./index258.js";
+import { CenteredContentBox as s } from "./index228.js";
+import { Button as _ } from "./index86.js";
+import { CircleAlert as E, RefreshCcw as P } from "lucide-react";
+import { LoadingSpinner as B } from "./index135.js";
+const q = ({
+  invoiceId: l,
+  body: c,
+  subject: m
+}) => {
+  const {
+    i18n: e
+  } = b(), [a, d] = y(0), {
+    data: w,
+    mutateAsync: f,
+    isPending: p,
+    error: u
+  } = j(l), x = () => {
+    d(a + 1);
+  }, h = (r) => Object.values(C).includes(r), g = () => {
+    const r = e.locale, o = r.indexOf("-"), n = o >= 0 ? r.substring(0, o) : r;
+    return h(n) ? n : "en";
+  };
+  return N(() => {
+    f({
+      body_text: c,
+      subject_text: m,
+      language: g(),
+      type: "receivable"
+    });
+  }, [a]), /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:min-h-0 ttw:overflow-hidden ttw:flex-1", children: p ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(B, {}) }) : /* @__PURE__ */ t(v, { children: u ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-4", children: [
+    /* @__PURE__ */ t(E, { className: "ttw:text-red-500" }),
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:justify-center ttw:text-center ttw:gap-1 ttw:items-center", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:font-bold ttw:text-base", children: e._("Failed to generate email preview") }),
+      /* @__PURE__ */ i("div", { className: "ttw:items-center", children: [
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("Please try to reload.") }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:leading-5", children: e._("If the error recurs, contact support, please.") })
+      ] }),
+      /* @__PURE__ */ i(_, { variant: "ghost", onClick: x, "data-testid": "reload-preview-button", children: [
+        /* @__PURE__ */ t(P, {}),
+        e._("Reload")
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ t("iframe", { srcDoc: w?.body_preview, style: {
+    width: "100%",
+    height: "100%",
+    marginBottom: "-16px",
+    // Margin is necessary to avoid vertical scrollbar on the iframe container element. It's not clear why, but it helps.
+    border: 0,
+    flex: 1
+  } }) }) });
+};
 export {
-  x as InvoiceDetailsOverflowMenu
+  q as PreviewEmail
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index291.js

@@ -1,100 +1,44 @@
-import { jsxs as o, Fragment as _, jsx as i } from "@emotion/react/jsx-runtime";
-import { ManualPaymentRecordDetails as k } from "./index403.js";
-import { PaymentRecordForm as E } from "./index404.js";
-import { useMoniteContext as $ } from "./index59.js";
-import { useRootElements as B } from "./index94.js";
-import "@tanstack/react-query";
-import { fromMinorUnits as F, toMinorUnits as H } from "./index123.js";
-import "date-fns";
-import { useEntityUserByAuthToken as L } from "./index77.js";
-import { useCreatePaymentRecord as U } from "./index81.js";
-import { useLingui as A } from "@lingui/react";
-import { Dialog as I, DialogContent as Q, DialogActions as W, Button as m, Box as q } from "@mui/material";
-import { useState as l } from "react";
-const g = {
-  amount: 0,
-  payment_date: /* @__PURE__ */ new Date(),
-  payment_time: /* @__PURE__ */ new Date(),
-  created_by: ""
-}, ie = ({
-  children: b,
-  invoice: t
-}) => {
-  const [h, c] = l(!1), [C, r] = l(!1), [e, u] = l(g), {
-    i18n: s
-  } = A(), {
-    root: x
-  } = B(), v = () => c(!0), n = () => c(!1), {
-    api: p,
-    queryClient: y
-  } = $(), {
-    mutate: D,
-    isPending: M
-  } = U(), {
-    data: f,
-    isLoading: R
-  } = L(), w = (a) => {
-    u({
-      ...a,
-      amount: H(a?.amount ?? 0),
-      created_by: f?.id ?? ""
-    }), r(!0);
-  }, P = () => {
-    r(!1), u(g);
-  }, S = () => {
-    const a = new Date(e.payment_date).setHours(e.payment_time.getHours(), e.payment_time.getMinutes()), j = new Date(a);
-    D({
-      amount: e?.amount ?? 0,
-      currency: t.currency,
-      paid_at: j.toISOString(),
+import { useMoniteContext as c } from "./index59.js";
+import { useLingui as d } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const v = () => {
+  const {
+    api: e,
+    entityId: i
+  } = c(), {
+    i18n: o
+  } = d(), {
+    data: n
+  } = e.finops.getEntitiesIdPaymentMethods.useQuery({
+    path: {
+      entity_id: i
+    }
+  }), {
+    mutateAsync: s,
+    isPending: r
+  } = e.finops.postPaymentLinks.useMutation({});
+  async function y(m) {
+    const a = n ? n.data.filter(({
+      status: t,
+      direction: p
+    }) => t === "active" && p === "receive") : [];
+    a.length === 0 ? u.error(o._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : await s({
+      recipient: {
+        id: i,
+        type: "entity"
+      },
+      payment_methods: a.map((t) => t.type),
       object: {
-        id: t.id,
+        id: m,
         type: "receivable"
-      },
-      payment_intent_id: t.id,
-      entity_user_id: f?.id,
-      status: "succeeded"
-    }, {
-      onSuccess: () => {
-        p.finops.getReceivablesId.invalidateQueries({
-          parameters: {
-            path: {
-              receivable_id: t.id
-            }
-          }
-        }, y), p.finops.getReceivables.invalidateQueries(y), n(), P();
       }
     });
-  }, d = M || R;
-  return ["draft", "paid", "canceled", "deleted", "accepted", "recurring", "expired", "declined", "uncollectible"].includes(t.status) ? null : /* @__PURE__ */ o(_, { children: [
-    b({
-      openModal: v
-    }),
-    /* @__PURE__ */ i(I, { open: h, onClose: n, container: x, "aria-labelledby": "dialog-title", fullWidth: !0, maxWidth: "sm", children: C ? /* @__PURE__ */ o(_, { children: [
-      /* @__PURE__ */ i(Q, { sx: {
-        p: 4
-      }, children: /* @__PURE__ */ i(k, { invoice: t, paymentRecords: e }) }),
-      /* @__PURE__ */ o(W, { sx: {
-        px: 4,
-        pb: 4,
-        justifyContent: "space-between"
-      }, children: [
-        /* @__PURE__ */ i(m, { onClick: n, children: s._("Cancel") }),
-        /* @__PURE__ */ o(q, { sx: {
-          display: "flex",
-          gap: 2
-        }, children: [
-          /* @__PURE__ */ i(m, { variant: "outlined", disabled: d, onClick: () => r(!1), children: s._("Edit record") }),
-          /* @__PURE__ */ i(m, { variant: "contained", disabled: d, onClick: S, children: s._("Confirm") })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ i(E, { invoice: t, initialValues: {
-      amount: e.amount ? F(e.amount) : 0,
-      payment_date: e.payment_date,
-      payment_time: e.payment_time
-    }, isLoading: d, onCancel: n, onSubmit: w }) })
-  ] });
+  }
+  return {
+    createPaymentLink: y,
+    isCreatingPaymentLink: r
+  };
 };
 export {
-  ie as RecordManualPaymentModal
+  v as useCreateReceivablePaymentLink
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index292.js

@@ -1,49 +1,19 @@
-import { jsxs as f, jsx as n } from "@emotion/react/jsx-runtime";
-import { useCancelRecurrence as v } from "./index405.js";
-import { useGetRecurrenceById as _ } from "./index181.js";
-import { useCurrencies as C } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as g, Trans as h } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { ConfirmationModal as b } from "./index263.js";
-import w from "deep-eql";
-import { usePreviousDistinct as y } from "react-use";
-const $ = ({
-  invoice: i,
-  open: a,
-  onClose: r
-}) => {
-  const {
-    i18n: e
-  } = g(), {
-    formatCurrencyToDisplay: l
-  } = C(), c = i?.recurrence_id ?? "", {
-    mutate: m,
-    isPending: u
-  } = v(c, i.id), {
-    data: t
-  } = _(c), s = y(t, w), o = (s?.status === "active" && t?.status === "canceled" ? s : t)?.iterations?.filter(({
-    status: p
-  }) => p === "pending")?.length ?? 0, d = i && o !== void 0 ? l(i.total_amount_with_credit_notes * o, i.currency) : void 0;
-  return /* @__PURE__ */ f(b, { open: a && !!i.id, title: e._("Cancel Recurring Invoice"), confirmLabel: e._("Cancel recurrence"), cancelLabel: e._("Close"), onClose: r, onConfirm: () => m(void 0, {
-    onSuccess: r
-  }), isLoading: u, children: [
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("Are you sure you want to cancel this recurring invoice?") }),
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("All future iterations of this invoice will be canceled.") }),
-    i && o !== void 0 && /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: /* @__PURE__ */ n(h, { id: "ZYrFPL", values: {
-      0: o === 1 ? e._("invoice") : e._("invoices"),
-      totalPendingInvoices: o,
-      pendingInvoicesTotalAmountWithCreditNotes: d
-    }, components: {
-      0: /* @__PURE__ */ n("strong", {}),
-      1: /* @__PURE__ */ n("strong", {})
-    } }) }),
-    /* @__PURE__ */ n("span", { className: "ttw:inline-block", children: e._("This action can't be undone.") })
-  ] });
-};
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as r } from "./index86.js";
+import { ArrowUpRight as s } from "lucide-react";
+import { twMerge as w } from "tailwind-merge";
+const d = ({
+  label: o,
+  value: a,
+  status: t,
+  onClick: l
+}) => /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col", children: [
+  /* @__PURE__ */ e("h3", { className: "ttw:text-text ttw:text-sm ttw:font-medium ttw:leading-5", children: o }),
+  l ? /* @__PURE__ */ n(r, { variant: "link", onClick: l, className: "ttw:w-fit ttw:gap-1 ttw:h-5 ttw:hover:no-underline ttw:text-text ttw:font-normal ttw:p-0 ttw:has-[>svg]:px-0", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:underline", children: a }),
+    /* @__PURE__ */ e(s, {})
+  ] }) : /* @__PURE__ */ e("p", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5 ttw:text-text", t && t === "overdue" && "ttw:text-danger", t && t === "draft" && "ttw:text-neutral"), children: a })
+] });
 export {
-  $ as RecurrenceCancelModal
+  d as InvoiceDetailsInfoBlock
 };