@tesouro/embedded-components-react 0.2.22 → 0.2.23

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

@@ -1,14 +1,103 @@
-import { useMoniteContext as s } from "./index59.js";
-const r = (e, t = !0) => {
+import { jsx as r, jsxs as x } from "@emotion/react/jsx-runtime";
+import { Button as h } from "./index86.js";
+import { PDFSettings as q } from "./index273.js";
+import { useForm as S, FormProvider as D } from "react-hook-form";
+import { useLingui as k } from "@lingui/react";
+import { useDiscardChangesContext as N } from "./index227.js";
+import { usePatchEntitySettings as w } from "./index274.js";
+import { safeZodResolver as F } from "./index275.js";
+import { useEffect as P } from "react";
+import { InvoiceNumbering as C } from "./index276.js";
+import { getInvoiceSettingsFormSchema as I } from "./index277.js";
+import { getBankDisplayValue as d, buildDocumentRendering as V } from "./index278.js";
+const Z = ({
+  entityId: _,
+  entitySettings: e,
+  nextNumbers: i,
+  isDialog: c
+}) => {
   const {
-    api: n
-  } = s();
-  return n.finops.getBankDetails.useQuery({
-    query: e
-  }, {
-    enabled: t
-  });
+    i18n: a
+  } = k(), {
+    handleShowModal: s
+  } = N(), {
+    mutate: m,
+    isPending: p
+  } = w(_), o = S({
+    resolver: F(I(a, i)),
+    defaultValues: {
+      credit_note: e?.document_ids?.document_type_prefix?.credit_note ?? "CN",
+      credit_note_number: i?.credit_note ?? 1,
+      delivery_note: e?.document_ids?.document_type_prefix?.delivery_note ?? "DN",
+      delivery_note_number: i?.delivery_note ?? 1,
+      invoice: e?.document_ids?.document_type_prefix?.invoice ?? "INV",
+      invoice_number: i?.invoice ?? 1,
+      purchase_order: e?.document_ids?.document_type_prefix?.purchase_order ?? "PO",
+      purchase_order_number: i?.purchase_order ?? 1,
+      quote: e?.document_ids?.document_type_prefix?.quote ?? "Q",
+      quote_number: i?.quote ?? 1,
+      include_date: e?.document_ids?.include_date ?? !1,
+      min_digits: e?.document_ids?.min_digits ?? 5,
+      prefix: e?.document_ids?.prefix ?? "",
+      separator: e?.document_ids?.separator ?? "-",
+      invoice_bank_display: d(e?.document_rendering?.invoice, !!(e?.document_rendering?.display_organization_bank_account ?? !1)),
+      credit_note_bank_display: d(e?.document_rendering?.credit_note, !!(e?.document_rendering?.display_organization_bank_account ?? !1)),
+      quote_bank_display: d(e?.document_rendering?.quote, !!(e?.document_rendering?.display_organization_bank_account ?? !1)),
+      update_paid_invoices: e?.generate_paid_invoice_pdf ?? !1,
+      quote_signature_display: e?.document_rendering?.quote?.display_signature ?? !1,
+      quote_electronic_signature: e?.quote_signature_required ?? !1
+    }
+  }), {
+    control: u,
+    handleSubmit: l,
+    formState: n,
+    reset: g
+  } = o, f = (t) => {
+    const {
+      dirtyFields: y
+    } = n, v = V(e?.document_rendering, t), b = y.invoice_number;
+    m({
+      path: {
+        entity_id: _
+      },
+      body: {
+        ...e,
+        document_ids: {
+          document_type_prefix: {
+            invoice: t.invoice,
+            credit_note: t.credit_note,
+            delivery_note: t.delivery_note,
+            purchase_order: t.purchase_order,
+            quote: t.quote
+          },
+          ...b && {
+            next_number: {
+              invoice: t.invoice_number
+            }
+          },
+          min_digits: t.min_digits,
+          separator: t.separator,
+          include_date: t.include_date,
+          prefix: t.prefix || null
+        },
+        document_rendering: v,
+        generate_paid_invoice_pdf: t.update_paid_invoices,
+        quote_signature_required: t.quote_electronic_signature === !0 || t.quote_electronic_signature === "true"
+      }
+    }, {
+      onSuccess: () => {
+        g(o.getValues());
+      }
+    });
+  };
+  return P(() => {
+    s(n?.isDirty);
+  }, [n?.isDirty, s]), /* @__PURE__ */ r(D, { ...o, children: /* @__PURE__ */ x("form", { className: "ttw:flex ttw:flex-col ttw:gap-6", onSubmit: l(f), children: [
+    /* @__PURE__ */ r(C, { control: u }),
+    /* @__PURE__ */ r(q, { control: u, isDialog: c }),
+    /* @__PURE__ */ r(h, { type: "submit", className: "ttw:w-fit", disabled: p || !n?.isDirty, children: a._("Save changes") })
+  ] }) });
 };
 export {
-  r as useGetEntityBankAccounts
+  Z as TemplateSettingsContent
 };

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

@@ -1,24 +1,20 @@
-import { useMoniteContext as o } from "./index59.js";
-const a = ({
-  counterpart_billing_address_id: e,
-  counterpart_country: r,
-  counterpart_id: t,
-  counterpart_type: n
+import { jsxs as t, jsx as n } from "@emotion/react/jsx-runtime";
+import { ConfirmationModal as s } from "./index272.js";
+import { Typography as i } from "./index87.js";
+import { useLingui as l } from "@lingui/react";
+const d = ({
+  open: a,
+  onClose: e,
+  onContinue: r
 }) => {
   const {
-    api: i
-  } = o();
-  return i.finops.getReceivablesRequiredFields.useQuery({
-    query: {
-      counterpart_billing_address_id: e,
-      counterpart_country: r,
-      counterpart_id: t,
-      counterpart_type: n
-    }
-  }, {
-    enabled: !!e && !!t
-  });
+    i18n: o
+  } = l();
+  return /* @__PURE__ */ t(s, { open: a, title: o._("You have unsaved changes"), confirmLabel: o._("Quit without saving"), cancelLabel: o._("Cancel"), onClose: e, onConfirm: r, children: [
+    /* @__PURE__ */ n(i, { variant: "body1", children: o._("Any unsaved changes will be lost.") }),
+    /* @__PURE__ */ n(i, { variant: "body1", children: o._("Are you sure you want to quit without saving?") })
+  ] });
 };
 export {
-  a as useGetInvoiceRequiredFields
+  d as DiscardChangesModal
 };

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

@@ -1,6 +1,16 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index124.js";
-const s = (o) => a(o), t = (o) => r(o);
+import { useMoniteContext as i } from "./index59.js";
+const o = (t, e = !0) => {
+  const {
+    api: n
+  } = i();
+  return n.finops.getEntitiesIdSettings.useQuery({
+    path: {
+      entity_id: t
+    }
+  }, {
+    enabled: e && !!t
+  });
+};
 export {
-  t as rateMajorToMinor,
-  s as rateMinorToMajor
+  o as useGetEntitySettings
 };

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

@@ -1,7 +1,16 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as r } from "./index244.js";
-import { LoadingSpinner as n } from "./index149.js";
-const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
+import { useMoniteContext as o } from "./index59.js";
+const s = (t, e = !0) => {
+  const {
+    api: n
+  } = o();
+  return n.finops.getDocumentsIdNextNumbers.useQuery({
+    path: {
+      entity_id: t
+    }
+  }, {
+    enabled: e && !!t
+  });
+};
 export {
-  m as LoadingPage
+  s as useGetEntityDocumentNumber
 };

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

@@ -1,10 +1,103 @@
-import { useMoniteContext as s } from "./index59.js";
-const n = () => {
-  const {
-    api: e
-  } = s();
-  return e.finops.getMeasureUnits.useQuery();
-};
+const e = (t) => ({
+  borderRadius: t.borderRadius ?? 6,
+  buttonBorderRadius: 8,
+  spacing: t.spacing ?? 8,
+  colors: {
+    primary: t.colors?.primary || "#4338CA",
+    primaryForeground: t.colors?.primaryForeground || "#E0E7FF",
+    secondary: t.colors?.secondary || "#F4F4F5",
+    neutral: t.colors?.neutral || "#71717A",
+    info: t.colors?.info || "#1447E6",
+    success: t.colors?.success || "#15803D",
+    warning: t.colors?.warning || "#B45309",
+    error: t.colors?.error || "#DC2626",
+    background: t.colors?.background || "#FFFFFF",
+    text: t.colors?.text || "#09090B",
+    rowBorder: t.colors?.rowBorder || "#E4E4E7"
+  },
+  typography: {
+    fontFamily: t?.typography?.fontFamily || '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
+    fontSize: t?.typography?.fontSize ?? 16,
+    h1: {
+      fontSize: t.typography?.h1?.fontSize ?? 48,
+      fontWeight: t.typography?.h1?.fontWeight ?? 600,
+      lineHeight: t.typography?.h1?.lineHeight ?? "68px",
+      textTransform: t.typography?.h1?.textTransform ?? "none"
+    },
+    h2: {
+      fontSize: t.typography?.h2?.fontSize ?? 34,
+      fontWeight: t.typography?.h2?.fontWeight ?? 640,
+      lineHeight: t.typography?.h2?.lineHeight ?? "40px",
+      textTransform: t.typography?.h2?.textTransform ?? "none"
+    },
+    h3: {
+      fontSize: t.typography?.h3?.fontSize ?? 24,
+      fontWeight: t.typography?.h3?.fontWeight ?? 600,
+      lineHeight: t.typography?.h3?.lineHeight ?? "32px",
+      textTransform: t.typography?.h3?.textTransform ?? "none"
+    },
+    subtitle1: {
+      fontSize: t.typography?.subtitle1?.fontSize ?? 20,
+      fontWeight: t.typography?.subtitle1?.fontWeight ?? 600,
+      lineHeight: t.typography?.subtitle1?.lineHeight ?? "24px",
+      textTransform: t.typography?.subtitle1?.textTransform ?? "none"
+    },
+    subtitle2: {
+      fontSize: t.typography?.subtitle2?.fontSize ?? 18,
+      fontWeight: t.typography?.subtitle2?.fontWeight ?? 600,
+      lineHeight: t.typography?.subtitle2?.lineHeight ?? "24px",
+      textTransform: t.typography?.subtitle2?.textTransform ?? "none"
+    },
+    body1: {
+      fontSize: t.typography?.body1?.fontSize ?? 16,
+      fontWeight: t.typography?.body1?.fontWeight ?? 500,
+      lineHeight: t.typography?.body1?.lineHeight ?? "24px"
+    },
+    body2: {
+      fontSize: t.typography?.body2?.fontSize ?? 14,
+      fontWeight: t.typography?.body2?.fontWeight ?? 400,
+      lineHeight: t.typography?.body2?.lineHeight ?? "20px"
+    }
+  },
+  components: {
+    invoiceStatusChip: {
+      icon: t.components?.invoiceStatusChip?.icon || !1,
+      size: t.components?.invoiceStatusChip?.size || "small",
+      variant: t.components?.invoiceStatusChip?.variant || "filled"
+    },
+    payableStatusChip: {
+      icon: t.components?.payableStatusChip?.icon !== void 0 ? t.components?.payableStatusChip?.icon : !1,
+      size: t.components?.payableStatusChip?.size || "small",
+      variant: t.components?.payableStatusChip?.variant || "filled",
+      colors: t.components?.payableStatusChip?.colors
+    },
+    approvalRequestStatusChip: {
+      icon: t.components?.approvalRequestStatusChip?.icon || !1,
+      size: t.components?.approvalRequestStatusChip?.size || "small",
+      variant: t.components?.approvalRequestStatusChip?.variant || "filled"
+    },
+    invoiceRecurrenceStatusChip: {
+      icon: t.components?.invoiceRecurrenceStatusChip?.icon || !1,
+      size: t.components?.invoiceRecurrenceStatusChip?.size || "small",
+      variant: t.components?.invoiceRecurrenceStatusChip?.variant || "filled"
+    },
+    invoiceRecurrenceIterationStatusChip: {
+      icon: t.components?.invoiceRecurrenceIterationStatusChip?.icon || !1,
+      size: t.components?.invoiceRecurrenceIterationStatusChip?.size || "small",
+      variant: t.components?.invoiceRecurrenceIterationStatusChip?.variant || "filled"
+    },
+    counterpartStatusChip: {
+      size: t.components?.counterpartStatusChip?.size || "small",
+      variant: t.components?.counterpartStatusChip?.variant || "filled"
+    },
+    approvalStatusChip: {
+      icon: t.components?.approvalStatusChip?.icon || !1,
+      size: t.components?.approvalStatusChip?.size || "small",
+      variant: t.components?.approvalStatusChip?.variant || "filled"
+    },
+    styles: t.components?.styles
+  }
+});
 export {
-  n as useGetMeasureUnits
+  e as getTheme
 };

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

@@ -1,49 +1,28 @@
-import { jsxs as e, jsx as t } from "@emotion/react/jsx-runtime";
-import { Typography as l } from "./index87.js";
-import { useLingui as m } from "@lingui/react";
-import { PaymentSection as c } from "./index308.js";
-import { useFormContext as p, Controller as w } from "react-hook-form";
-import { Field as f, FieldContent as h, FieldLabel as u, FieldError as g } from "./index171.js";
-import { Input as x } from "./index120.js";
-import { RecurrenceSection as b } from "./index309.js";
-import { RemindersSection as y } from "./index310.js";
-const j = ({
-  paymentTerms: n,
-  disabled: a,
-  isPaymentTermsLoading: d
-}) => {
-  const {
-    i18n: r
-  } = m(), {
-    control: s
-  } = p();
-  return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-      /* @__PURE__ */ t(l, { variant: "h4", children: r._("Billing details") }),
-      /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("What are the billing terms?") })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ t(b, {}),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full", children: [
-        /* @__PURE__ */ t(c, { paymentTerms: n, disabled: a, isLoading: d }),
-        /* @__PURE__ */ t(w, { name: "purchase_order", control: s, render: ({
-          field: i,
-          fieldState: {
-            error: o
-          }
-        }) => /* @__PURE__ */ t(f, { children: /* @__PURE__ */ e(h, { children: [
-          /* @__PURE__ */ e(u, { htmlFor: i.name, className: "ttw:text-nowrap", children: [
-            r._("PO Number"),
-            /* @__PURE__ */ t(l, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
-          ] }),
-          /* @__PURE__ */ t(x, { ...i, id: i.name, disabled: a, "aria-invalid": !!o }),
-          /* @__PURE__ */ t(g, { errors: o ? [o] : [] })
-        ] }) }) })
-      ] }),
-      /* @__PURE__ */ t(y, { disabled: a })
-    ] })
-  ] });
-};
+import a from "chroma-js";
+const r = (e, f) => ({
+  dark: a(e).darken(0.3).saturate(0.2).hex(),
+  main: e,
+  light: a.mix(e, "#ffffff", 0.94).hex(),
+  // Improved progression using mix/desaturate/darken approach
+  10: a(e).darken(2.2).saturate(0.5).hex(),
+  20: a(e).darken(1.8).saturate(0.3).hex(),
+  25: a(e).darken(1.4).saturate(0.2).hex(),
+  30: a(e).darken(1).saturate(0.1).hex(),
+  40: a(e).darken(0.5).hex(),
+  50: e,
+  55: a(e).brighten(0.3).desaturate(0.1).hex(),
+  60: a.mix(e, "#ffffff", 0.25).desaturate(0.1).hex(),
+  65: a.mix(e, "#ffffff", 0.4).desaturate(0.2).hex(),
+  75: a.mix(e, "#ffffff", 0.6).desaturate(0.3).hex(),
+  80: a.mix(e, "#ffffff", 0.7).desaturate(0.4).hex(),
+  85: a.mix(e, "#ffffff", 0.8).desaturate(0.5).hex(),
+  90: a.mix(e, "#ffffff", 0.85).desaturate(0.3).hex(),
+  95: a.mix(e, "#ffffff", 0.9).desaturate(0.4).hex(),
+  100: a.mix(e, "#ffffff", 0.95).desaturate(0.5).hex(),
+  foreground: {
+    main: f
+  }
+});
 export {
-  j as BillingSection
+  r as getPrimaryColors
 };