@tesouro/embedded-components-react 0.2.1 → 0.2.6

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

@@ -1,136 +1,61 @@
-import { jsxs as r, Fragment as S, jsx as t } from "@emotion/react/jsx-runtime";
-import { FinancedInvoiceStatusChip as T } from "./index56.js";
-import { InvoiceStatusChip as N } from "./index57.js";
-import { INVOICE_DOCUMENT_AUTO_ID as w } from "./index268.js";
-import { useKanmonContext as A } from "./index58.js";
-import { useMoniteContext as P } from "./index59.js";
-import { useCurrencies as j } from "./index60.js";
-import "react";
-import "./index94.js";
-import { useLingui as O } from "@lingui/react";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useTheme as U, Box as i, Typography as a, darken as d, Divider as f, Button as $ } from "@mui/material";
-const Q = ({
-  invoice: s,
-  offers: g,
-  financedInvoice: e,
-  enableNavigate: u = !1,
-  handleNavigate: m
+import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
+import { DatePicker as D } from "./index349.js";
+import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index357.js";
+import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index279.js";
+import { useLingui as C } from "@lingui/react";
+import { useFormContext as N } from "react-hook-form";
+const V = ({
+  isUpdate: n = !1
 }) => {
   const {
-    i18n: n
-  } = O(), {
-    locale: x
-  } = P(), {
-    startFinanceSession: b
-  } = A(), {
-    formatCurrencyToDisplay: c
-  } = j(), o = U(), y = x.dateFormat, h = e ? n.date(e.issue_date, y) : "—", v = e ? c(e.total_amount, e.currency) : "-", l = g?.[0]?.pricing_plans?.reduce((_, p, R) => (p?.fee_percentage === e?.fee_percentage && p?.advance_rate_percentage === e?.advance_rate_percentage && (_ = {
-    pricingPlanIndex: R,
-    data: p
-  }), _), null), D = e?.repayment_schedule?.repayment_date ? n.date(e.repayment_schedule.repayment_date, y) : "—", C = e?.advance_amount ? c(e.advance_amount, e.currency) : "-", E = e?.fee_amount ? c(e.fee_amount, e.currency) : "-", F = e?.repayment_amount ? c(e.repayment_amount, e.currency) : "-", I = e?.status === "REJECTED" || e?.status === "NEW", W = e?.status === "FUNDED" || e?.status === "LATE";
-  return /* @__PURE__ */ r(S, { children: [
-    /* @__PURE__ */ r(i, { sx: {
-      p: 4,
-      display: "flex",
-      flexDirection: "column",
-      gap: 4
-    }, children: [
-      /* @__PURE__ */ t(a, { variant: "h3", children: n._("Funding details") }),
-      /* @__PURE__ */ r(i, { children: [
-        /* @__PURE__ */ t(a, { variant: "h2", fontWeight: 600, fontSize: 32, children: v }),
-        /* @__PURE__ */ t(a, { fontWeight: 500, variant: "body1", children: n._("{issueDate}", {
-          issueDate: h
-        }) })
-      ] }),
-      /* @__PURE__ */ r(i, { sx: {
-        display: "flex",
-        gap: 3
-      }, children: [
-        /* @__PURE__ */ r(i, { width: "100%", children: [
-          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Financing plan {value}", {
-            value: (l?.pricingPlanIndex ?? 0) + 1
-          }) }),
-          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{value}% advance rate, Pay in {pricingPlan} days, {value1}% fee", {
-            value: (l?.data?.advance_rate_percentage ?? 0) / 100,
-            pricingPlan: l?.data?.repayment_duration_days,
-            value1: (l?.data?.fee_percentage ?? 0) / 100
-          }) })
-        ] }),
-        /* @__PURE__ */ r(i, { width: "100%", children: [
-          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Repayment on") }),
-          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 400, children: n._("{repaymentDate}", {
-            repaymentDate: D
-          }) })
-        ] }),
-        /* @__PURE__ */ r(i, { width: "100%", children: [
-          /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), mb: 0.5, fontWeight: 400, children: n._("Status") }),
-          /* @__PURE__ */ t(T, { icon: !0, status: e?.status ?? "DEFAULTED" })
+    control: s,
+    watch: w,
+    setValue: f
+  } = N(), {
+    i18n: r
+  } = C(), _ = w("recurrence_start_date"), o = w("recurrence_issue_mode"), d = _ ? new Date(_) : void 0, v = (e) => {
+    if (!o) return !1;
+    const l = e.getDate(), x = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+    return o === "first_day" ? l !== 1 : o === "last_day" ? l !== x : !1;
+  };
+  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+    /* @__PURE__ */ t(c, { control: s, name: "recurrence_issue_mode", render: ({
+      field: e
+    }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+      /* @__PURE__ */ t(u, { children: r._("Issue at") }),
+      /* @__PURE__ */ a(p, { disabled: n, onValueChange: (l) => {
+        e.onChange(l), f("recurrence_start_date", void 0), f("recurrence_end_date", void 0);
+      }, value: e.value, children: [
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(F, { className: "ttw:w-full", children: /* @__PURE__ */ t(M, { className: "ttw:max-w-4/5 ttw:text-ellipsis ttw:whitespace-nowrap" }) }) }),
+        /* @__PURE__ */ a(S, { children: [
+          /* @__PURE__ */ t(g, { value: "first_day", children: r._("Start of the month") }),
+          /* @__PURE__ */ t(g, { value: "last_day", children: r._("End of the month") })
         ] })
       ] }),
-      /* @__PURE__ */ t(f, {}),
-      /* @__PURE__ */ r(i, { sx: {
-        display: "grid",
-        gridTemplateColumns: "minmax(140px, auto) 1fr",
-        flexDirection: "column",
-        rowGap: 1,
-        columnGap: 2
-      }, children: [
-        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("{isRequestedSum}", {
-          isRequestedSum: I ? "Requested sum" : "Received sum"
-        }) }),
-        /* @__PURE__ */ t(a, { variant: "body1", children: C }),
-        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Service Fee") }),
-        /* @__PURE__ */ t(a, { variant: "body1", children: E }),
-        /* @__PURE__ */ t(a, { variant: "body1", color: d(o.palette.grey[50], 0.4), children: n._("Repayment sum") }),
-        /* @__PURE__ */ t(a, { variant: "body1", children: F })
-      ] }),
-      /* @__PURE__ */ t(f, {}),
-      /* @__PURE__ */ r(i, { sx: {
-        borderRadius: "16px",
-        px: 3,
-        py: 2.5,
-        border: `1px solid ${o.palette.divider}`,
-        display: "flex",
-        gap: 2,
-        justifyContent: "space-between",
-        alignItems: "center",
-        cursor: u ? "pointer" : "default"
-      }, ...u && m && {
-        onClick: () => m(s.id)
-      }, children: [
-        /* @__PURE__ */ r(i, { children: [
-          /* @__PURE__ */ t(a, { variant: "body1", fontWeight: 500, children: n._("Invoice {invoiceDocument_id}", {
-            invoiceDocument_id: s.document_id || w
-          }) }),
-          /* @__PURE__ */ t(a, { color: o.palette.text.secondary, variant: "body2", children: n._("For {invoiceAmount} | Issued {issueDate}", {
-            invoiceAmount: v,
-            issueDate: h
-          }) })
-        ] }),
-        /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(N, { status: s.status }) })
-      ] })
-    ] }),
-    W && /* @__PURE__ */ t(i, { sx: {
-      mt: "auto",
-      borderTop: `1px solid ${o.palette.divider}`,
-      px: 4,
-      py: 2,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end"
-    }, children: /* @__PURE__ */ t($, { variant: "contained", color: "primary", onClick: () => b({
-      component: "PAY_NOW"
-    }), sx: {
-      py: 1.25,
-      px: 1.5,
-      height: 32,
-      fontSize: 14,
-      ml: "auto"
-    }, children: n._("Repay now") }) })
+      /* @__PURE__ */ t(m, {})
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-4", children: [
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_start_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period starts on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, shouldDisableButton: n, startMonth: /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) }),
+      /* @__PURE__ */ t(c, { control: s, name: "recurrence_end_date", render: ({
+        field: e
+      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
+        /* @__PURE__ */ t(u, { children: r._("Period ends on") }),
+        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, startMonth: d ? new Date(d.getFullYear(), d.getMonth() + 2, 0) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
+          defaultMonth: new Date(e.value)
+        } : {} }) }),
+        /* @__PURE__ */ t(m, {})
+      ] }) })
+    ] })
   ] });
 };
 export {
-  Q as FinanceDetails
+  V as RecurrenceFormContent
 };

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

@@ -1,164 +1,13 @@
-import { jsx as t, jsxs as $ } from "@emotion/react/jsx-runtime";
-import { FinanceDetails as z } from "./index340.js";
-import { ScopedCssBaselineContainerClassName as G } from "./index106.js";
-import { FinancedInvoiceStatusChip as k } from "./index56.js";
-import { useMoniteContext as A } from "./index59.js";
-import "react-hot-toast";
-import { useLingui as E } from "@lingui/react";
-import { useKanmonContext as L } from "./index58.js";
-import { useCurrencies as B } from "./index60.js";
-import { useState as r, useMemo as W } from "react";
-import "./index94.js";
-import { defaultCounterpartColumnWidth as j, useAutosizeGridColumns as U } from "./index64.js";
-import "@tanstack/react-query";
-import "date-fns";
-import { useGetReceivableById as q } from "./index84.js";
-import "react-script-hook";
-import { useGetFinancedInvoices as H } from "./index342.js";
-import { MoniteScopedProviders as K } from "./index85.js";
-import { ReceivableCursorFields as V } from "./index141.js";
-import { GetNoRowsOverlay as Y } from "./index143.js";
-import { Dialog as Z } from "./index52.js";
-import { TablePagination as J } from "./index88.js";
-import { classNames as Q } from "./index150.js";
-import { Typography as c, Button as X, Box as ee } from "@mui/material";
-import { DataGrid as ae } from "@mui/x-data-grid";
-const Re = (s) => /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(te, { ...s }) }), te = ({
-  onRowClick: s,
-  query: u,
-  offers: x
-}) => {
-  const {
-    i18n: a
-  } = E(), {
-    locale: b,
-    componentSettings: f
-  } = A(), {
-    startFinanceSession: h
-  } = L(), [F, g] = r(!1), [n, _] = r(null), {
-    data: v
-  } = q(n?.invoice_id ?? "", !!n?.invoice_id), [y, w] = r(void 0), [C, I] = r(f.receivables.pageSizeOptions?.[0] ?? 10), [R, M] = r({
-    field: u?.sort ?? "created_at",
-    sort: u?.order ?? "desc"
-  }), {
-    formatCurrencyToDisplay: l
-  } = B(), {
-    data: d,
-    isLoading: N,
-    isError: O,
-    refetch: T
-  } = H({
-    order: R?.sort,
-    limit: C,
-    pagination_token: y
-  }), m = d?.data, D = (e) => {
-    M(e[0]), w(void 0);
-  }, p = b.dateFormat, S = W(() => [{
-    field: "document_id",
-    headerName: a._("Number"),
-    sortable: !1,
-    width: 140,
-    renderCell: ({
-      value: e
-    }) => e ? /* @__PURE__ */ t("span", { className: "Monite-TextOverflowContainer", children: e }) : /* @__PURE__ */ t("span", { className: "Monite-TextOverflowContainer", children: /* @__PURE__ */ t(c, { color: "text.secondary", component: "span", fontSize: "inherit", children: a._("INV-auto") }) })
-  }, {
-    field: "payer_type",
-    headerName: a._("Customer"),
-    display: "flex",
-    width: j,
-    renderCell: (e) => /* @__PURE__ */ t(c, { children: e.row.payer_type == "BUSINESS" ? e.row.payer_business_name : `${e.row.payer_first_name} ${e.row.payer_last_name}` })
-  }, {
-    field: "status",
-    headerName: a._("Status"),
-    sortable: V.includes("status"),
-    width: 160,
-    renderCell: ({
-      value: e
-    }) => /* @__PURE__ */ t(k, { icon: !0, status: e })
-  }, {
-    field: "total_amount",
-    headerName: a._("Amount due"),
-    headerAlign: "right",
-    align: "right",
-    width: 120,
-    valueGetter: (e, i) => {
-      const o = i.repayment_schedule?.repayment_amount;
-      return o ? l(o, i.currency) : "-";
-    }
-  }, {
-    field: "repayment_schedule",
-    headerName: a._("Loan sum"),
-    headerAlign: "right",
-    align: "right",
-    width: 120,
-    valueGetter: (e, i) => {
-      const o = i.repayment_schedule?.repayment_principal_amount;
-      return o ? l(o, i.currency) : "-";
-    }
-  }, {
-    field: "issue_date",
-    headerName: a._("Financing date"),
-    sortable: !1,
-    width: 140,
-    valueFormatter: (e) => e ? a.date(e, p) : "—"
-  }, {
-    field: "repayment_date",
-    headerName: a._("Repayment date"),
-    sortable: !1,
-    width: 120,
-    valueGetter: (e, i) => {
-      const o = i.repayment_schedule?.repayment_date;
-      return o ? a.date(o, p) : "-";
-    }
-  }, {
-    field: "",
-    headerName: a._("Payment"),
-    sortable: !1,
-    width: 120,
-    renderCell: (e) => e.row.status === "FUNDED" || e.row.status === "LATE" ? /* @__PURE__ */ t(X, { variant: "contained", color: "primary", onClick: (i) => {
-      i.stopPropagation(), h({
-        component: "PAY_NOW"
-      });
-    }, sx: {
-      py: 1.25,
-      px: 1.5,
-      height: 32,
-      fontSize: 14
-    }, children: a._("Repay now") }) : null
-  }], [l, a, p, h]), P = U(
-    m,
-    S,
-    !1,
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "FinancedInvoicesTable"
-  );
-  return /* @__PURE__ */ $(ee, { className: Q(G, "Monite-FinancedInvoicesTable"), sx: {
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden",
-    height: "inherit",
-    minHeight: "500px"
-  }, children: [
-    /* @__PURE__ */ t(c, { mb: 2, variant: "subtitle1", children: a._("Financed invoices") }),
-    /* @__PURE__ */ t(ae, { apiRef: P, rowSelection: !1, disableColumnFilter: !0, loading: N, onSortModelChange: D, onRowClick: (e) => {
-      g(!0), _?.(e.row);
-    }, slots: {
-      pagination: () => /* @__PURE__ */ t(J, { pageSizeOptions: f.receivables.pageSizeOptions, nextPage: d?.next_pagination_token, prevPage: d?.prev_pagination_token, paginationModel: {
-        pageSize: C,
-        page: y
-      }, onPaginationModelChange: ({
-        page: e,
-        pageSize: i
-      }) => {
-        I(i), w(e ?? void 0);
-      } }),
-      noRowsOverlay: () => /* @__PURE__ */ t(Y, { isLoading: N, dataLength: m?.length || 0, isFiltering: !1, isSearching: !1, isError: O, refetch: T, entityName: a._("Financed Invoices"), actionOptions: [a._("Invoice")], type: "no-data" })
-    }, columns: S, getRowId: (e) => e.document_id, rows: m ?? [] }),
-    v && n && /* @__PURE__ */ t(Z, { open: F, onClose: () => {
-      g(!1), _(null);
-    }, alignDialog: "right", children: /* @__PURE__ */ t(z, { invoice: v, offers: x ?? [], financedInvoice: n, enableNavigate: !0, handleNavigate: s }) })
-  ] });
-};
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Switch as a } from "radix-ui";
+import { cn as e } from "./index102.js";
+function o({
+  className: s,
+  size: r = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
+}
 export {
-  Re as FinancedInvoicesTable
+  o as Switch
 };

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

@@ -1,14 +1,67 @@
-import { useMoniteContext as s } from "./index59.js";
-const i = (e, n = !0) => {
+import { jsx as u, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useMemo as o, useCallback as _ } from "react";
+import { getLineItemErrorMessage as v } from "./index429.js";
+import { useLingui as x } from "@lingui/react";
+import { Collapse as b, Alert as E, List as j, ListItem as L, ListItemText as A } from "@mui/material";
+const q = ({
+  generalError: e,
+  fieldErrors: i
+}) => {
+  const t = o(() => {
+    for (const r of Object.values(i))
+      if (r) return !0;
+    return !1;
+  }, [i]);
+  return e || t ? /* @__PURE__ */ u(b, { in: !0, sx: {
+    ":not(.MuiCollapse-hidden)": {
+      marginBottom: 1
+    }
+  }, children: /* @__PURE__ */ g(E, { severity: "error", sx: {
+    "& .MuiAlert-icon": {
+      alignItems: "center"
+    }
+  }, children: [
+    e && /* @__PURE__ */ u("div", { children: e }),
+    t && /* @__PURE__ */ u(j, { dense: !0, disablePadding: !0, sx: {
+      mt: e ? 1 : 0
+    }, children: Object.entries(i).map(([r, s]) => s ? /* @__PURE__ */ u(L, { disablePadding: !0, children: /* @__PURE__ */ u(A, { primary: s, primaryTypographyProps: {
+      sx: {
+        color: "inherit"
+      }
+    } }) }, r) : null) })
+  ] }) }) : null;
+}, C = (e) => {
   const {
-    api: t
-  } = s();
-  return t.finops.getFinancingInvoices.useQuery({
-    query: e
-  }, {
-    enabled: n
-  });
+    i18n: i
+  } = x(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = _((n) => {
+    for (let a = 0; a < t.length; a++) {
+      const f = t[a];
+      if (typeof f == "object") {
+        const h = v(f, n);
+        if (h)
+          return h;
+      }
+    }
+    return null;
+  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), c = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), m = o(() => r("vat_rate_id") ?? r("vat_rate_value") ?? r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || c || m || p || d) ? void 0 : t.some((n) => {
+    if (!n || typeof n != "object") return !1;
+    const a = Object.keys(n);
+    return a.length > 0 && a.some((f) => n[f] != null);
+  }) ? i._("Please check the form for errors") : void 0, [t, s, l, c, m, p, d, i]);
+  return {
+    generalError: y,
+    fieldErrors: {
+      name: s,
+      quantity: l,
+      price: c,
+      tax: m,
+      measureUnit: p,
+      productType: d
+    },
+    hasErrors: !!(y || s || l || c || m || p || d)
+  };
 };
 export {
-  i as useGetFinancedInvoices
+  q as FormErrorDisplay,
+  C as useFormErrors
 };

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

@@ -1,21 +1,72 @@
-const n = (e, t) => {
-  switch (t) {
-    case "NEW":
-      return e._("In review");
-    case "DEFAULTED":
-      return e._("Uncollectible");
-    case "PAID":
-      return e._("Paid in full");
-    case "FUNDED":
-      return e._("Funded");
-    case "LATE":
-      return e._("Late payment");
-    case "REJECTED":
-      return e._("Rejected");
-    default:
-      throw new Error(`Unknown status ${JSON.stringify(t)}`);
-  }
-};
+import { jsxs as q, jsx as e } from "@emotion/react/jsx-runtime";
+import { memo as F } from "react";
+import { Button as M } from "./index86.js";
+import { TableRow as T, TableCell as u } from "./index278.js";
+import { Trash2 as O } from "lucide-react";
+import { ItemSelector as S } from "./index345.js";
+import { PriceField as j } from "./index446.js";
+import { QuantityField as z } from "./index447.js";
+import { TaxRateField as B } from "./index448.js";
+import { VatRateField as E } from "./index449.js";
+const P = ({
+  field: v,
+  index: t,
+  control: h,
+  errors: l,
+  actualCurrency: m,
+  defaultCurrency: _ = "USD",
+  measureUnitsData: c,
+  isNonVatSupported: s,
+  vatRates: p,
+  highestVatRate: f,
+  tableRowClassName: x,
+  shouldOverrideVatRateDefaults: V,
+  container: w,
+  onRequestLineItemValue: a,
+  onLineItemValueChange: r,
+  onLineItemManuallyChanged: o,
+  onRequestOpenCreateProductDialog: R,
+  onUpdateItem: C,
+  onRemoveItem: I,
+  onRequestLineItemValidation: g
+}) => {
+  const N = !!l.line_items?.[t]?.product?.name, y = !!l.line_items?.[t]?.quantity, D = !!l.line_items?.[t]?.product?.price?.value, L = l.line_items?.[t]?.product?.measure_unit_id, U = (i, n, d) => {
+    a("vat_rate_id") !== i && r("vat_rate_id", i, {
+      shouldValidate: !1
+    }), a("vat_rate_value") !== n && r("vat_rate_value", n, {
+      shouldValidate: !1
+    }), s && a("tax_rate_value") !== d ? r("tax_rate_value", d, {
+      shouldValidate: !1
+    }) : !s && d === null && a("tax_rate_value") !== void 0 && r("tax_rate_value", void 0, {
+      shouldValidate: !1
+    });
+  }, b = () => {
+    g?.("tax_rate_value");
+  };
+  return /* @__PURE__ */ q(T, { className: x, children: [
+    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[40%]", children: /* @__PURE__ */ e(S, { onCreateItem: R, onChange: (i, n) => C(t, i, n), fieldName: a("product.name") || "", index: t, error: N, actualCurrency: m, defaultCurrency: _, measureUnits: c, container: w }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:w-[30%] ttw:xl:w-[20%]", children: /* @__PURE__ */ e(z, { index: t, control: h, quantityError: y, measureUnitsData: c, measureUnitFieldError: L, onRequestLineItemValue: a, onLineItemValueChange: r, onLineItemManuallyChanged: o }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:w-[20%] ttw:text-right", children: /* @__PURE__ */ e(j, { error: D, currency: m ?? _, value: a("product.price.value"), onChange: (i) => {
+      r("product.price.value", i, {
+        shouldValidate: !0
+      }), o();
+    } }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:w-fit", children: s ? /* @__PURE__ */ e(B, { value: a("tax_rate_value"), onChange: (i) => {
+      r("tax_rate_value", i, {
+        shouldValidate: !0
+      }), o();
+    }, error: !!l.line_items?.[t]?.tax_rate_value, onModified: o, onBlur: b }) : /* @__PURE__ */ e(E, { value: a("vat_rate_id"), onChange: (i, n) => {
+      r("vat_rate_id", i, {
+        shouldValidate: !0
+      }), r("vat_rate_value", n, {
+        shouldValidate: !0
+      }), r("tax_rate_value", void 0, {
+        shouldValidate: !1
+      }), o();
+    }, availableVatRates: p ?? [], error: !!l.line_items?.[t]?.vat_rate_id, fieldError: l.line_items?.[t]?.vat_rate_id, isNonVatSupported: s, highestVatRate: f, currentTaxRateValue: a("tax_rate_value"), onInitializeDefaults: U, shouldOverrideVatRateDefaults: V, onModified: o }) }),
+    /* @__PURE__ */ e(u, { className: "ttw:p-0 ttw:w-12", children: /* @__PURE__ */ e(M, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-muted-foreground ttw:hover:text-destructive", onClick: () => I(t), children: /* @__PURE__ */ e(O, {}) }) })
+  ] }, v.id);
+}, Y = F(P);
 export {
-  n as getCommonStatusLabel
+  Y as InvoiceItemRow
 };

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

@@ -1,65 +1,40 @@
-import { jsxs as a, jsx as n } from "@emotion/react/jsx-runtime";
-import { useLingui as t } from "@lingui/react";
-import { Box as r, Typography as o, Link as s } from "@mui/material";
-const l = [{
-  id: 1,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "Does enrolling in the program affect my credit score?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "Nope! During the onboarding process we will only conduct a soft pull on your credit report, which will not affect your personal credit score."
-  )
-}, {
-  id: 2,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "Why do I need to provide my bank connection details?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "Securely connecting your business bank account allows us to review your cashflow and determine your best loan offers."
-  )
-}, {
-  id: 3,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "When should I expect to receive a loan offer?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "Once you are enrolled into the program, we will be actively analyzing your financials and creating pre-approved offers that work best for your business needs. We do this to help you avoid debt trap. Loan offers are usually provided within less than 48 hours."
-  )
-}, {
-  id: 4,
-  // eslint-disable-next-line lingui/no-unlocalized-strings
-  question: "How do I repay the loan?",
-  answer: (
-    // eslint-disable-next-line lingui/no-unlocalized-strings
-    "At the moment we support monthly loan repayment once you agree to the loan payment schedule. A fixed amount will be automatically deducted from the bank you linked during the onboarding.In the near future, you can also choose to pay back the loan as a fixed percentage of your daily sales until the loan is fully repaid."
-  )
-}], h = () => {
+import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
+import { useLingui as x } from "@lingui/react";
+import { twMerge as f } from "tailwind-merge";
+import { useCurrencies as p } from "./index60.js";
+import "react";
+import "./index94.js";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+const a = ({
+  label: l,
+  value: r,
+  className: s
+}) => /* @__PURE__ */ m("li", { className: f("ttw:flex ttw:justify-between ttw:items-center", s), children: [
+  /* @__PURE__ */ t("span", { children: l }),
+  /* @__PURE__ */ t("span", { children: r?.toString() })
+] }), _ = ({
+  subtotalPrice: l,
+  totalTaxes: r,
+  totalPrice: s,
+  taxesByVatRate: o = {},
+  actualCurrency: i,
+  defaultCurrency: c
+}) => {
   const {
     i18n: e
-  } = t();
-  return /* @__PURE__ */ a(r, { p: 4, children: [
-    /* @__PURE__ */ a(r, { children: [
-      /* @__PURE__ */ n(o, { variant: "h3", children: e._("Simplified, fast funding for your growing business") }),
-      /* @__PURE__ */ n(o, { variant: "subtitle2", mt: 2, children: e._("Get your business moving and accelerate growth with quick and easy access to funding. Multiple options available.") })
-    ] }),
-    /* @__PURE__ */ a(r, { mt: 5, children: [
-      /* @__PURE__ */ n(o, { mb: 1, variant: "h3", children: e._("FAQ") }),
-      l.map((i) => /* @__PURE__ */ a(r, { mt: 3, children: [
-        /* @__PURE__ */ n(o, { variant: "subtitle2", children: e._("{faqQuestion}", {
-          faqQuestion: i.question
-        }) }),
-        /* @__PURE__ */ n(o, { variant: "body1", mt: 1, children: e._("{faqAnswer}", {
-          faqAnswer: i.answer
-        }) })
-      ] }, i.id))
-    ] }),
-    /* @__PURE__ */ n(r, { mt: 5, children: /* @__PURE__ */ a(o, { variant: "body2", children: [
-      e._("All loans are subject to credit approval. Your terms may vary. Flourish Capital loans are issued by Kanmon. California Loans are made pursuant to a Department of Financial Protection and Innovation California Lenders Law License. Read more about Kanmon"),
-      " ",
-      /* @__PURE__ */ n(s, { target: "_blank", rel: "noopener noreferrer", href: "https://kanmon.com", children: e._("here.") })
-    ] }) })
+  } = x(), {
+    formatCurrencyToDisplay: u
+  } = p();
+  return /* @__PURE__ */ m("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-2 ttw:list-none ttw:mt-4", children: [
+    /* @__PURE__ */ t(a, { label: e._("Subtotal"), value: l, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
+    Object.entries(o)?.length > 0 ? Object.entries(o).map(([n, w]) => /* @__PURE__ */ t(a, { label: e._("Total Tax ({taxRate}%)", {
+      taxRate: n
+    }), value: u(w, i || c || "USD", !0)?.toString(), className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }, n)) : /* @__PURE__ */ t(a, { label: e._("Taxes total"), value: r, className: "ttw:text-sm ttw:font-normal ttw:text-neutral" }),
+    /* @__PURE__ */ t(a, { label: e._("Total"), value: s, className: "ttw:text-base ttw:font-medium ttw:text-" })
   ] });
 };
 export {
-  h as FinanceFaqDetails
+  _ as InvoiceTotals
 };