@tesouro/embedded-components-react 0.2.68 → 0.2.70

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

@@ -1,36 +1,19 @@
-import { jsx as i, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as d } from "./index101.js";
-import * as o from "@radix-ui/react-tooltip";
-function s({
-  delayDuration: t = 0,
-  ...r
-}) {
-  return /* @__PURE__ */ i(o.Provider, { "data-slot": "tooltip-provider", delayDuration: t, ...r });
-}
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
-}
-function p({
-  ...t
-}) {
-  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
-}
-function f({
-  className: t,
-  sideOffset: r = 0,
-  children: a,
-  ...e
-}) {
-  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(o.Content, { "data-slot": "tooltip-content", sideOffset: r, className: d("ttw:bg-primary ttw:text-primary-foreground ttw:animate-in ttw:fade-in-0 ttw:zoom-in-95 ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:z-1300 ttw:w-fit ttw:origin-(--radix-tooltip-content-transform-origin) ttw:rounded-md ttw:px-3 ttw:py-1.5 ttw:text-xs ttw:text-balance", t), ...e, children: [
-    a,
-    /* @__PURE__ */ i(o.Arrow, { className: "ttw:bg-primary ttw:fill-primary ttw:z-1300 ttw:size-2.5 ttw:translate-y-[calc(-50%_-_2px)] ttw:rotate-45 ttw:rounded-[2px]" })
-  ] }) });
-}
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { Button as c } from "./index84.js";
+import { XIcon as m } from "lucide-react";
+import { forwardRef as f } from "react";
+const v = f(function({
+  label: r,
+  onClose: t,
+  variant: i = "ghost",
+  size: e = "icon",
+  onClick: n,
+  ...a
+}, s) {
+  return /* @__PURE__ */ o(c, { ref: s, variant: i, size: e, ...a, "aria-label": r, onClick: (l) => {
+    n?.(l), t();
+  }, children: /* @__PURE__ */ o(m, { className: "ttw:size-4" }) });
+});
 export {
-  m as Tooltip,
-  f as TooltipContent,
-  s as TooltipProvider,
-  p as TooltipTrigger
+  v as InvoiceDetailsCloseButton
 };

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

@@ -1,56 +1,252 @@
-import "@mui/icons-material/BlockOutlined";
-import "@mui/icons-material/Cancel";
-import "@mui/icons-material/CheckOutlined";
-import "@mui/icons-material/DangerousOutlined";
-import "@mui/icons-material/DeleteForever";
-import "@mui/icons-material/ErrorOutlineOutlined";
-import "@mui/icons-material/HourglassBottomOutlined";
-import "@mui/icons-material/InsertDriveFileOutlined";
-import "@mui/icons-material/PaidOutlined";
-import "@mui/icons-material/ReplayOutlined";
-import "@mui/icons-material/SendOutlined";
-import "@mui/icons-material/StarHalfOutlined";
-import { Check as r, Ban as t, Pause as a, ChevronsRight as o, Clock as e, PenTool as c, CalendarX2 as s, Play as d, CircleOff as i, Trash2 as n, CopyPlus as l, Mail as u, ClipboardCheck as m, Send as p, FileCheck as C, Pencil as T } from "lucide-react";
-const U = "INV-auto", k = {
-  edit: T,
-  // Issue = issue only (no email); the Mail/Send icon is reserved for the
-  // actions that actually email the customer.
-  issue: C,
-  issueAndSend: p,
-  recordPayment: m,
-  send: u,
-  clone: l,
-  cancel: t,
-  delete: n,
-  markUncollectible: i,
-  pauseRecurrence: a,
-  resumeRecurrence: d,
-  cancelRecurrence: s
-}, x = {
-  draft: c,
-  issuing: e,
-  issued: e,
-  partially_paid: e,
-  paid: r,
-  overdue: e,
-  canceled: t
-}, b = {
-  active: o,
-  paused: a,
-  canceled: t,
-  completed: r
-}, v = {
-  default: "ttw:text-foreground",
-  danger: "ttw:text-red-600",
-  success: "ttw:text-emerald-600",
-  muted: "ttw:text-muted-foreground"
-}, y = "ttw:bg-muted ttw:text-muted-foreground ttw:hover:bg-accent", D = 500;
+import { jsx as r, jsxs as s, Fragment as re } from "@emotion/react/jsx-runtime";
+import { ItemsSection as ie } from "./index173.js";
+import { getUpdateInvoiceValidationSchema as ne } from "./index175.js";
+import { RemindersSection as oe } from "./index327.js";
+import { INVOICE_DOCUMENT_AUTO_ID as de } from "./index237.js";
+import { useMeasureUnitsMapping as se } from "./index360.js";
+import { useUpdateReceivable as me } from "./index361.js";
+import { useUpdateReceivableLineItems as ue } from "./index362.js";
+import { useLineItemSubmitCleanup as _e } from "./index182.js";
+import { useCounterpartById as le } from "./index70.js";
+import "@tanstack/react-query";
+import "./index57.js";
+import { useCounterpartAddresses as ce } from "./index72.js";
+import { parseISO as pe } from "date-fns";
+import { useMyEntity as fe } from "./index78.js";
+import { useMemo as M, useState as I, useCallback as ye, useId as ve } from "react";
+import "react-hot-toast";
+import { useLingui as be } from "@lingui/react";
+import { rateMinorToMajor as N, rateMajorToMinor as xe } from "./index185.js";
+import { ConfirmationModal as ge } from "./index262.js";
+import { Dialog as he, DialogContent as we, DialogHeader as Ce, DialogTitle as De, DialogDescription as $e, DialogClose as Me } from "./index187.js";
+import { Button as S } from "./index84.js";
+import { zodResolver as Ie } from "@hookform/resolvers/zod";
+import { useForm as Ne, FormProvider as Se } from "react-hook-form";
+import { X as Te } from "lucide-react";
+import { InvoicePreview as ke } from "./index174.js";
+import { useGetPaymentTerms as Ee } from "./index363.js";
+import { useGetMeasureUnits as Pe } from "./index188.js";
+import { CreateProduct as Ue } from "./index44.js";
+import { buildPaymentTermsPayload as Le, CUSTOM_DATE_PAYMENT_TERM as Fe, RECEIPT_DUE_PAYMENT_TERM as Oe } from "./index176.js";
+import { NotesSection as Re } from "./index190.js";
+const Ve = (e) => {
+  if (e?.id)
+    return {
+      payment_terms_id: e.id,
+      payment_terms_custom_date: null
+    };
+  const m = e?.term_final?.end_date;
+  return m ? {
+    payment_terms_id: Fe,
+    payment_terms_custom_date: pe(m)
+  } : e?.term_final?.number_of_days === 0 ? {
+    payment_terms_id: Oe,
+    payment_terms_custom_date: null
+  } : {
+    payment_terms_id: "",
+    payment_terms_custom_date: null
+  };
+}, bt = (e) => /* @__PURE__ */ r(je, { ...e }), je = ({
+  invoice: e,
+  onCancel: m,
+  onUpdated: T,
+  isOpen: k
+}) => {
+  const {
+    i18n: n
+  } = be(), {
+    data: E,
+    isLoading: P
+  } = fe(), {
+    data: U
+  } = Ee(), {
+    data: f,
+    isLoading: L
+  } = Pe(), F = M(() => ({
+    /** Customer section */
+    counterpart_id: e.counterpart_id,
+    default_shipping_address_id: e.counterpart_shipping_address?.id ?? "",
+    default_billing_address_id: e.counterpart_billing_address?.id ?? "",
+    /** Entity section */
+    purchase_order: e.purchase_order ?? "",
+    footer: e.footer ?? "",
+    /** Items section */
+    tax_rate: (() => {
+      const t = e.line_items.find((a) => a.product.tax_rate?.value !== void 0);
+      return t ? String(N(t.product.tax_rate.value ?? 0)) : void 0;
+    })(),
+    line_items: e.line_items.map((t) => {
+      const a = t.product.measure_unit?.name, d = t.product.measure_unit?.id;
+      return {
+        quantity: t.quantity,
+        product_id: t.product.id,
+        taxable: t.tax_status === "taxable",
+        product: {
+          name: t.product.name,
+          price: e.tax_mode === "inclusive" ? t.product.price_after_tax : t.product.price,
+          // Get measure_unit_id directly from the API response if available
+          measure_unit_id: d && d !== "" ? d : void 0,
+          // Store the measure unit name separately for custom units
+          measure_unit_name: !d && a ? a : void 0,
+          type: t.product.type || "product"
+        },
+        // For custom measure units that don't have an ID but have a name
+        measure_unit: !d && a ? {
+          name: a,
+          id: null
+        } : void 0,
+        tax_rate_value: t.product.tax_rate.value !== void 0 ? N(t.product.tax_rate.value) : void 0
+      };
+    }),
+    memo: e.memo ?? "",
+    /** Payment section */
+    bank_account_id: e.bank_account_id ?? "",
+    ...Ve(e.payment_terms),
+    /** Reminders section */
+    payment_reminder_id: e.payment_reminder_id ?? "",
+    overdue_reminder_id: e.overdue_reminder_id ?? "",
+    tax_mode: e.tax_mode ?? "exclusive"
+  }), [e]), y = Ne({
+    resolver: Ie(ne(n)),
+    defaultValues: F
+  }), c = e.currency, {
+    handleSubmit: O,
+    formState: {
+      isDirty: v
+    },
+    getValues: R,
+    reset: V,
+    watch: o
+  } = y, {
+    registerLineItemCleanupFn: j,
+    runLineItemCleanup: q
+  } = _e();
+  se(f, R, V);
+  const [A, b] = I(!1), [x, p] = I(!1), B = ye(() => {
+    if (!v) {
+      m();
+      return;
+    }
+    b(!0);
+  }, [v, m]), g = ue(e.id), h = me(e.id), Y = o("line_items"), z = o("payment_terms_id"), G = o("memo"), H = o("footer"), X = o("purchase_order"), J = o("bank_account_id"), K = o("tax_mode"), Q = o("tax_rate"), w = o("counterpart_id"), C = o("default_billing_address_id"), {
+    data: W
+  } = le(w), {
+    data: D
+  } = ce(w), Z = M(() => D?.data?.find((t) => t.id === C), [C, D?.data]), _ = g.isPending || h.isPending || P || L, $ = `Monite-Form-receivablesDetailsForm-${ve()}`;
+  return /* @__PURE__ */ s(re, { children: [
+    /* @__PURE__ */ r(he, { open: k, modal: !1, children: /* @__PURE__ */ s(we, { fullScreen: !0, showCloseButton: !1, className: "ttw:flex", onInteractOutside: (t) => t.preventDefault(), children: [
+      /* @__PURE__ */ s("div", { className: "ttw:flex-1/2 ttw:overflow-y-auto ttw:pr-14", children: [
+        /* @__PURE__ */ s(Ce, { className: "ttw:flex-row ttw:justify-between ttw:bg-white ttw:pb-4 ttw:sticky ttw:top-0 ttw:z-9999", children: [
+          /* @__PURE__ */ r(De, { className: "ttw:sr-only", children: n._("Edit invoice") }),
+          /* @__PURE__ */ r($e, { className: "ttw:sr-only", children: n._("Edit invoice") }),
+          /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ r(S, { variant: "ghost", onClick: B, disabled: _, "aria-label": n._("Close"), children: /* @__PURE__ */ r(Te, {}) }) }),
+          /* @__PURE__ */ r(S, { type: "submit", form: $, disabled: _, children: n._("Update") })
+        ] }),
+        /* @__PURE__ */ r(Se, { ...y, children: /* @__PURE__ */ r("form", { id: $, noValidate: !0, onSubmit: async (t) => {
+          t.preventDefault(), q(), await O((a) => {
+            const d = {
+              data: a.line_items.filter((i) => !!i.product?.name?.trim()).map((i) => {
+                const u = i;
+                let l;
+                if (u.product.measure_unit_id) {
+                  const te = u.product.measure_unit_id;
+                  l = f?.data?.find((ae) => ae.id === te)?.name;
+                } else (u.product.measure_unit_name || u.measure_unit?.name) && (l = u.product.measure_unit_name || u.measure_unit?.name);
+                return {
+                  quantity: i.quantity,
+                  tax_status: i.taxable ? "taxable" : "non_taxable",
+                  product: {
+                    name: i.product.name,
+                    type: i.product.type,
+                    measure_unit: l ? {
+                      name: l
+                    } : void 0,
+                    price: i.product.price ? {
+                      currency: i.product.price.currency ?? "USD",
+                      value: Math.round(i.product.price.value ?? 0)
+                    } : void 0
+                  },
+                  tax_rate_value: i.taxable && a.tax_rate !== void 0 ? xe(Number(a.tax_rate)) : void 0
+                };
+              })
+            }, ee = {
+              invoice: {
+                /** Customer section */
+                counterpart_id: a.counterpart_id,
+                currency: c,
+                memo: a.memo,
+                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
+                counterpart_shipping_address_id: a?.default_shipping_address_id || null,
+                counterpart_billing_address_id: a?.default_billing_address_id,
+                /** We shouldn't send an empty string to the server if the value is not set */
+                bank_account_id: e.bank_account_id,
+                bank_account_type: e.bank_account_type,
+                /**
+                 * Payment terms aren't editable here — rebuild the
+                 * request payload from the seeded form values (a saved
+                 * `payment_terms_id`, or an inline `payment_terms`
+                 * object for "Custom date" / "Due on receipt") so the
+                 * backend keeps the same due date. Reusing the shared
+                 * builder guarantees a request-shaped
+                 * `InlinePaymentTermsRequestPayload` rather than the
+                 * response object, which carries id/name/description
+                 * that the request type rejects.
+                 */
+                ...Le({
+                  paymentTermId: a.payment_terms_id,
+                  customDueDate: a.payment_terms_custom_date
+                }),
+                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
+                payment_reminder_id: a.payment_reminder_id || null,
+                // @ts-expect-error - we need to send `null`, but the backend doesn't provide a correct type
+                overdue_reminder_id: a.overdue_reminder_id || null
+                /** !!! Note !!! Backend is not supported to edit `purchase_order` so we have to remove it */
+                // purchase_order: values.purchase_order || undefined,
+              }
+            };
+            g.mutate(d, {
+              onSuccess: () => {
+                h.mutate(ee, {
+                  onSuccess: (i) => {
+                    T(i);
+                  }
+                });
+              }
+            });
+          })(t);
+        }, className: "ttw:mb-14", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
+          /* @__PURE__ */ s("h1", { className: "ttw:text-2xl ttw:font-bold", children: [
+            n._("Invoice"),
+            " ",
+            /* @__PURE__ */ s("span", { className: "ttw:text-gray-500", children: [
+              "#",
+              e.document_id ?? de
+            ] })
+          ] }),
+          /* @__PURE__ */ r(ie, { defaultCurrency: c, registerLineItemCleanupFn: j, handleOpenCreateProductDialog: () => p(!0) }),
+          /* @__PURE__ */ r(Re, { disabled: _ }),
+          /* @__PURE__ */ r(oe, { disabled: _ })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "ttw:flex-1/2 ttw:w-1/2", children: /* @__PURE__ */ r(ke, { invoiceData: {
+        payment_terms_id: z,
+        line_items: (Y || []).map((t) => ({
+          ...t,
+          id: t.id || `temp-${Math.random().toString(36).substr(2, 9)}`
+        })),
+        memo: G,
+        footer: H,
+        bank_account_id: J,
+        bank_account_type: e.bank_account_type,
+        tax_mode: K,
+        purchase_order: X || void 0,
+        tax_rate: Q
+      }, counterpart: W, currency: c, entityData: E, address: Z, paymentTerms: U }) })
+    ] }) }),
+    x && /* @__PURE__ */ r(Ue, { open: x, onClose: () => p(!1), onCreated: () => p(!1) }),
+    /* @__PURE__ */ r(ge, { open: A, title: n._("Cancel without saving?"), message: n._("There are unsaved changes. If you leave, they will be lost."), confirmLabel: n._("Yes"), cancelLabel: n._("No"), onClose: () => b(!1), onConfirm: m })
+  ] });
+};
 export {
-  k as ACTION_ICON,
-  D as HEADER_TOOLTIP_DELAY,
-  U as INVOICE_DOCUMENT_AUTO_ID,
-  b as RECURRENCE_STATUS_ICON,
-  x as STATUS_ICON,
-  v as amountValueToneClass,
-  y as headerIconButtonClass
+  bt as EditInvoiceDetails
 };