@tesouro/embedded-components-react 0.2.30 → 0.2.32

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

@@ -17,42 +17,42 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as re } from "../../shared/data-access/dist/lib/scopes.js";
 import { AccessRestriction as Ae } from "./index133.js";
-import { Accordion as Oe, AccordionItem as I, AccordionTrigger as C, AccordionContent as R } from "./index260.js";
-import { Badge as ne } from "./index261.js";
+import { Accordion as Oe, AccordionItem as I, AccordionTrigger as C, AccordionContent as R } from "./index256.js";
+import { Badge as ne } from "./index257.js";
 import { Button as D } from "./index86.js";
 import { DialogTitle as h } from "./index183.js";
 import { Sheet as Me, SheetContent as ze, SheetDescription as Be, SheetHeader as je, SheetTitle as Ee } from "./index134.js";
-import { TooltipProvider as Fe, Tooltip as ie, TooltipTrigger as ae, TooltipContent as oe } from "./index262.js";
+import { TooltipProvider as Fe, Tooltip as ie, TooltipTrigger as ae, TooltipContent as oe } from "./index258.js";
 import { Typography as a } from "./index87.js";
 import { cn as L } from "./index102.js";
 import { LoadingSpinner as le } from "./index135.js";
 import { NotFound as se } from "./index151.js";
 import { ChevronLeft as He, Eye as Ue, Repeat as ce, CircleAlert as Ve } from "lucide-react";
 import { toast as de } from "react-hot-toast";
-import { headerIconButtonClass as f, STATUS_ICON as qe, HEADER_TOOLTIP_DELAY as Ge, amountValueToneClass as Ye, ACTION_ICON as We } from "./index263.js";
-import { buildInvoiceDetailsView as Je } from "./index264.js";
-import { preventTooltipFocusOpen as me } from "./index265.js";
-import { useDuplicateInvoice as Xe } from "./index266.js";
-import { useGetPaymentRecords as Ke } from "./index267.js";
+import { headerIconButtonClass as f, STATUS_ICON as qe, HEADER_TOOLTIP_DELAY as Ge, amountValueToneClass as Ye, ACTION_ICON as We } from "./index259.js";
+import { buildInvoiceDetailsView as Je } from "./index260.js";
+import { preventTooltipFocusOpen as me } from "./index261.js";
+import { useDuplicateInvoice as Xe } from "./index262.js";
+import { useGetPaymentRecords as Ke } from "./index263.js";
 import { useGetRecurrenceById as Qe } from "./index176.js";
-import { useGetReceivablePDFById as Ze } from "./index268.js";
-import { useIssueReceivableById as et } from "./index269.js";
-import { usePauseRecurrence as tt } from "./index270.js";
-import { useResumeRecurrence as rt } from "./index271.js";
-import { InvoiceDetailsAmountCell as nt } from "./index272.js";
-import { InvoiceDetailsCloseButton as ue } from "./index273.js";
+import { useGetReceivablePDFById as Ze } from "./index264.js";
+import { useIssueReceivableById as et } from "./index265.js";
+import { usePauseRecurrence as tt } from "./index266.js";
+import { useResumeRecurrence as rt } from "./index267.js";
+import { InvoiceDetailsAmountCell as nt } from "./index268.js";
+import { InvoiceDetailsCloseButton as ue } from "./index269.js";
 import { EditInvoiceDetails as it } from "./index174.js";
 import { EmailInvoiceDetails as at } from "./index175.js";
-import { InvoiceDetailsInfoRow as pe } from "./index274.js";
-import { InvoiceCancelModal as ot } from "./index275.js";
-import { InvoiceDeleteModal as lt } from "./index276.js";
+import { InvoiceDetailsInfoRow as pe } from "./index270.js";
+import { InvoiceCancelModal as ot } from "./index271.js";
+import { InvoiceDeleteModal as lt } from "./index272.js";
 import { InvoiceDetailsTabScheduledInvoices as st } from "./index181.js";
 import { InvoiceRecurrenceStatusChip as ct } from "./index164.js";
 import { InvoiceStatusChip as dt } from "./index57.js";
-import { MarkAsUncollectibleModal as mt } from "./index277.js";
-import { InvoiceDetailsOverflowMenu as ut } from "./index278.js";
-import { RecordManualPaymentModal as pt } from "./index279.js";
-import { RecurrenceCancelModal as wt } from "./index280.js";
+import { MarkAsUncollectibleModal as mt } from "./index273.js";
+import { InvoiceDetailsOverflowMenu as ut } from "./index274.js";
+import { RecordManualPaymentModal as pt } from "./index275.js";
+import { RecurrenceCancelModal as wt } from "./index276.js";
 const vr = (c) => /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(ht, { ...c }) }), ht = ({
   invoiceId: c,
   open: we,

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

@@ -1,5 +1,5 @@
 import { jsx as a } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as l } from "./index285.js";
+import { ConfirmationModal as l } from "./index295.js";
 import { useLingui as r } from "@lingui/react";
 const m = ({
   open: o,

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

@@ -1,12 +1,12 @@
 import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { prepareBankAccountUpdatePayload as y, prepareBankAccountCreatePayload as v } from "./index331.js";
+import { prepareBankAccountUpdatePayload as y, prepareBankAccountCreatePayload as v } from "./index332.js";
 import "date-fns";
 import { getEntityBankAccountValidationSchema as F } from "./index188.js";
-import { safeZodResolver as g } from "./index332.js";
+import { safeZodResolver as g } from "./index333.js";
 import { useLingui as A } from "@lingui/react";
 import { useForm as w, Controller as l } from "react-hook-form";
 import { Field as d, FieldContent as m, FieldLabel as c, FieldError as s } from "./index155.js";
-import { Input as u } from "./index119.js";
+import { Input as u } from "./index124.js";
 import { Typography as x } from "./index87.js";
 const R = ({
   bankAccounts: h,

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

@@ -1,10 +1,10 @@
 import { jsx as l } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as s } from "./index285.js";
+import { ConfirmationModal as s } from "./index295.js";
 import { useLingui as d } from "@lingui/react";
 import "./index59.js";
 import "react-hot-toast";
 import { useGetProductById as u } from "./index220.js";
-import { useDeleteProduct as c } from "./index381.js";
+import { useDeleteProduct as c } from "./index359.js";
 const P = ({
   id: e,
   open: a,

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

@@ -1,5 +1,5 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
-import { Badge as n } from "./index261.js";
+import { Badge as n } from "./index257.js";
 import { useLingui as p } from "@lingui/react";
 import { twMerge as c } from "tailwind-merge";
 const d = ({

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

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
 import { Button as s } from "./index86.js";
 import { Sheet as a, SheetContent as i, SheetHeader as d, SheetTitle as h, SheetDescription as l, SheetFooter as m } from "./index134.js";
 import { useLingui as c } from "@lingui/react";
-import { ManageMeasureUnitsForm as p } from "./index379.js";
+import { ManageMeasureUnitsForm as p } from "./index357.js";
 const x = ({
   handleClose: r,
   open: o

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

@@ -1,4 +1,4 @@
-import { CurrencyEnumSchema as t } from "./index347.js";
+import { CurrencyEnumSchema as t } from "./index345.js";
 import { z as r } from "zod";
 const n = (e) => r.object({
   name: r.string().trim().min(1, e._("Product name is required")).max(100, e._("Product name must be 100 characters or less")).meta({

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

@@ -8,9 +8,9 @@ import "./index59.js";
 import "@mui/x-data-grid";
 import { FieldLabel as w, Field as f, FieldContent as x, FieldError as p } from "./index155.js";
 import { InputGroup as y, InputGroupAddon as N, InputGroupInput as T, InputGroupTextarea as E } from "./index103.js";
-import { Input as z } from "./index119.js";
-import { Label as C } from "./index346.js";
-import { RadioGroup as A, RadioGroupItem as _ } from "./index380.js";
+import { Input as z } from "./index124.js";
+import { Label as C } from "./index324.js";
+import { RadioGroup as A, RadioGroupItem as _ } from "./index358.js";
 import { Typography as d } from "./index87.js";
 import { Combobox as B, ComboboxInput as R, ComboboxContent as V, ComboboxList as j, ComboboxEmpty as D, ComboboxCollection as W, ComboboxItem as H } from "./index92.js";
 import { useFormContext as q, Controller as s } from "react-hook-form";

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

@@ -10,7 +10,7 @@ import { zodResolver as x } from "@hookform/resolvers/zod";
 import { Button as u } from "./index86.js";
 import { LoadingSpinner as S } from "./index135.js";
 import { useForm as _, FormProvider as C } from "react-hook-form";
-import { useUpdateProduct as F } from "./index382.js";
+import { useUpdateProduct as F } from "./index365.js";
 import { getProductValidationSchema as N } from "./index217.js";
 import { ProductFormContent as I } from "./index218.js";
 const A = ({

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

@@ -1,28 +1,9 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { createContext as i, useState as c, useCallback as d, useContext as h } from "react";
-import { MoniteScopedProviders as l } from "./index85.js";
-const n = i(null);
-function g() {
-  const e = h(n);
-  if (!e)
-    throw new Error('Could not find DiscardChangesContext. Make sure that you are using "DiscardChangesContext" component before calling this hook.');
-  return e;
-}
-const m = ({
-  children: e
-}) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(u, { children: e }) }), u = ({
-  children: e
-}) => {
-  const [r, t] = c(!1), s = d((a) => {
-    t(a);
-  }, []);
-  return /* @__PURE__ */ o(n.Provider, { value: {
-    handleShowModal: s,
-    shouldShowChangesModal: r
-  }, children: e });
-};
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index102.js";
+const c = ({
+  children: t,
+  className: e
+}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
 export {
-  n as DiscardChangesContext,
-  m as DiscardChangesContextProvider,
-  g as useDiscardChangesContext
+  c as CenteredContentBox
 };

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

@@ -1,98 +1,37 @@
-import { jsxs as r, jsx as e, Fragment as O } from "@emotion/react/jsx-runtime";
-import { useState as v } from "react";
-import { toast as I } from "react-hot-toast";
-import "./index59.js";
-import { useLingui as $ } from "@lingui/react";
-import "./index94.js";
-import { useFileInput as z, LOGO_SUPPORTED_FORMATS as C, LOGO_MAX_FILE_SIZE_IN_MB as M } from "./index63.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "@tanstack/react-query";
-import "date-fns";
-import { useMyEntity as P } from "./index80.js";
-import { SquarePen as T, Trash2 as k } from "lucide-react";
-import { Button as x } from "./index86.js";
-import { Typography as l } from "./index87.js";
-import { useUploadEntityLogo as B } from "./index450.js";
-import { useDeleteEntityLogo as U } from "./index451.js";
-import { DragAndDropBox as A } from "./index452.js";
-import { Skeleton as j } from "./index136.js";
-const st = () => {
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useState as g, useEffect as h } from "react";
+import { useMoniteContext as v } from "./index59.js";
+import x from "@mui/icons-material/ArrowBack";
+import c from "@mui/icons-material/Close";
+import E from "@mui/material/IconButton";
+import L from "@mui/material/Tooltip";
+const P = ({
+  icon: y,
+  fallbackIcon: B,
+  tooltip: t,
+  onClick: i = () => {
+  },
+  onHover: l,
+  onFocus: f,
+  onBlur: m,
+  ariaLabelOverride: s,
+  isDynamic: p = !1,
+  ref: u,
+  ...b
+}) => {
   const {
-    i18n: o
-  } = $(), {
-    data: i,
-    isLoading: m
-  } = P(), c = i?.id ?? "", {
-    FileInput: D,
-    openFileInput: d,
-    checkFileError: N,
-    resetInput: p
-  } = z({
-    acceptedFormats: C,
-    maxFileSizeInMB: M
-  }), [f, s] = v(!1), [g, n] = v(""), {
-    mutateAsync: _,
-    isSuccess: b,
-    isError: w,
-    isPending: u,
-    reset: E
-  } = B(), {
-    mutate: S,
-    isPending: F
-  } = U(c);
-  async function h(t) {
-    if (t) {
-      const a = N(t);
-      if (a) {
-        I.error(a);
-        return;
-      }
-      n(t.name), await _({
-        body: {
-          file: t
-        },
-        path: {
-          entity_id: c
-        }
-      }), p(), n("");
-    }
-  }
-  const L = u || w, y = !!i?.logo && !g && !L && !m;
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:pt-5 ttw:pb-2.5 ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-      /* @__PURE__ */ e(l, { variant: "h3", children: o._("Branding") }),
-      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: o._("Control how your invoices will appear to your customers by adding your company's logo. Changes apply to new invoices only.") })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", onDragEnter: (t) => {
-      t.preventDefault(), s(!0);
-    }, onDragLeave: (t) => {
-      t.preventDefault(), s(!1);
-    }, onDragOver: (t) => t.preventDefault(), onDrop: (t) => {
-      t.preventDefault(), s(!1);
-      const a = t.dataTransfer?.files ? t.dataTransfer?.files?.[0] : null;
-      h(a);
-    }, children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-        /* @__PURE__ */ e(l, { variant: "body1", className: "ttw:font-medium", children: o._("Upload your company logo") }),
-        /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:leading-5", color: "muted", children: o._("Proudly display your logo on all your invoices.") })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:items-end ttw:gap-2", children: [
-        m ? /* @__PURE__ */ e(j, { className: "ttw:w-full ttw:h-38 ttw:bg-zinc-200" }) : /* @__PURE__ */ e(O, { children: y ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:w-full ttw:h-38 ttw:box-border", children: /* @__PURE__ */ e("img", { src: i?.logo?.url, className: "ttw:w-auto ttw:max-w-full ttw:object-contain ttw:max-h-38", alt: o._("Organization logo") }) }) : /* @__PURE__ */ e(A, { isUploading: u, isSuccess: b, isError: w, isDraggingOver: f, fileName: g, resetUpload: () => {
-          p(), E(), n("");
-        }, onClick: d }) }),
-        !f && y && /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-4", children: [
-          /* @__PURE__ */ e(x, { variant: "ghost", size: "sm", onClick: d, "aria-label": o._("Edit logo"), children: /* @__PURE__ */ e(T, { className: "ttw:size-4 ttw:w-fit" }) }),
-          i?.logo && /* @__PURE__ */ e(x, { variant: "ghost", size: "sm", disabled: F, "aria-label": o._("Delete logo"), onClick: () => S(), children: /* @__PURE__ */ e(k, { className: "ttw:size-4" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(D, { onChange: (t) => {
-        const a = t.target.files ? t.target.files[0] : null;
-        h(a);
-      } })
-    ] })
-  ] });
+    componentSettings: k
+  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  h(() => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, [o.icon, o.fallbackIcon]);
+  const d = (r) => {
+    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
+  }, C = () => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
+  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
 };
 export {
-  st as LogoSection
+  P as IconWrapper
 };

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

@@ -1,103 +1,62 @@
-import { jsx as r, jsxs as x } from "@emotion/react/jsx-runtime";
-import { Button as h } from "./index86.js";
-import { PDFSettings as q } from "./index351.js";
-import { useForm as S, FormProvider as D } from "react-hook-form";
-import { useLingui as k } from "@lingui/react";
-import { useDiscardChangesContext as N } from "./index222.js";
-import { usePatchEntitySettings as w } from "./index352.js";
-import { safeZodResolver as F } from "./index332.js";
-import { useEffect as P } from "react";
-import { InvoiceNumbering as C } from "./index353.js";
-import { getInvoiceSettingsFormSchema as I } from "./index354.js";
-import { getBankDisplayValue as d, buildDocumentRendering as V } from "./index355.js";
-const Z = ({
-  entityId: _,
-  entitySettings: e,
-  nextNumbers: i,
-  isDialog: c
-}) => {
-  const {
-    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
+const e = {
+  getApiWidgetGatewayInit: {
+    schema: {
+      method: "get",
+      url: "/api/widget-gateway/init",
+      security: ["HTTPBearer"]
     }
-  }), {
-    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") })
-  ] }) });
+  },
+  postApiWidgetGatewayProxy: {
+    schema: {
+      method: "post",
+      url: "/api/widget-gateway/proxy",
+      mediaType: "application/json",
+      security: ["HTTPBearer"]
+    }
+  },
+  getApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "get",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  postApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "post",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  putApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "put",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  patchApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "patch",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  deleteApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "delete",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  postApiWidgetGatewayRevoke: {
+    schema: {
+      method: "post",
+      url: "/api/widget-gateway/revoke",
+      security: ["HTTPBearer"]
+    }
+  }
 };
 export {
-  Z as TemplateSettingsContent
+  e as apiService
 };