@tesouro/embedded-components-react 0.2.118 → 0.2.119

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

@@ -1,31 +1,65 @@
-import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { useDebounceCallback as c } from "./index65.js";
-import m from "@mui/icons-material/Search";
-import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
-const u = 500, x = ({
-  label: r,
-  value: o,
-  placeholder: l,
-  onChange: n
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { Fragment as m } from "react";
+import { useLingui as h } from "@lingui/react";
+import _ from "@mui/icons-material/MonetizationOnOutlined";
+import { useTheme as g, Box as i, Typography as n, lighten as f, List as x, ListItem as l } from "@mui/material";
+const F = ({
+  offers: p
 }) => {
-  const t = c((a) => n(a), u);
-  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
-    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
-    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
-      t(a.target.value || null);
-    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
-      "&::placeholder": {
-        opacity: 1,
-        color: "text.primary"
-      },
-      "& input::placeholder": {
-        opacity: 1,
-        color: "text.primary"
-      }
-    } })
+  const {
+    i18n: t
+  } = h(), d = g();
+  return !p || p.length === 0 ? null : /* @__PURE__ */ a(i, { width: "100%", children: [
+    /* @__PURE__ */ e(n, { variant: "subtitle1", sx: {
+      mb: 3,
+      display: "inline-block"
+    }, children: t._("Current offer") }),
+    /* @__PURE__ */ e(i, { sx: {
+      display: "flex",
+      gap: 2,
+      flexWrap: "wrap"
+    }, children: p.map((o, c) => o?.pricing_plans?.map((r, s) => /* @__PURE__ */ a(i, { width: 232, height: 148, px: 3, py: 2.5, sx: {
+      backgroundColor: d.palette.background.paper,
+      borderRadius: "16px",
+      border: `1px solid ${d.palette.divider}`
+    }, children: [
+      /* @__PURE__ */ a(i, { sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        mb: 2
+      }, children: [
+        /* @__PURE__ */ e(_, { sx: {
+          fontSize: 24,
+          color: f(d.palette.primary.main, 0.6)
+        } }),
+        /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 500, sx: {
+          flex: "1 1 0%",
+          width: "100%"
+        }, children: t._("Financing plan") })
+      ] }),
+      /* @__PURE__ */ e(x, { sx: {
+        p: 0
+      }, children: /* @__PURE__ */ a(m, { children: [
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemAdvance_rate_percentage}% advance rate", {
+          itemAdvance_rate_percentage: r.advance_rate_percentage / 100
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("Pay in {itemRepayment_duration_days} days", {
+          itemRepayment_duration_days: r.repayment_duration_days
+        }) }) }),
+        /* @__PURE__ */ e(l, { sx: {
+          p: 0
+        }, children: /* @__PURE__ */ e(n, { variant: "body1", fontWeight: 400, children: t._("{itemFee_percentage}% fee", {
+          itemFee_percentage: r.fee_percentage / 100
+        }) }) })
+      ] }, r.advance_rate_percentage) })
+    ] }, `${o.available_amount}-${c}-${o.total_amount}-${s}`))) })
   ] });
 };
 export {
-  u as DEBOUNCE_SEARCH_TIMEOUT,
-  x as SearchField
+  F as FinanceOffers
 };

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

@@ -1,80 +1,16 @@
-function i({
-  layout: r,
-  navigationPosition: e,
-  pageSizePosition: t,
-  hasPageSizeSelect: n
-}) {
-  if (!n)
-    return {
-      justifyContent: "center",
-      flexDirection: "row",
-      gap: void 0
-    };
-  if (r === "custom") {
-    if (e === "center" && t === "center")
-      return {
-        justifyContent: "center",
-        flexDirection: "row",
-        gap: 3
-      };
-    if (e === "left" && t === "left")
-      return {
-        justifyContent: "flex-start",
-        flexDirection: "row",
-        gap: 3
-      };
-    if (e === "right" && t === "right")
-      return {
-        justifyContent: "flex-end",
-        flexDirection: "row-reverse",
-        gap: 3
-      };
-    if (e === "left" && t === "right")
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row",
-        gap: void 0
-      };
-    if (e === "right" && t === "left")
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row-reverse",
-        gap: void 0
-      };
-    if (e === "center")
-      return {
-        justifyContent: "space-around",
-        flexDirection: t === "left" ? "row-reverse" : "row",
-        gap: void 0
-      };
-    if (t === "center")
-      return {
-        justifyContent: "space-around",
-        flexDirection: e === "left" ? "row" : "row-reverse",
-        gap: void 0
-      };
-  }
-  switch (r) {
-    case "reversed":
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row-reverse",
-        gap: void 0
-      };
-    case "centered":
-      return {
-        justifyContent: "center",
-        flexDirection: "row",
-        gap: 3
-      };
-    default:
-      return {
-        justifyContent: "space-between",
-        flexDirection: "row",
-        gap: void 0
-      };
-  }
-}
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { Box as f } from "@mui/material";
+import { FinanceLimits as e } from "./index336.js";
+import { FinanceOffers as i } from "./index338.js";
+const p = ({
+  offers: s
+}) => /* @__PURE__ */ r(f, { sx: {
+  display: "flex",
+  gap: 2
+}, children: [
+  /* @__PURE__ */ o(e, { offers: s }),
+  s?.[0]?.status === "CURRENT" && /* @__PURE__ */ o(i, { offers: s })
+] });
 export {
-  i as getLayoutStyles
+  p as FinanceWidget
 };

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

@@ -4,9 +4,9 @@ import { Button as b } from "./index84.js";
 import { Checkbox as y } from "./index354.js";
 import { Trash2 as I } from "lucide-react";
 import { ItemSelector as U } from "./index345.js";
-import { PriceField as R } from "./index438.js";
-import { QuantityField as N } from "./index439.js";
-import { MeasureUnitField as V } from "./index440.js";
+import { PriceField as R } from "./index432.js";
+import { QuantityField as N } from "./index433.js";
+import { MeasureUnitField as V } from "./index434.js";
 const k = ({
   index: t,
   control: l,

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

@@ -1,4 +1,4 @@
-import { useCreateInvoiceProductsTable as N } from "./index418.js";
+import { useCreateInvoiceProductsTable as N } from "./index424.js";
 import { sanitizeLineItems as W } from "./index347.js";
 import { useCurrencies as k } from "./index58.js";
 import { useRef as z, useState as J, useCallback as u, useEffect as x, useMemo as O } from "react";
@@ -9,7 +9,7 @@ import "react-dom";
 import "./index57.js";
 import "@mui/x-data-grid";
 import { useIsMounted as j } from "./index68.js";
-import { generateUniqueId as B } from "./index420.js";
+import { generateUniqueId as B } from "./index426.js";
 import { useFormContext as G, useFieldArray as H } from "react-hook-form";
 const oe = ({
   defaultCurrency: p,

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

@@ -1,5 +1,5 @@
 import { rateMinorToMajor as p, rateMajorToMinor as f } from "./index94.js";
-import { generateUniqueId as l } from "./index420.js";
+import { generateUniqueId as l } from "./index426.js";
 const c = (t, e) => {
   let r = t;
   for (const n of e) {

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

@@ -1,8 +1,8 @@
 import { jsxs as I, Fragment as n, jsx as g } from "@emotion/react/jsx-runtime";
 import { sanitizeLineItems as Q } from "./index347.js";
-import { getCountryName as v, getCounterpartPhone as M, getMeasureUnitName as E } from "./index433.js";
+import { getCountryName as v, getCounterpartPhone as M, getMeasureUnitName as E } from "./index428.js";
 import { calculateDueDate as K, getCounterpartName as _, isOrganizationCounterpart as q, isIndividualCounterpart as $ } from "./index7.js";
-import { INVOICE_DOCUMENT_AUTO_ID as gg } from "./index285.js";
+import { INVOICE_DOCUMENT_AUTO_ID as gg } from "./index246.js";
 import "react-hot-toast";
 import { useMoniteContext as Ig } from "./index57.js";
 import { useLingui as Cg } from "@lingui/react";
@@ -12,7 +12,7 @@ import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
 import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { useGetBankAccountById as Ag } from "./index405.js";
+import { useGetBankAccountById as Ag } from "./index418.js";
 import "date-fns";
 import { useEntitySettings as ig } from "./index81.js";
 import { useCurrencies as eg } from "./index58.js";
@@ -20,12 +20,12 @@ import { cn as e } from "./index100.js";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useCreateInvoiceProductsTable as lg } from "./index418.js";
+import { useCreateInvoiceProductsTable as lg } from "./index424.js";
 import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "react-hook-form";
-import { rateMinorToMajor as y } from "./index206.js";
+import { rateMinorToMajor as y } from "./index205.js";
 import { Global as cg } from "@emotion/react";
 function tg() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";

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

@@ -1,6 +1,6 @@
 import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
-import { useResizeObserver as x } from "./index435.js";
-import { useWindowResize as z } from "./index436.js";
+import { useResizeObserver as x } from "./index429.js";
+import { useWindowResize as z } from "./index430.js";
 import "./index57.js";
 import "@lingui/react";
 import "react-hot-toast";
@@ -9,7 +9,7 @@ import "@emotion/react/jsx-runtime";
 import "react-dom";
 import "@mui/x-data-grid";
 import { useIsMounted as O } from "./index68.js";
-import { useA4Dimensions as T } from "./index437.js";
+import { useA4Dimensions as T } from "./index431.js";
 const K = (e, c, D = {}) => {
   const {
     minWidth: b,

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

@@ -5,14 +5,14 @@ import { format as x } from "date-fns";
 import { Calendar as A } from "lucide-react";
 import { calculateDueDate as N } from "./index7.js";
 import { useLingui as L } from "@lingui/react";
-import { dedupePaymentTermsByContent as $ } from "./index428.js";
-import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index195.js";
+import { dedupePaymentTermsByContent as $ } from "./index435.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index194.js";
 import { cn as D } from "./index100.js";
-import { Skeleton as O } from "./index151.js";
-import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index269.js";
-import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index396.js";
-import { Calendar as G } from "./index429.js";
-import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index172.js";
+import { Skeleton as O } from "./index155.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index276.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index381.js";
+import { Calendar as G } from "./index436.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index176.js";
 const S = "MMM d, yyyy", ue = ({
   disabled: T,
   paymentTerms: f,

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

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as e, Fragment as p } from "@emotion/react/jsx-runtime";
 import { useLingui as U } from "@lingui/react";
 import { useFormContext as W, Controller as m } from "react-hook-form";
-import { Field as h, FieldContent as _ } from "./index172.js";
-import { Select as D, SelectTrigger as k, SelectValue as C, SelectContent as S, SelectItem as d, SelectSeparator as K } from "./index269.js";
+import { Field as h, FieldContent as _ } from "./index176.js";
+import { Select as D, SelectTrigger as k, SelectValue as C, SelectContent as S, SelectItem as d, SelectSeparator as K } from "./index276.js";
 import { Typography as w } from "./index85.js";
-import { DatePicker as j } from "./index430.js";
-import { Input as E } from "./index117.js";
-import { RECEIPT_DUE_PAYMENT_TERM as z, CUSTOM_DATE_PAYMENT_TERM as B } from "./index195.js";
+import { DatePicker as j } from "./index437.js";
+import { Input as E } from "./index118.js";
+import { RECEIPT_DUE_PAYMENT_TERM as z, CUSTOM_DATE_PAYMENT_TERM as B } from "./index194.js";
 const G = ["day", "week", "month"], $ = (t) => {
   (t.key === "." || t.key === ",") && t.preventDefault();
 }, J = (t) => {

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

@@ -4,9 +4,9 @@ import { Switch as g } from "./index392.js";
 import { useState as v } from "react";
 import { useFormContext as x } from "react-hook-form";
 import { Typography as l } from "./index85.js";
-import { ReminderBeforeDueDate as b } from "./index431.js";
-import { ReminderOverdue as E } from "./index432.js";
-import { RECEIPT_DUE_PAYMENT_TERM as N } from "./index195.js";
+import { ReminderBeforeDueDate as b } from "./index438.js";
+import { ReminderOverdue as E } from "./index439.js";
+import { RECEIPT_DUE_PAYMENT_TERM as N } from "./index194.js";
 const I = ({
   disabled: a
 }) => {

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

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as u, Fragment as $ } from "@emotion/react/jsx-runtime";
-import { InvoicesCounterpartCell as q } from "./index182.js";
-import { InvoiceRecurrenceStatusChip as B } from "./index183.js";
+import { InvoicesCounterpartCell as q } from "./index181.js";
+import { InvoiceRecurrenceStatusChip as B } from "./index182.js";
 import { InvoiceStatusChip as E } from "./index55.js";
-import { InvoicesFilterBar as U } from "./index184.js";
-import { InvoiceStatusCardsFilter as V } from "./index185.js";
-import { useInvoicesFilter as j } from "./index162.js";
-import { useGetReceivables as G } from "./index163.js";
+import { InvoicesFilterBar as U } from "./index183.js";
+import { InvoiceStatusCardsFilter as V } from "./index184.js";
+import { useInvoicesFilter as j } from "./index166.js";
+import { useGetReceivables as G } from "./index167.js";
 import { useMoniteContext as x } from "./index57.js";
 import { MoniteScopedProviders as Q } from "./index83.js";
 import { useCurrencies as W } from "./index58.js";
-import { ReceivableCursorFields as C } from "./index186.js";
-import { GetNoRowsOverlay as H } from "./index138.js";
-import { DueDateCell as J } from "./index187.js";
-import { DataTable as X } from "./index137.js";
-import { Skeleton as Y } from "./index151.js";
+import { ReceivableCursorFields as C } from "./index185.js";
+import { GetNoRowsOverlay as H } from "./index144.js";
+import { DueDateCell as J } from "./index186.js";
+import { DataTable as X } from "./index143.js";
+import { Skeleton as Y } from "./index155.js";
 import { useLingui as Z } from "@lingui/react";
 import tt from "@mui/icons-material/Sync";
 import { useState as d, useEffect as w } from "react";