@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,76 +1,58 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { ScopedCssBaselineContainerClassName as m } from "./index106.js";
-import { useRootElements as d } from "./index94.js";
-import { useMoniteContext as C } from "./index59.js";
-import { generatePayablesButtonCssVars as D } from "./index162.js";
-import { Slide as h, Fade as b, Dialog as M } from "@mui/material";
-import { forwardRef as _, createContext as y, useContext as k, useMemo as x } from "react";
-const P = _(function(a, o) {
+import { jsx as r, jsxs as t, Fragment as m } from "@emotion/react/jsx-runtime";
+import { Box as i } from "@mui/material";
+import "react";
+import "./index51.js";
+import { useLingui as p } from "@lingui/react";
+import "./index58.js";
+import "react-hot-toast";
+import "./index57.js";
+import "./index93.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import "react-script-hook";
+import { MoniteScopedProviders as n } from "./index84.js";
+import "./index55.js";
+import "./index56.js";
+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 "lucide-react";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dropdown-menu";
+import "./index85.js";
+import "./index86.js";
+import "./index87.js";
+import { FinanceIntegrationCard as e } from "./index88.js";
+import "@mui/icons-material/MonetizationOnOutlined";
+import { PageHeader as a } from "./index50.js";
+function V() {
+  return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(s, {}) });
+}
+function s() {
   const {
-    alignDialog: e,
-    ...n
-  } = a;
-  if (e) {
-    let i;
-    switch (e) {
-      case "left":
-        i = "right";
-        break;
-      case "right":
-        i = "left";
-        break;
-    }
-    return /* @__PURE__ */ t(h, { direction: i, ref: o, ...n });
-  }
-  return /* @__PURE__ */ t(b, { ref: o, ...n });
-}), p = y(void 0), j = () => k(p), T = ({
-  ref: a,
-  ...o
-}) => {
-  const {
-    alignDialog: e,
-    onClosed: n,
-    ...i
-  } = o, {
-    root: u
-  } = d(), {
-    theme: l
-  } = C(), c = j(), f = x(() => D(l.components?.styles?.payables?.button), [l.components?.styles?.payables?.button]), s = (g, r) => {
-    r !== "backdropClick" && (r === "escapeKeyDown" && c && g.stopPropagation?.(), o.onClose?.(g, r));
-  };
-  return /* @__PURE__ */ t(p.Provider, { value: {
-    isDialogContent: !0,
-    onClose: s
-  }, children: /* @__PURE__ */ t(M, { ref: a, ...i, open: o.open, container: u, TransitionComponent: P, TransitionProps: {
-    alignDialog: e,
-    onExited: n
-  }, onClose: s, classes: {
-    container: [m, "Monite-Payables", e && `MuiDialog-container__align-${e}`].filter(Boolean).join(" "),
-    paper: ["Monite-Payables", e && `MuiDialog-paper__align-${e}`].filter(Boolean).join(" ")
-  }, sx: {
-    "& .MuiDialogContent-root, & .MuiDialogActions-root, & .MuiDialogTitle-root": f,
-    ".MuiDialog-container__align-right": {
-      justifyContent: "right"
-    },
-    ".MuiDialog-container__align-left": {
-      justifyContent: "left"
-    },
-    ".MuiDialog-paper__align-left, .MuiDialog-paper__align-right": {
-      width: "50%",
-      height: "100%",
-      maxHeight: "none",
-      margin: 0,
-      borderRadius: 0
-    }
-  }, slotProps: o.fullScreen ? {
-    backdrop: {
-      style: {
-        background: "none"
-      }
-    }
-  } : {}, children: o.children }) });
-};
+    i18n: o
+  } = p();
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ r(a, { title: /* @__PURE__ */ r(m, { children: o._("Integrations") }) }),
+    /* @__PURE__ */ r(i, { sx: {
+      display: "grid",
+      gridTemplateColumns: "minmax(360px, 480px) minmax(360px, 480px)",
+      gap: 2
+    }, children: /* @__PURE__ */ r(e, {}) })
+  ] });
+}
 export {
-  T as Dialog,
-  j as useDialog
+  V as Integrations
 };

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

@@ -1,58 +1,73 @@
-import { jsx as r, jsxs as t, Fragment as m } from "@emotion/react/jsx-runtime";
-import { Box as i } from "@mui/material";
-import "react";
-import "./index52.js";
-import { useLingui as p } from "@lingui/react";
-import "./index59.js";
-import "react-hot-toast";
-import "./index58.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
+import { jsx as t, jsxs as i, Fragment as m } from "@emotion/react/jsx-runtime";
+import { useState as y } from "react";
+import { DiscardChangesContextProvider as $, useDiscardChangesContext as v } from "./index212.js";
+import { useUserPermissions as L } from "./index132.js";
+import { PageHeader as M } from "./index50.js";
+import { useLingui as b } from "@lingui/react";
+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";
 import "@tanstack/react-query";
-import "date-fns";
-import "react-script-hook";
-import { MoniteScopedProviders as n } from "./index85.js";
-import "./index56.js";
-import "./index57.js";
-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 "lucide-react";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as E } from "../../shared/data-access/dist/lib/scopes.js";
+import { LogoSection as O } from "./index213.js";
+import { TemplateSettingsContent as G } from "./index214.js";
+import "react-hook-form";
+import "./index86.js";
+import "radix-ui";
 import "clsx";
 import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import "./index86.js";
-import "./index87.js";
-import "./index88.js";
-import { FinanceIntegrationCard as e } from "./index89.js";
-import "@mui/icons-material/MonetizationOnOutlined";
-import { PageHeader as a } from "./index51.js";
-function V() {
-  return /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(s, {}) });
-}
-function s() {
-  const {
-    i18n: o
-  } = p();
-  return /* @__PURE__ */ t(i, { children: [
-    /* @__PURE__ */ r(a, { title: /* @__PURE__ */ r(m, { children: o._("Integrations") }) }),
-    /* @__PURE__ */ r(i, { sx: {
-      display: "grid",
-      gridTemplateColumns: "minmax(360px, 480px) minmax(360px, 480px)",
-      gap: 2
-    }, children: /* @__PURE__ */ r(e, {}) })
+import { DiscardChangesModal as H } from "./index215.js";
+import { Sheet as P, SheetContent as T, SheetHeader as _, SheetTitle as j, SheetDescription as I } from "./index135.js";
+import { useGetEntitySettings as W } from "./index216.js";
+import { useGetEntityDocumentNumber as z } from "./index217.js";
+import { useMyEntity as F } from "./index79.js";
+import { LoadingSpinner as U } from "./index136.js";
+const ft = (e) => /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(k, { ...e }) }), k = ({
+  isDialog: e,
+  isOpen: c,
+  handleCloseDialog: o
+}) => {
+  const g = L(), {
+    shouldShowChangesModal: f,
+    handleShowModal: h
+  } = v(), {
+    i18n: s
+  } = b(), [u, a] = y(!1), n = g.has(E.OrganizationSettingsWriteOrg), {
+    data: w
+  } = F(), r = w?.id ?? "", {
+    data: l,
+    isLoading: S
+  } = W(r, n), {
+    data: d,
+    isLoading: x
+  } = z(r, n), C = S || x;
+  if (!n) return null;
+  const N = () => {
+    f ? a(!0) : o?.();
+  }, p = /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:w-full ttw:max-w-163", children: [
+    /* @__PURE__ */ t(O, {}),
+    C && /* @__PURE__ */ t(U, {}),
+    l && d && /* @__PURE__ */ t(G, { entityId: r, entitySettings: l, nextNumbers: d, isDialog: e })
   ] });
-}
+  return /* @__PURE__ */ i(m, { children: [
+    e ? /* @__PURE__ */ t(P, { open: !!c, onOpenChange: (D) => !D && N(), children: /* @__PURE__ */ i(T, { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:p-6 ttw:overflow-auto", children: [
+      /* @__PURE__ */ i(_, { className: "ttw:p-0", children: [
+        /* @__PURE__ */ t(j, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8 ttw:text-text", children: s._("Edit invoice settings") }),
+        /* @__PURE__ */ t(I, { className: "ttw:sr-only", children: s._("Manage invoice settings including logo, and document configuration") })
+      ] }),
+      p
+    ] }) }) : /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ t(M, { className: "-Header", title: /* @__PURE__ */ t(m, { children: s._("Invoice settings") }) }),
+      p
+    ] }),
+    /* @__PURE__ */ t(H, { open: u, onClose: () => {
+      a(!1);
+    }, onContinue: () => {
+      a(!1), h(!1), e && o && o();
+    } })
+  ] });
+};
 export {
-  V as Integrations
+  ft as TemplateSettings
 };

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

@@ -1,73 +1,178 @@
-import { jsx as t, jsxs as i, Fragment as m } from "@emotion/react/jsx-runtime";
-import { useState as y } from "react";
-import { DiscardChangesContextProvider as $, useDiscardChangesContext as v } from "./index223.js";
-import { useUserPermissions as L } from "./index143.js";
-import { PageHeader as M } from "./index51.js";
-import { useLingui as b } from "@lingui/react";
-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";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as E } from "../../shared/data-access/dist/lib/scopes.js";
-import { LogoSection as O } from "./index224.js";
-import { TemplateSettingsContent as G } from "./index225.js";
-import "react-hook-form";
-import "./index87.js";
-import "radix-ui";
-import "clsx";
-import "tailwind-merge";
-import { DiscardChangesModal as H } from "./index226.js";
-import { Sheet as P, SheetContent as T, SheetHeader as _, SheetTitle as j, SheetDescription as I } from "./index132.js";
-import { useGetEntitySettings as W } from "./index227.js";
-import { useGetEntityDocumentNumber as z } from "./index228.js";
-import { useMyEntity as F } from "./index80.js";
-import { LoadingSpinner as U } from "./index133.js";
-const ft = (e) => /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(k, { ...e }) }), k = ({
-  isDialog: e,
-  isOpen: c,
-  handleCloseDialog: o
+import { jsx as e, jsxs as a, Fragment as l } from "@emotion/react/jsx-runtime";
+import { FinanceBannerWrapper as C } from "./index338.js";
+import { FinanceFaqWrapper as L } from "./index339.js";
+import { FinanceProgressBar as T } from "./index340.js";
+import { useFinancing as V, FinancialApplicationState as t } from "./index341.js";
+import "./index58.js";
+import "react-hot-toast";
+import { useLingui as k } from "@lingui/react";
+import { useKanmonContext as z } from "./index57.js";
+import { MoniteScopedProviders as B } from "./index84.js";
+import { useCurrencies as J } from "./index59.js";
+import { useState as G } from "react";
+import "./index93.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useTheme as H, useMediaQuery as W, Box as c, Stack as $, Button as m, CircularProgress as j, Typography as n } from "@mui/material";
+const d = "financing_banner_hidden", U = 10080 * 60 + 1e3, de = (u) => /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(M, { ...u }) }), M = ({
+  enableServicingBanner: u = !1,
+  handleViewDetails: g
 }) => {
-  const g = L(), {
-    shouldShowChangesModal: f,
-    handleShowModal: h
-  } = v(), {
-    i18n: s
-  } = b(), [u, a] = y(!1), n = g.has(E.OrganizationSettingsWriteOrg), {
-    data: w
-  } = F(), r = w?.id ?? "", {
-    data: l,
-    isLoading: S
-  } = W(r, n), {
-    data: d,
-    isLoading: x
-  } = z(r, n), C = S || x;
-  if (!n) return null;
-  const N = () => {
-    f ? a(!0) : o?.();
-  }, p = /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:w-full ttw:max-w-163", children: [
-    /* @__PURE__ */ t(O, {}),
-    C && /* @__PURE__ */ t(U, {}),
-    l && d && /* @__PURE__ */ t(G, { entityId: r, entitySettings: l, nextNumbers: d, isDialog: e })
-  ] });
-  return /* @__PURE__ */ i(m, { children: [
-    e ? /* @__PURE__ */ t(P, { open: !!c, onOpenChange: (D) => !D && N(), children: /* @__PURE__ */ i(T, { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:p-6 ttw:overflow-auto", children: [
-      /* @__PURE__ */ i(_, { className: "ttw:p-0", children: [
-        /* @__PURE__ */ t(j, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8 ttw:text-text", children: s._("Edit invoice settings") }),
-        /* @__PURE__ */ t(I, { className: "ttw:sr-only", children: s._("Manage invoice settings including logo, and document configuration") })
-      ] }),
-      p
-    ] }) }) : /* @__PURE__ */ i(m, { children: [
-      /* @__PURE__ */ t(M, { className: "-Header", title: /* @__PURE__ */ t(m, { children: s._("Invoice settings") }) }),
-      p
+  const {
+    i18n: i
+  } = k(), {
+    startFinanceSession: I
+  } = z(), y = H(), p = W(y.breakpoints.down("lg")), {
+    formatCurrencyToDisplay: S
+  } = J(), {
+    buttonText: _,
+    isLoading: v,
+    isEnabled: O,
+    applicationState: o,
+    isServicing: P,
+    offer: r
+  } = V(), x = r?.total_amount ?? 0, E = (r?.status === "LATE" ? 0 : r?.available_amount) ?? 0, A = E / x * 100, b = r?.status !== "CLOSED" && r?.status !== "DEFAULTED", [D, N] = G(() => {
+    const h = JSON.parse(JSON.parse(JSON.stringify(sessionStorage.getItem(d))));
+    if (h)
+      return h.isHidden;
+    const f = JSON.parse(JSON.parse(JSON.stringify(localStorage.getItem(d))));
+    return f ? f.expires_at && (/* @__PURE__ */ new Date()).getTime() > f.expires_at ? (localStorage.removeItem(d), !1) : f.isHidden : !1;
+  }), s = u && P, F = o !== t.PENDING_APPROVAL && o !== t.NO_OFFERS_AVAILABLE && o !== t.OFFERS_EXPIRED, R = () => {
+    switch (N(!0), o) {
+      case t.IN_PROGRESS:
+      case t.APPROVED:
+      case t.PENDING_APPROVAL:
+      case t.OFFER_ACCEPTED:
+        sessionStorage.setItem(d, JSON.stringify({
+          isHidden: !0,
+          expires_at: null
+        }));
+        return;
+      case t.INIT:
+        localStorage.setItem(d, JSON.stringify({
+          isHidden: !0,
+          expires_at: (/* @__PURE__ */ new Date()).getTime() + U
+        }));
+        return;
+      case t.NO_OFFERS_AVAILABLE:
+      case t.OFFERS_EXPIRED:
+      default:
+        localStorage.setItem(d, JSON.stringify({
+          isHidden: !0,
+          expires_at: null
+        }));
+        return;
+    }
+  }, w = () => {
+    switch (o) {
+      case t.INIT:
+      case t.IN_PROGRESS:
+      default:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("Fund your sales/purchases") }),
+          /* @__PURE__ */ a(n, { variant: "body1", children: [
+            i._("Get a small business loan plan to manage finances more efficiently."),
+            " ",
+            /* @__PURE__ */ e(L, { children: ({
+              openModal: h
+            }) => /* @__PURE__ */ e(n, { onClick: h, variant: "body1", sx: {
+              textDecoration: "underline",
+              cursor: "pointer"
+            }, component: "span", children: i._("Read more >") }) })
+          ] })
+        ] });
+      case t.PENDING_APPROVAL:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("Your application is in review") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("It can take up to 48 hours. We'll notify you about the results.") })
+        ] });
+      case t.APPROVED:
+      case t.OFFER_ACCEPTED:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("Your application was approved") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("Please, review the offered credit limit and approved financing plans.") })
+        ] });
+      case t.NO_OFFERS_AVAILABLE:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("A provider can’t offer you financing") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("They will contact you if your credit score improves and you can reapply.") })
+        ] });
+      case t.OFFERS_EXPIRED:
+        return /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+            fontSize: 20
+          }, children: i._("You haven’t accepted the offer and it has expired") }),
+          /* @__PURE__ */ e(n, { variant: "body1", children: i._("Please get in touch with the provider if you still wish to receive financing.") })
+        ] });
+      case t.SERVICING:
+        return /* @__PURE__ */ e(n, { variant: "subtitle2", sx: {
+          fontSize: 20
+        }, children: i._("My financing") });
+    }
+  };
+  return D || o === t.SERVICING && !u || !O ? null : /* @__PURE__ */ a(C, { shouldApplyFinanceStyles: s, children: [
+    /* @__PURE__ */ a(c, { display: "flex", alignItems: p && !s ? "flex-end" : "center", flexDirection: p && !s ? "column" : "row", justifyContent: "space-between", gap: 2, width: "100%", height: "100%", children: [
+      /* @__PURE__ */ e(c, { sx: {
+        width: "100%",
+        display: "flex",
+        gap: 2,
+        flex: "1 1 0%",
+        alignItems: p && !s ? "flex-start" : "center"
+      }, children: /* @__PURE__ */ e(c, { sx: {
+        flex: "1 1 0%"
+      }, children: w() }) }),
+      /* @__PURE__ */ a($, { width: p && !s ? "100%" : "auto", direction: "row", gap: 1, alignItems: "center", justifyContent: p && !s ? "flex-end" : "flex-start", children: [
+        s && g ? /* @__PURE__ */ e(m, { onClick: g, variant: "text", children: i._("View details") }) : /* @__PURE__ */ e(m, { onClick: R, variant: "text", children: F ? i._("Hide") : i._("Close") }),
+        F && _ && /* @__PURE__ */ e(m, { onClick: () => {
+          I();
+        }, disabled: v, variant: "contained", color: "primary", sx: {
+          px: 2.5,
+          py: 1.5,
+          height: 40
+        }, children: v ? /* @__PURE__ */ e(j, { size: 20 }) : _ })
+      ] })
     ] }),
-    /* @__PURE__ */ t(H, { open: u, onClose: () => {
-      a(!1);
-    }, onContinue: () => {
-      a(!1), h(!1), e && o && o();
-    } })
+    s && /* @__PURE__ */ a(c, { children: [
+      b ? /* @__PURE__ */ a(l, { children: [
+        /* @__PURE__ */ e(n, { variant: "body1", children: i._("Remaining limit") }),
+        /* @__PURE__ */ a(c, { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1, mb: 1, children: [
+          /* @__PURE__ */ a(c, { display: "flex", alignItems: "center", gap: 1, flexShrink: 0, children: [
+            /* @__PURE__ */ e(n, { variant: "h2", fontSize: 32, children: S(E, "USD") }),
+            /* @__PURE__ */ a(n, { component: "span", variant: "subtitle1", sx: {
+              color: y.palette.grey[400]
+            }, children: [
+              "/ ",
+              S(x, "USD")
+            ] })
+          ] }),
+          /* @__PURE__ */ a(n, { variant: "body1", sx: {
+            textOverflow: "ellipsis",
+            overflow: "hidden",
+            whiteSpace: "nowrap"
+          }, children: [
+            r?.pricing_plans?.length,
+            " ",
+            i._("financial plans enabled")
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ e(n, { variant: "h2", fontSize: 32, mb: 1, children: i._("Not available") }),
+      /* @__PURE__ */ e(T, { progress: A }),
+      (!b || r?.status === "LATE") && /* @__PURE__ */ a(n, { variant: "body1", fontWeight: 400, mt: 1, children: [
+        r?.status === "CLOSED" && i._("Financing is not available for your business anymore. Please, contact the provider for further details."),
+        r?.status === "DEFAULTED" && i._("Financing is blocked due to a violation of the agreed-upon terms. Please, contact the provider for further details."),
+        r?.status === "LATE" && i._("Due to late payment your financing is currently on hold. Please, contact the provider for further details.")
+      ] })
+    ] })
   ] });
 };
 export {
-  ft as TemplateSettings
+  de as FinanceBanner
 };