@tesouro/embedded-components-react 0.2.1 → 0.2.6

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

@@ -1,74 +1,185 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { InvoicePreviewMonite as p } from "./index314.js";
-import { useAdaptiveScale as v } from "./index315.js";
-import { AspectRatio as h } from "./index316.js";
-import { cn as e } from "./index102.js";
-import { useRef as n } from "react";
-import { useGetMeasureUnits as y } from "./index187.js";
-const A = ({
-  address: i,
-  counterpart: o,
-  currency: s,
-  invoiceData: w,
-  entityData: m,
-  isNonVatSupported: l,
-  paymentTerms: c
-}) => {
-  const r = n(null), a = n(null), {
+import { jsx as e, jsxs as c, Fragment as Q } from "@emotion/react/jsx-runtime";
+import { useMemo as q, useEffect as J, useState as U, useId as W, useCallback as Y } from "react";
+import { useForm as X } from "react-hook-form";
+import { toast as Z } from "react-hot-toast";
+import { useMoniteContext as ee } from "./index59.js";
+import { MoniteScopedProviders as te } from "./index85.js";
+import { useCounterpartById as ie } from "./index72.js";
+import "@tanstack/react-query";
+import { useCounterpartContactList as oe } from "./index76.js";
+import { useMe as ne, useMyEntity as ae } from "./index80.js";
+import { useLingui as $ } from "@lingui/react";
+import { useGetReceivableById as se } from "./index84.js";
+import { CenteredContentBox as re } from "./index246.js";
+import { IconWrapper as de } from "./index247.js";
+import { zodResolver as me } from "@hookform/resolvers/zod";
+import ce from "@mui/icons-material/ArrowBack";
+import le from "@mui/icons-material/Close";
+import { Dialog as ue } from "./index52.js";
+import { DialogTitle as pe, Toolbar as fe, Grid as D, Stack as R, Button as j, Typography as ye, DialogContent as he, CircularProgress as ve } from "@mui/material";
+import { getEmailInvoiceDetailsSchema as be } from "./index185.js";
+import { Form as ge, FormContent as Ie } from "./index317.js";
+import { getDefaultContact as _e } from "./index318.js";
+import { useIssueReceivableById as Ce } from "./index319.js";
+import { useSendReceivableById as xe } from "./index320.js";
+import { PreviewEmail as Ee } from "./index321.js";
+const Ye = (t) => {
+  const {
+    i18n: n
+  } = $(), {
+    data: a,
+    isLoading: m
+  } = ne(), {
+    data: o,
+    isLoading: b
+  } = se(t.invoiceId), {
+    entityName: s,
+    isLoading: l
+  } = ae(), {
+    data: g,
+    isLoading: i
+  } = oe(o?.counterpart_id), {
     data: u
-  } = y(), d = v(r, a, {
-    containerPadding: 96,
-    minScale: 1,
-    initialDelay: 100,
-    useAdaptiveDimensions: !0
-    // Enable DPI-aware A4 dimensions
-  }), f = {
-    address: i,
-    counterpart: o,
-    currency: s,
-    invoiceData: w,
-    entityData: m,
-    isNonVatSupported: l,
-    paymentTerms: c,
-    measureUnits: u?.data || []
-  };
-  return /* @__PURE__ */ t("div", { ref: r, className: e(
-    // Container layout
-    "ttw:flex ttw:overflow-auto ttw:relative",
-    "ttw:w-full ttw:h-full ttw:min-h-0",
-    "ttw:p-12",
-    // 48px padding
-    "ttw:bg-gradient-to-br ttw:from-slate-50 ttw:to-slate-200",
-    // Force pixel-snapping for zoom stability
-    "ttw:[transform:translateZ(0)]"
-  ), style: {
-    justifyContent: "safe center",
-    alignItems: "safe center"
-  }, children: /* @__PURE__ */ t(h, { ratio: 21 / 29.7, className: e(
-    // Maximum width constraints for A4
-    "ttw:max-w-[21cm]",
-    // Minimum dimensions for proper scaling (A4: 794×1123px = 21cm × 29.7cm)
-    "ttw:min-w-[794px] ttw:min-h-[1123px]",
-    // Responsive scaling with our adaptive scale hook
-    "ttw:transition-transform ttw:duration-200 ttw:ease-in-out",
-    // Respect reduced motion preferences
-    "motion-reduce:ttw:transition-none",
-    "ttw:origin-center",
-    // Prevent unwanted shrinking and layout shifts
-    "ttw:shrink-0",
-    // CSS containment for layout stability
-    'ttw:[contain:"layout style"]'
-  ), style: {
-    // Dynamic transform must stay as inline style due to variable
-    transform: `scale(${d})`
-  }, children: /* @__PURE__ */ t("div", { ref: a, className: e(
-    // Full size within aspect ratio container
-    "ttw:w-full ttw:h-full",
-    "ttw:bg-white ttw:shrink-0",
-    "ttw:shadow-md",
-    "ttw:overflow-hidden"
-  ), children: /* @__PURE__ */ t(p, { ...f }) }) }) });
+  } = ie(o?.counterpart_id), r = _e(g, u), I = r?.email ?? "", p = r && a ? n._(`Hi {firstName},
+
+          Please find the invoice attached as discussed.
+
+          Kind Regards,
+          {senderName}`, {
+    firstName: r.first_name,
+    senderName: a.first_name
+  }) : n._(`Please find the invoice attached as discussed.
+
+          Kind Regards,
+          {senderName}`, {
+    senderName: a?.first_name ?? ""
+  }), _ = o && s ? o.document_id ? n._("Invoice {documentId} from {entityName}", {
+    documentId: o.document_id,
+    entityName: s
+  }) : n._("Invoice from {entityName}", {
+    entityName: s
+  }) : "";
+  return /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(Pe, { ...t, to: I, body: p, subject: _, isLoading: i || b || m || l, isIssued: o?.status !== "draft", isOpen: t.isOpen }) });
+}, d = {
+  Edit: "form",
+  Preview: "preview"
+}, Pe = ({
+  invoiceId: t,
+  subject: n,
+  body: a,
+  to: m,
+  isLoading: o,
+  isIssued: b,
+  onClose: s,
+  onSendEmail: l,
+  isOpen: g
+}) => {
+  const {
+    i18n: i
+  } = $(), {
+    api: u,
+    entityId: r
+  } = ee(), {
+    control: I,
+    handleSubmit: p,
+    getValues: _,
+    trigger: A,
+    reset: S
+  } = X({
+    resolver: me(be(i)),
+    defaultValues: q(() => ({
+      subject: n,
+      body: a,
+      to: m
+    }), [n, a, m])
+  }), {
+    subject: F,
+    body: T
+  } = _();
+  J(() => {
+    S({
+      subject: n,
+      body: a,
+      to: m
+    });
+  }, [a, S, n, m]);
+  const C = xe(t), x = Ce(t), E = u.finops.postPaymentLinks.useMutation({}), {
+    data: P
+  } = u.finops.getEntitiesIdPaymentMethods.useQuery({
+    path: {
+      entity_id: r
+    }
+  }), [f, k] = U(d.Edit), w = `Monite-Form-emailInvoiceDetails-${W()}`, O = Y((L) => {
+    L.preventDefault();
+    const G = E.mutateAsync, H = x.mutateAsync, K = C.mutate;
+    p(async (v) => {
+      const M = P ? P.data.filter(({
+        status: N,
+        direction: z
+      }) => N === "active" && z === "receive") : [];
+      M.length === 0 ? Z.error(i._("You haven't onboarded for any payment method. Invoice is issued without a payment link.")) : (await H(void 0), await G({
+        recipient: {
+          id: r,
+          type: "entity"
+        },
+        payment_methods: M.map((N) => N.type),
+        object: {
+          id: t,
+          type: "receivable"
+        }
+      }));
+      const V = {
+        body_text: v.body,
+        subject_text: v.subject,
+        recipients: v.to ? {
+          to: [v.to]
+        } : void 0
+      };
+      K(V, {
+        onSuccess: () => {
+          l?.(t), s();
+        }
+      });
+    })(L);
+  }, [E.mutateAsync, x.mutateAsync, p, i, t, r, s, l, P, C.mutate]), y = x.isPending || C.isPending || E.isPending, B = "Monite-EmailInvoiceDetails", h = f == d.Preview;
+  return /* @__PURE__ */ c(ue, { open: g, fullScreen: !0, onClose: s, children: [
+    /* @__PURE__ */ e(pe, { className: B + "-Title", children: /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ c(D, { container: !0, children: [
+      /* @__PURE__ */ e(D, { item: !0, xs: 6, children: /* @__PURE__ */ c(R, { direction: "row", alignItems: "center", spacing: 2, children: [
+        f == d.Edit && /* @__PURE__ */ c(Q, { children: [
+          /* @__PURE__ */ e(j, { variant: "text", color: "primary", onClick: s, startIcon: /* @__PURE__ */ e(ce, {}), disabled: y, "data-testid": "back-button", children: i._("Back") }),
+          /* @__PURE__ */ e(ye, { variant: "h3", children: i._("Compose email") })
+        ] }),
+        h && /* @__PURE__ */ e(de, { edge: "start", color: "inherit", onClick: () => {
+          k(d.Edit);
+        }, "aria-label": i._("Back to edit"), "data-testid": "close-preview-button", children: /* @__PURE__ */ e(le, {}) })
+      ] }) }),
+      /* @__PURE__ */ e(D, { item: !0, xs: 6, children: /* @__PURE__ */ c(R, { direction: "row", alignItems: "center", justifyContent: "end", spacing: 2, children: [
+        f == d.Edit && /* @__PURE__ */ e(j, { variant: "outlined", color: "primary", type: "button", form: w, disabled: y || o, onClick: async () => {
+          await A() && k(d.Preview);
+        }, "data-testid": "preview-button", children: i._("Preview email") }),
+        /* @__PURE__ */ e(j, { variant: "contained", color: "primary", type: "submit", form: w, disabled: y || o, "data-testid": "issue-and-send-button", children: b ? i._("Send") : i._("Issue and Send") })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ e(he, { className: B + "-Content", sx: {
+      mt: h ? 0 : 4,
+      p: h ? 0 : "0 32px 32px 32px",
+      height: "100%",
+      width: "100%",
+      display: "flex",
+      flexDirection: "column"
+    }, children: /* @__PURE__ */ c(ge, { formName: w, handleIssueAndSend: O, style: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      minHeight: 0,
+      width: "100%"
+    }, children: [
+      o ? /* @__PURE__ */ e(re, { className: "Monite-LoadingPage", children: /* @__PURE__ */ e(ve, {}) }) : f == d.Edit && /* @__PURE__ */ e(Ie, { invoiceId: t, control: I, isDisabled: y }),
+      h && /* @__PURE__ */ e(Ee, { invoiceId: t, body: T, subject: F })
+    ] }) })
+  ] });
 };
 export {
-  A as InvoicePreview
+  Ye as EmailInvoiceDetails,
+  Pe as EmailInvoiceDetailsBase
 };

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

@@ -1,238 +1,16 @@
-import { toMinorUnits as u } from "./index119.js";
-import { AllowedCountries as d } from "./index317.js";
-import { CurrencyEnumSchema as l } from "./index318.js";
-import { z as t } from "zod";
-const c = (e) => l, b = (e) => t.object({
-  account_holder_name: t.string().min(1, e._("Account holder name is required")),
-  account_number: t.string().min(1, e._("Account number is required")),
-  bank_name: t.string().optional(),
-  routing_number: t.string().min(1, e._("Routing number is required")),
-  display_name: t.string().max(200, e._("Display name must be 200 characters or less")).optional()
-}), p = (e) => t.object({
-  display_name: t.string().max(200, e._("Display name must be 200 characters or less")).optional().meta({
-    title: e._("Display Name")
-  }),
-  account_holder_name: t.string().optional().meta({
-    title: e._("Account Holder Name")
-  })
-}).loose(), v = (e, r) => r ? p(e) : b(e), j = (e) => t.object({
-  title: t.string().optional().meta({
-    title: e._("Title")
-  }),
-  name: t.string().optional().meta({
-    title: e._("Name")
-  }),
-  surname: t.string().optional().meta({
-    title: e._("Surname")
-  }),
-  email: t.email(e._("Invalid email format")).optional().meta({
-    title: e._("Email"),
-    description: e._("Email address for notifications and communication")
-  }),
-  tax_id: t.string().optional().meta({
-    title: e._("Tax ID"),
-    description: e._("Tax identification number")
-  }),
-  address_line_1: t.string().min(1, e._("Address line 1 is required")).meta({
-    title: e._("Address Line 1"),
-    description: e._("Primary address line")
-  }),
-  address_line_2: t.string().optional().meta({
-    title: e._("Address Line 2"),
-    description: e._("Secondary address line (optional)")
-  }),
-  city: t.string().min(1, e._("City is required")).meta({
-    title: e._("City")
-  }),
-  postal_code: t.string().min(1, e._("Postal code is required")).meta({
-    title: e._("Postal Code"),
-    description: e._("ZIP or postal code")
-  }),
-  state: t.string().optional().meta({
-    title: e._("State"),
-    description: e._("State or province (if applicable)")
-  }),
-  country: t.enum(d).optional().meta({
-    title: e._("Country")
-  }),
-  phone: t.string().optional().meta({
-    title: e._("Phone"),
-    description: e._("Contact phone number")
-  }),
-  website: t.url().optional().meta({
-    title: e._("Website"),
-    description: e._("Company or personal website URL")
-  })
-}), T = (e, r) => t.object({
-  amount: t.coerce.number({
-    error: e._("Amount is required")
-  }).meta({
-    title: e._("Amount")
-  }).min(0, e._("Can't be a negative number")).refine((i) => u(i) <= r, {
-    message: e._("Can't be more than the amount due")
-  }),
-  payment_date: t.date({
-    error: e._("Date is required")
-  }).meta({
-    title: e._("Date")
-  }),
-  payment_time: t.date({
-    error: e._("Time is required")
-  }).meta({
-    title: e._("Time")
-  })
-}), D = (e) => t.object({
-  to: t.email().min(1, e._("To is required")).meta({
-    title: e._("To")
-  }),
-  subject: t.string().min(1, e._("Subject is required")).meta({
-    title: e._("Subject")
-  }),
-  body: t.string().min(1, e._("Body is required")).meta({
-    title: e._("Body")
-  })
-}), f = (e, r) => {
-  const i = t.object({
-    id: t.string().optional(),
-    quantity: t.number().min(0.1, e._("Quantity is a required field")),
-    product_id: t.string().optional(),
-    product: t.object({
-      name: t.string().min(1, e._("Name is a required field")).max(100, e._("Product name must be 100 characters or less")),
-      description: t.string().optional(),
-      price: t.object({
-        currency: c(),
-        value: t.number()
-      }),
-      measure_unit_id: t.string().optional(),
-      type: t.enum(["product", "service"])
-    })
-  }), a = i.extend({
-    vat_rate_value: t.number().optional(),
-    vat_rate_id: t.string().optional(),
-    tax_rate_value: t.number({
-      message: e._("Tax is a required field")
-    }).min(0, e._("Tax rate must be 0 or greater")).max(100, e._("Tax rate must be 100 or less"))
-  }), n = i.extend({
-    tax_rate_value: t.number().min(0).max(100).optional(),
-    vat_rate_value: t.number({
-      error: e._("VAT is a required field")
-    }).min(0),
-    vat_rate_id: t.string({
-      error: e._("VAT is a required field")
-    }).min(1, e._("VAT is a required field"))
+import { useMoniteContext as t } from "./index59.js";
+const c = (e) => {
+  const {
+    api: r
+  } = t();
+  return r.finops.getRecurrencesId.useQuery({
+    path: {
+      recurrence_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
   });
-  return t.array(r ? a : n).min(1, e._("Please, add at least 1 item to proceed with this invoice"));
-}, s = (e, r) => t.object({
-  counterpart_id: t.string().min(1, e._("Customer is a required field")),
-  entity_vat_id_id: t.string().optional(),
-  fulfillment_date: t.date().nullable().optional(),
-  purchase_order: t.string().optional(),
-  terms_and_conditions: t.string().optional(),
-  default_billing_address_id: t.string().optional(),
-  default_shipping_address_id: t.string().optional(),
-  tax_exemption_rationale: t.string().optional(),
-  memo: t.string().optional(),
-  payment_terms_id: t.string().min(1, e._("Payment terms is a required field")),
-  footer: t.string().optional(),
-  line_items: f(e, r),
-  overdue_reminder_id: t.string().nullable().optional(),
-  payment_reminder_id: t.string().nullable().optional(),
-  tax_mode: t.enum(["exclusive", "inclusive"])
-}), S = (e, r, i, a) => s(e, r).extend({
-  type: t.string(),
-  bank_account_id: i ? t.string().min(1, e._("Choose how to get paid.")) : t.string().optional(),
-  bank_account_type: t.enum(["INTERNAL", "EXTERNAL", "BANK_DETAILS"]).optional(),
-  ...m(e, a).shape
-}).refine((n) => a && n.recurrence_issue_mode === "first_day" ? n.recurrence_start_date && n.recurrence_start_date >= /* @__PURE__ */ new Date() : !0, {
-  error: e._("The start date for the recurrence shouldn't be in the past"),
-  path: ["recurrence_issue_mode"]
-}), A = (e, r) => s(e, r).extend({
-  bank_account_id: t.string().optional()
-}), m = (e, r = !0) => t.object({
-  recurrence_start_date: r ? t.date().min(1, e._("Recurrence start date is a required field")) : t.string().optional(),
-  recurrence_end_date: r ? t.date().min(1, e._("Recurrence end date is a required field")) : t.string().optional(),
-  recurrence_issue_mode: r ? t.enum(["first_day", "last_day"]) : t.string().optional(),
-  recurrence_subject_text: t.string().optional(),
-  recurrence_body_text: t.string().optional()
-}), N = (e, r = !0) => m(e, r).refine((i) => i.recurrence_issue_mode === "first_day" ? i.recurrence_start_date && i.recurrence_start_date >= /* @__PURE__ */ new Date() : !0, {
-  error: e._("The start date for the recurrence shouldn't be in the past"),
-  path: ["recurrence_issue_mode"]
-}), C = (e) => t.object({
-  name: t.string().max(100, e._("Name must be 100 characters or less")).min(1, e._("Name is required")),
-  term_final: t.object({
-    number_of_days: t.coerce.number().min(1, e._("Number of days is required"))
-  }),
-  description: t.string().max(250, e._("Description must be 250 characters or less")).optional(),
-  term_1: t.object({
-    number_of_days: t.preprocess((r) => r === "" || r === void 0 ? null : r, t.coerce.number().int().positive()).nullable(),
-    discount: t.preprocess((r) => r === "" || r === void 0 ? null : r, t.coerce.number().min(0)).nullable()
-  }).transform((r) => r.number_of_days == null && r.discount == null ? null : r).nullable().optional(),
-  term_2: t.object({
-    number_of_days: t.preprocess((r) => r === "" || r === void 0 ? null : r, t.coerce.number().int().positive()).nullable(),
-    discount: t.preprocess((r) => r === "" || r === void 0 ? null : r, t.coerce.number().min(0)).nullable()
-  }).transform((r) => r.number_of_days == null && r.discount == null ? null : r).nullable().optional()
-}).refine((r) => r.term_1?.number_of_days && r.term_final.number_of_days ? r.term_1.number_of_days < r.term_final.number_of_days : !0, {
-  message: e._("The number of days in Discount must be less than of Due days"),
-  path: ["term_1", "number_of_days"]
-}).refine((r) => r.term_2?.number_of_days && r.term_final.number_of_days ? r.term_2.number_of_days < r.term_final.number_of_days : !0, {
-  message: e._("The number of days in Discount must be less than of Due days"),
-  path: ["term_2", "number_of_days"]
-}).refine((r) => r.term_2?.number_of_days && r.term_1?.number_of_days ? r.term_2.number_of_days > r.term_1.number_of_days : !0, {
-  message: e._("The number of days in Discount 2 must be more than the number of Discount 1 days"),
-  path: ["term_2", "number_of_days"]
-}).refine((r) => {
-  if (r.term_1) {
-    const i = r.term_1.number_of_days !== null, a = r.term_1.discount !== null;
-    return i === a;
-  }
-  return !0;
-}, {
-  message: e._("To add a discount you need to fill out all the fields"),
-  path: ["term_1", "number_of_days"]
-}).refine((r) => {
-  if (r.term_2) {
-    const i = r.term_2.number_of_days !== null, a = r.term_2.discount !== null;
-    return i === a;
-  }
-  return !0;
-}, {
-  message: e._("To add a discount you need to fill out all the fields"),
-  path: ["term_2", "number_of_days"]
-}), _ = () => t.object({
-  bcc: t.array(t.string()).optional(),
-  cc: t.array(t.string()).optional(),
-  to: t.array(t.string()).optional()
-}).optional(), o = (e) => t.object({
-  days_before: t.int().min(1, e._("Days before must be at least 1")).max(1e4, e._("Days before must be at most 10000")),
-  subject: t.string().min(1, e._("Subject is required")),
-  body: t.string().min(1, e._("Body is required"))
-}).optional(), y = (e) => t.object({
-  days_after: t.int().min(1, e._("Days after must be at least 1")).max(1e4, e._("Days after must be at most 10000")),
-  subject: t.string().min(1, e._("Subject is required")),
-  body: t.string().min(1, e._("Body is required"))
-}), P = (e) => t.object({
-  name: t.string().min(1, e._("Preset Name is required")).max(255, e._("Preset Name must be 255 characters or less")),
-  recipients: _(),
-  term_1_reminder: o(e),
-  term_2_reminder: o(e),
-  term_final_reminder: o(e)
-}), V = (e) => t.object({
-  name: t.string().min(1, e._("Preset Name is required")).max(255, e._("Preset Name must be 255 characters or less")),
-  recipients: _(),
-  terms: t.array(y(e)).min(1, e._("At least 1 reminder is required")).max(3, e._("No more than 3 reminders are allowed"))
-});
+};
 export {
-  P as getBeforeDueDateValidationSchema,
-  b as getCreateBankAccountSchema,
-  S as getCreateInvoiceValidationSchema,
-  N as getCreateRecurrenceValidationSchema,
-  c as getCurrencyEnum,
-  D as getEmailInvoiceDetailsSchema,
-  v as getEntityBankAccountValidationSchema,
-  j as getEntityProfileValidationSchema,
-  V as getOverdueValidationSchema,
-  C as getPaymentTermsValidationSchema,
-  p as getUpdateBankAccountSchema,
-  A as getUpdateInvoiceValidationSchema,
-  T as manualPaymentRecordValidationSchema
+  c as useGetRecurrenceById
 };