@tesouro/embedded-components-react 0.2.97 → 0.2.106

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

@@ -1,6 +1,6 @@
 import * as n from "react";
-import { tv as w } from "tailwind-variants";
-const s = w({
+import { cva as w } from "class-variance-authority";
+const s = w(void 0, {
   variants: {
     variant: {
       h1: "ttw:scroll-m-20 ttw:text-4xl ttw:font-extrabold ttw:tracking-tight",
@@ -43,7 +43,7 @@ function h({
   children: r,
   ...l
 }) {
-  const i = e || c[t];
+  const i = e || c[t ?? "body1"];
   return n.createElement(i, {
     className: s({
       variant: t,

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

@@ -6,7 +6,7 @@ import R from "@mui/icons-material/ChevronLeft";
 import D from "@mui/icons-material/ChevronRight";
 import { Grid as h, Select as I, Box as u, IconButton as d, Typography as j, MenuItem as B } from "@mui/material";
 import { styled as z, useThemeProps as O } from "@mui/material/styles";
-import { getLayoutStyles as k } from "./index330.js";
+import { getLayoutStyles as k } from "./index329.js";
 const c = "MoniteTablePagination", E = 10, V = ({
   onPaginationModelChange: o,
   paginationModel: i,

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

@@ -1,12 +1,12 @@
 import { jsxs as r, jsx as i } from "@emotion/react/jsx-runtime";
-import { useFinancing as m } from "./index281.js";
+import { useFinancing as m } from "./index288.js";
 import "./index57.js";
 import "react-hot-toast";
 import { useLingui as h } from "@lingui/react";
 import { useKanmonContext as u } from "./index56.js";
 import g from "@mui/icons-material/Money";
 import { useTheme as x, Stack as o, Box as t, lighten as f, Typography as a, Button as l } from "@mui/material";
-import { FinanceFaqWrapper as y } from "./index279.js";
+import { FinanceFaqWrapper as y } from "./index286.js";
 const w = () => {
   const {
     i18n: e

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

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
-import { FinanceBannerWrapper as d } from "./index278.js";
-import { FinanceOverviewCard as T } from "./index288.js";
-import { useFinancing as L } from "./index281.js";
-import { useGetFinanceOffers as O } from "./index289.js";
+import { FinanceBannerWrapper as d } from "./index285.js";
+import { FinanceOverviewCard as T } from "./index295.js";
+import { useFinancing as L } from "./index288.js";
+import { useGetFinanceOffers as O } from "./index296.js";
 import "react-hot-toast";
 import "./index57.js";
 import { useLingui as S } from "@lingui/react";
-import { useFinanceAnInvoice as C } from "./index290.js";
-import { useGetFinancedInvoices as E } from "./index284.js";
+import { useFinanceAnInvoice as C } from "./index297.js";
+import { useGetFinancedInvoices as E } from "./index291.js";
 import { useKanmonContext as D } from "./index56.js";
 import { Box as r, Typography as a, Tooltip as W, Button as j } from "@mui/material";
 import { useState as k } from "react";

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

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as f } from "@emotion/react/jsx-runtime";
-import { useFinancing as t } from "./index281.js";
-import { useGetFinanceOffers as a } from "./index289.js";
+import { useFinancing as t } from "./index288.js";
+import { useGetFinanceOffers as a } from "./index296.js";
 import "react-hot-toast";
 import "./index57.js";
 import "@lingui/react";
 import { CircularProgress as m, Stack as c } from "@mui/material";
-import { FinancedInvoicesTable as p } from "./index283.js";
-import { FinanceWidget as l } from "./index294.js";
+import { FinancedInvoicesTable as p } from "./index290.js";
+import { FinanceWidget as l } from "./index301.js";
 const j = ({
   onRowClick: i
 }) => {

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

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as _ } from "@emotion/react/jsx-runtime";
-import { ApprovalPoliciesRules as N } from "./index313.js";
-import { User as q } from "./index314.js";
-import { ApprovalStatusChip as I } from "./index315.js";
-import { extractApprovalCallsForTable as O } from "./index316.js";
+import { ApprovalPoliciesRules as N } from "./index273.js";
+import { User as q } from "./index274.js";
+import { ApprovalStatusChip as I } from "./index275.js";
+import { extractApprovalCallsForTable as O } from "./index276.js";
 import { useMoniteContext as Y } from "./index57.js";
 import { MoniteScopedProviders as j } from "./index83.js";
-import { useUserPermissions as z } from "./index148.js";
+import { useUserPermissions as z } from "./index135.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -13,20 +13,20 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as H } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as p, useMemo as K } from "react";
-import { GetNoRowsOverlay as M } from "./index164.js";
-import { AccessRestriction as B } from "./index158.js";
+import { GetNoRowsOverlay as M } from "./index162.js";
+import { AccessRestriction as B } from "./index136.js";
 import "./index84.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "lucide-react";
 import { useLingui as U } from "@lingui/react";
-import { DataTable as G } from "./index165.js";
-import { hasSelectedText as Q } from "./index166.js";
+import { DataTable as G } from "./index163.js";
+import { hasSelectedText as Q } from "./index164.js";
 import { formatISO as g, addDays as J } from "date-fns";
-import { FILTER_TYPE_CREATED_AT as n, FILTER_TYPE_CREATED_BY as V, FILTER_TYPE_SEARCH as v } from "./index317.js";
-import { ApprovalPoliciesTriggers as W } from "./index318.js";
-import { Filters as X } from "./index319.js";
+import { FILTER_TYPE_CREATED_AT as n, FILTER_TYPE_CREATED_BY as V, FILTER_TYPE_SEARCH as v } from "./index277.js";
+import { ApprovalPoliciesTriggers as W } from "./index278.js";
+import { Filters as X } from "./index279.js";
 const Fe = (s) => /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { ...s }) }), Z = ({
   onChangeFilter: s,
   onRowClick: u,

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

@@ -1,4 +1,4 @@
-import { fromMinorUnits as _, toMinorUnits as D } from "./index119.js";
+import { fromMinorUnits as _, toMinorUnits as D } from "./index118.js";
 const t = (n) => ({
   AED: n._("United Arab Emirates Dirham"),
   AFN: n._("Afghan Afghani"),

package/dist/libs/tesouro-embedded-components-react/profile-widget/feature/dist/index2.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as E } from "react/jsx-runtime";
-import { useEffect as P, useState as h, useCallback as T } from "react";
-import { useProfileQuery as _ } from "../../data-access/dist/index2.js";
+import { jsx as y } from "react/jsx-runtime";
+import { useEffect as h, useState as T, useCallback as _ } from "react";
+import { useProfileQuery as B } from "../../data-access/dist/index2.js";
 import { ProfileCard as C } from "../../ui/dist/index2.js";
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
@@ -14,132 +14,133 @@ import "lucide-react";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as B } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { formatPhoneDisplay as v } from "../../../shared/util/dist/index5.js";
+import { WidgetProvider as j } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { formatPhoneDisplay as k } from "../../../shared/util/dist/index5.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as j } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as U, ProfileWidgetAnalyticsEvent as F } from "./index4.js";
-import { DEFAULT_FEATURE_LABELS as w } from "./index3.js";
+import { useAnalyticsTrack as U } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { WIDGET_NAME as F, ProfileWidgetAnalyticsEvent as w } from "./index4.js";
+import { DEFAULT_FEATURE_LABELS as D } from "./index3.js";
 const n = {
   Personal: "personal",
   Business: "business"
 }, I = "https://d9qpikyk3ti89.cloudfront.net/misc/gradients/profile-gradient.png", W = "https://d9qpikyk3ti89.cloudfront.net/misc/gradients/business-gradient.png";
-function o(e, a) {
-  return e?.trim() ? e : a;
+function o(e, i) {
+  return e?.trim() ? e : i;
 }
-function z(e) {
-  return [e?.first_name, e?.last_name].filter((a) => !!a?.trim()).join(" ");
+function $(e) {
+  return [e?.first_name, e?.last_name].filter((i) => !!i?.trim()).join(" ");
 }
-function D(e) {
+function z(e) {
   if (!e)
     return "";
-  const a = [e.line1, e.line2].filter((r) => !!r?.trim()).join(" "), i = [e.state, e.postal_code].filter((r) => !!r?.trim()).join(" ");
-  return [a, e.city, i].filter((r) => !!r?.trim()).join(", ");
+  const i = [e.line1, e.line2].filter((r) => !!r?.trim()).join(" "), a = [e.state, e.postal_code].filter((r) => !!r?.trim()).join(" ");
+  return [i, e.city, a].filter((r) => !!r?.trim()).join(", ");
 }
 function M(e) {
-  return e ? e.type === "organization" ? e.organization.legal_name : [e.individual.first_name, e.individual.last_name].filter((a) => !!a?.trim()).join(" ") : "";
+  return e ? e.type === "organization" ? e.organization.legal_name : [e.individual.first_name, e.individual.last_name].filter((i) => !!i?.trim()).join(" ") : "";
 }
-function Q(e) {
-  return e.split(" ").filter(Boolean).map((a) => a.charAt(0).toUpperCase()).slice(0, 2).join("");
+function A(e) {
+  return e.split(" ").filter(Boolean).map((i) => i.charAt(0).toUpperCase()).slice(0, 2).join("");
 }
-function $({
+function Q({
   labels: e,
-  featureLabels: a
+  featureLabels: i
 }) {
-  const i = {
-    ...w,
-    ...a
-  }, r = j();
-  P(() => {
-    r(F.Mounted);
+  const a = {
+    ...D,
+    ...i
+  }, r = U();
+  h(() => {
+    r(w.Mounted);
   }, [r]);
-  const [m, d] = h(
+  const [m, b] = T(
     n.Personal
-  ), f = T((y) => {
-    (y === n.Personal || y === n.Business) && d(y);
-  }, []), { userQuery: l, entityQuery: s } = _(), b = l.isLoading || s.isLoading, c = l.isError || s.isError, g = l.data, p = s.data, u = m === n.Personal, L = z(g), t = i.emptyValue, k = o(M(p), t), A = u ? [
-    { label: i.nameLabel, value: o(L, t) },
+  ), c = _((L) => {
+    (L === n.Personal || L === n.Business) && b(L);
+  }, []), { userQuery: l, entityQuery: s } = B(), g = l.isLoading || s.isLoading, v = l.isError || s.isError, p = l.data, u = s.data, d = m === n.Personal, f = $(p), t = a.emptyValue, E = o(M(u), t), P = d ? [
+    { label: a.nameLabel, value: o(f, t) },
     {
-      label: i.phoneLabel,
-      value: v(g?.phone, t)
+      label: a.phoneLabel,
+      value: k(p?.phone, t)
     },
     {
-      label: i.emailLabel,
-      value: o(g?.email, t)
+      label: a.emailLabel,
+      value: o(p?.email, t)
     }
   ] : [
     {
-      label: i.legalNameLabel,
-      value: k
+      label: a.legalNameLabel,
+      value: E
     },
     {
-      label: i.companyAddressLabel,
-      value: o(D(p?.address), t)
+      label: a.companyAddressLabel,
+      value: o(z(u?.address), t)
     },
     {
-      label: i.companyPhoneLabel,
-      value: v(p?.phone, t)
+      label: a.companyPhoneLabel,
+      value: k(u?.phone, t)
     },
     {
-      label: i.companyEmailLabel,
-      value: o(p?.email, t)
+      label: a.companyEmailLabel,
+      value: o(u?.email, t)
     }
   ];
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ y(
     C,
     {
       labels: e,
       tabs: [
-        { id: n.Personal, label: i.personalTab },
-        { id: n.Business, label: i.businessTab }
+        { id: n.Personal, label: a.personalTab },
+        { id: n.Business, label: a.businessTab }
       ],
       activeTabId: m,
-      onTabChange: f,
-      banner: u ? {
+      onTabChange: c,
+      banner: d ? {
         imageUrl: I,
-        imageAlt: i.personalBannerAlt
+        imageAlt: a.personalBannerAlt
       } : {
         imageUrl: W,
-        imageAlt: i.businessBannerAlt
+        imageAlt: a.businessBannerAlt
       },
-      avatarMode: u ? "label" : "icon",
-      avatarLabel: Q(L),
-      title: u ? o(L, t) : k,
-      subtitle: i.subtitle,
-      fields: A,
-      isLoading: b,
-      isError: c
+      avatarMode: d ? "label" : "icon",
+      avatarLabel: A(f),
+      avatarSeed: p?.email || A(f),
+      title: d ? o(f, t) : E,
+      subtitle: a.subtitle,
+      fields: P,
+      isLoading: g,
+      isError: v
     }
   );
 }
 function le({
   baseUrl: e,
-  widgetToken: a,
-  organizationId: i,
+  widgetToken: i,
+  organizationId: a,
   configClient: r,
   linkComponent: m,
-  implementation: d,
-  uiFramework: f,
+  implementation: b,
+  uiFramework: c,
   errorFallback: l,
   onError: s,
-  analytics: b,
-  ...c
+  analytics: g,
+  ...v
 }) {
-  return /* @__PURE__ */ E(
-    B,
+  return /* @__PURE__ */ y(
+    j,
     {
-      widgetName: U,
+      widgetName: F,
       baseUrl: e,
-      widgetToken: a,
-      organizationId: i,
+      widgetToken: i,
+      organizationId: a,
       configClient: r,
       linkComponent: m,
-      implementation: d,
-      uiFramework: f,
+      implementation: b,
+      uiFramework: c,
       errorFallback: l,
       onError: s,
-      analytics: b,
-      children: /* @__PURE__ */ E($, { ...c })
+      analytics: g,
+      children: /* @__PURE__ */ y(Q, { ...v })
     }
   );
 }

package/dist/libs/tesouro-embedded-components-react/profile-widget/ui/dist/index2.js

@@ -1,64 +1,69 @@
 "use client";
-import { jsxs as a, jsx as t, Fragment as x } from "react/jsx-runtime";
-import { Avatar as p, AvatarFallback as v, Skeleton as r, Tabs as N, TabsList as L, TabsTrigger as T, TabsContent as k } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Building2Icon as y } from "lucide-react";
-import { Fragment as P } from "react";
-import { DEFAULT_LABELS as A } from "./index3.js";
-function E({
-  labels: o,
-  tabs: c,
-  activeTabId: i,
-  onTabChange: m,
-  banner: l,
-  avatarMode: h = "label",
-  avatarLabel: g,
-  title: b,
-  subtitle: s,
-  fields: u,
-  isLoading: w = !1,
+import { jsxs as e, jsx as t, Fragment as v } from "react/jsx-runtime";
+import { Avatar as x, AvatarFallback as N, Skeleton as r, Tabs as L, TabsList as T, TabsTrigger as k, TabsContent as y } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { avatarSwatchFor as F } from "../../../shared/ui/dist/lib/avatarSwatch.js";
+import "@radix-ui/react-use-controllable-state";
+import { Building2Icon as P } from "lucide-react";
+import { Fragment as A } from "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { SectionHeading as D } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+import { DEFAULT_LABELS as S } from "./index3.js";
+function $({
+  labels: c,
+  tabs: m,
+  activeTabId: l,
+  onTabChange: h,
+  banner: i,
+  avatarMode: g = "label",
+  avatarLabel: s,
+  avatarSeed: b,
+  title: u,
+  subtitle: w,
+  fields: p,
+  isLoading: o = !1,
   isError: f = !1
 }) {
-  const n = { ...A, ...o }, d = h === "icon";
-  return /* @__PURE__ */ a("div", { className: "ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-background", children: [
-    l ? /* @__PURE__ */ t(
+  const n = { ...S, ...c }, d = g === "icon";
+  return /* @__PURE__ */ e("div", { className: "ttw:overflow-hidden ttw:rounded-lg ttw:border ttw:border-border ttw:bg-background", children: [
+    i ? /* @__PURE__ */ t(
       "img",
       {
-        src: l.imageUrl,
-        alt: l.imageAlt,
+        src: i.imageUrl,
+        alt: i.imageAlt,
         className: "ttw:h-28 ttw:w-full ttw:object-cover"
       }
     ) : /* @__PURE__ */ t("div", { className: "ttw:h-28 ttw:w-full ttw:bg-gradient-to-r ttw:from-muted ttw:to-accent" }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-3 ttw:px-6", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-3 ttw:px-6", children: [
       /* @__PURE__ */ t(
-        p,
+        x,
         {
           className: d ? "ttw:size-24 ttw:shrink-0 ttw:-translate-y-1/3 ttw:rounded-[20px] ttw:border-4 ttw:border-background ttw:shadow-md" : "ttw:size-24 ttw:shrink-0 ttw:-translate-y-1/3 ttw:border-4 ttw:border-background ttw:shadow-md",
           children: /* @__PURE__ */ t(
-            v,
+            N,
             {
-              className: d ? "ttw:rounded-none ttw:text-3xl" : "ttw:text-3xl",
-              children: d ? /* @__PURE__ */ t(y, { "aria-hidden": !0, className: "ttw:size-10" }) : g
+              className: d ? "ttw:rounded-none ttw:text-3xl" : `ttw:text-3xl ${F(b || s || "")}`,
+              children: d ? /* @__PURE__ */ t(P, { "aria-hidden": !0, className: "ttw:size-10" }) : s
             }
           )
         }
       ),
-      /* @__PURE__ */ t("div", { className: "ttw:mt-auto ttw:min-w-0 ttw:pb-2", children: w ? /* @__PURE__ */ a("div", { "aria-hidden": !0, children: [
+      /* @__PURE__ */ t("div", { className: "ttw:mt-auto ttw:min-w-0 ttw:pb-2", children: o ? /* @__PURE__ */ e("div", { "aria-hidden": !0, children: [
         /* @__PURE__ */ t(r, { width: 150, height: 28, className: "ttw:mb-2" }),
         /* @__PURE__ */ t(r, { width: 250, height: 20 })
-      ] }) : /* @__PURE__ */ a(x, { children: [
-        /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-2xl ttw:font-semibold ttw:text-foreground", children: b }),
-        s ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: s }) : null
+      ] }) : /* @__PURE__ */ e(v, { children: [
+        /* @__PURE__ */ t(D, { className: "ttw:truncate ttw:mb-0", children: u }),
+        w ? /* @__PURE__ */ t("p", { className: "ttw:truncate ttw:text-sm ttw:text-muted-foreground", children: w }) : null
       ] }) })
     ] }),
-    /* @__PURE__ */ a(
-      N,
+    /* @__PURE__ */ e(
+      L,
       {
-        value: i,
-        onValueChange: m,
+        value: l,
+        onValueChange: h,
         className: "ttw:px-6 ttw:py-4",
         children: [
-          /* @__PURE__ */ t(L, { children: c.map((e) => /* @__PURE__ */ t(T, { value: e.id, children: e.label }, e.id)) }),
-          /* @__PURE__ */ t(k, { value: i, children: w ? /* @__PURE__ */ a(
+          /* @__PURE__ */ t(T, { children: m.map((a) => /* @__PURE__ */ t(k, { value: a.id, children: a.label }, a.id)) }),
+          /* @__PURE__ */ t(y, { value: l, children: o ? /* @__PURE__ */ e(
             "div",
             {
               role: "status",
@@ -78,15 +83,15 @@ function E({
               className: "ttw:py-4 ttw:text-sm ttw:text-destructive",
               children: n.errorLabel
             }
-          ) : /* @__PURE__ */ t("dl", { className: "ttw:grid ttw:grid-cols-[50%_1fr] ttw:gap-x-6 ttw:gap-y-4 ttw:py-4", children: u.map((e) => /* @__PURE__ */ a(P, { children: [
-            /* @__PURE__ */ t("dt", { className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground", children: e.label }),
-            /* @__PURE__ */ t("dd", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: e.value })
-          ] }, e.label)) }) })
+          ) : /* @__PURE__ */ t("dl", { className: "ttw:grid ttw:grid-cols-[50%_1fr] ttw:gap-x-6 ttw:gap-y-4 ttw:py-4", children: p.map((a) => /* @__PURE__ */ e(A, { children: [
+            /* @__PURE__ */ t("dt", { className: "ttw:text-sm ttw:font-medium ttw:text-muted-foreground", children: a.label }),
+            /* @__PURE__ */ t("dd", { className: "ttw:text-sm ttw:font-medium ttw:text-foreground", children: a.value })
+          ] }, a.label)) }) })
         ]
       }
     )
   ] });
 }
 export {
-  E as ProfileCard
+  $ as ProfileCard
 };