@tesouro/embedded-components-react 0.2.7 → 0.2.15

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

@@ -1,14 +1,23 @@
-import { getCountries as i } from "./index95.js";
-const o = (n, e) => e.find((a) => a.id === n)?.name ?? null, r = (n) => {
-  if (n) {
-    if ("organization" in n)
-      return n.organization.phone;
-    if ("individual" in n)
-      return n.individual.phone;
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { TagsAutocomplete as f } from "./index464.js";
+import { FormControl as p } from "@mui/material";
+import { Controller as u } from "react-hook-form";
+const T = ({
+  control: t,
+  name: i,
+  label: n,
+  variant: o = "filled",
+  disabled: m = !1,
+  required: l = !1,
+  helperText: d
+}) => /* @__PURE__ */ r(u, { name: i, control: t, render: ({
+  field: a,
+  fieldState: {
+    error: e
   }
-}, u = (n, e) => e ? i(n)[e] ?? e : "";
+}) => /* @__PURE__ */ r(p, { variant: o, fullWidth: !0, required: l, error: !!e, children: /* @__PURE__ */ r(f, { disabled: m, value: a.value || [], onChange: (s) => {
+  a.onChange(s);
+}, label: n, variant: o, error: !!e, helperText: e?.message || d, required: l }) }) });
 export {
-  r as getCounterpartPhone,
-  u as getCountryName,
-  o as getMeasureUnitName
+  T as TagsAutocompleteInput
 };

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

@@ -1,38 +1,55 @@
-import { jsxs as a, Fragment as p, jsx as e } from "@emotion/react/jsx-runtime";
-import { DeletePaymentTerms as f } from "./index496.js";
-import { PaymentTermsForm as x } from "./index497.js";
-import { useLingui as u } from "@lingui/react";
-import { Sheet as y, SheetContent as g, SheetHeader as b, SheetTitle as v, SheetDescription as N, SheetFooter as S } from "./index143.js";
-import { Button as m } from "./index86.js";
-import { useId as T, useState as C } from "react";
-const $ = ({
-  show: c,
-  closeDialog: s,
-  selectedTerm: t
+import { jsx as o, jsxs as x } from "@emotion/react/jsx-runtime";
+import { UUserSquare as N } from "./index401.js";
+import { useMoniteContext as v } from "./index59.js";
+import { Badge as n } from "./index267.js";
+import { Skeleton as b } from "./index134.js";
+import { getVariantProps as i } from "./index468.js";
+const j = ({
+  roleId: s,
+  variant: a = "default",
+  quoted: l = !1,
+  roleData: e
 }) => {
-  const i = `Monite-Form-paymentTerms-${T()}`, {
-    i18n: r
-  } = u(), d = t ? r._("Save") : r._("Create"), l = t ? r._("Edit payment term") : r._("Create payment term"), [h, n] = C(!1), w = (o) => {
-    n(!1), s(void 0, o);
-  };
-  return /* @__PURE__ */ a(p, { children: [
-    /* @__PURE__ */ e(y, { open: c, onOpenChange: () => s(), children: /* @__PURE__ */ a(g, { className: "ttw:gap-0", children: [
-      /* @__PURE__ */ a(b, { className: "ttw:border-b ttw:border-border", children: [
-        /* @__PURE__ */ e(v, { className: "ttw:text-xl", children: l }),
-        /* @__PURE__ */ e(N, { hidden: !0, children: l })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ e(x, { formName: i, selectedTerm: t, onTermsChange: (o) => s(o) }) }),
-      /* @__PURE__ */ a(S, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-between", children: [
-        t ? /* @__PURE__ */ e(m, { variant: "ghost", className: "ttw:text-destructive ttw:hover:text-destructive", onClick: () => n(!0), children: r._("Delete") }) : /* @__PURE__ */ e("span", {}),
-        /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2", children: [
-          /* @__PURE__ */ e(m, { variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => s(), children: r._("Cancel") }),
-          /* @__PURE__ */ e(m, { type: "submit", form: i, children: d })
-        ] })
-      ] })
-    ] }) }),
-    t && /* @__PURE__ */ e(f, { show: h, paymentTermsId: t.id, closeDialog: w })
+  const {
+    api: m
+  } = v(), {
+    data: c,
+    isLoading: d,
+    isError: f
+  } = m.finops.getRolesId.useQuery({
+    path: {
+      role_id: s
+    }
+  }, {
+    enabled: !e
+  }), t = e ?? c, r = !e && d;
+  if (!t && !r && f && s) {
+    const {
+      badgeVariant: u,
+      className: g
+    } = i({
+      variant: a,
+      isError: !0,
+      componentType: "role"
+    });
+    return /* @__PURE__ */ o(n, { variant: u, className: g, children: "N/A" });
+  }
+  if (!t && !r || !t)
+    return null;
+  const {
+    badgeVariant: p,
+    className: w,
+    showIcon: h
+  } = i({
+    variant: a,
+    isError: !1,
+    componentType: "role"
+  });
+  return /* @__PURE__ */ x(n, { variant: p, className: w, children: [
+    h && /* @__PURE__ */ o(N, { width: 24, height: 24, className: a === "default" ? "ttw:text-[rgb(97,97,97)] ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" : "ttw:!w-6 ttw:!h-6 ttw:flex-shrink-0" }),
+    r ? /* @__PURE__ */ o(b, { className: "ttw:h-4 ttw:w-20" }) : l ? `"${t.name}"` : t.name
   ] });
 };
 export {
-  $ as PaymentTermsDialog
+  j as Role
 };

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

@@ -1,38 +1,19 @@
-import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
-import { rateMinorToMajor as s } from "./index210.js";
-import { useLingui as c } from "@lingui/react";
-import { PaymentTermSummaryItem as a } from "./index498.js";
-import { Card as f, CardContent as y } from "./index374.js";
-import { Button as l } from "./index86.js";
-import { Tag as m, Calendar as _ } from "lucide-react";
-const N = ({
-  paymentTerm: i,
-  openEditDialog: o
-}) => {
-  const {
-    i18n: e
-  } = c(), {
-    term_final: d,
-    term_1: r,
-    term_2: n
-  } = i;
-  return /* @__PURE__ */ t(f, { className: "ttw:border-transparent ttw:bg-[#fafafa] ttw:shadow-none", children: /* @__PURE__ */ u(y, { children: [
-    r && /* @__PURE__ */ t(a, { renderIcon: /* @__PURE__ */ t(m, { className: "ttw:size-4" }), leftLine: e._("Pay in the first {numberOfDays} days", {
-      numberOfDays: r.number_of_days
-    }), rightLine: e._("{discount}% discount", {
-      discount: s(r.discount)
-    }), className: "ttw:mb-4" }),
-    n && /* @__PURE__ */ t(a, { renderIcon: /* @__PURE__ */ t(m, { className: "ttw:size-4" }), leftLine: e._("Pay in the first {numberOfDays} days", {
-      numberOfDays: n.number_of_days
-    }), rightLine: e._("{discount}% discount", {
-      discount: s(n.discount)
-    }), className: "ttw:mb-4" }),
-    /* @__PURE__ */ t(a, { renderIcon: /* @__PURE__ */ t(_, { className: "ttw:size-4" }), leftLine: e._("Payment due"), rightLine: e._("{numberOfDays} days", {
-      numberOfDays: d?.number_of_days
-    }) }),
-    /* @__PURE__ */ t(l, { type: "button", variant: "secondary", className: "ttw:text-primary ttw:mt-4 ttw:hover:brightness-85", onClick: o, children: e._("Edit terms") })
-  ] }) });
-};
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index102.js";
+import * as r from "@radix-ui/react-avatar";
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
+}
 export {
-  N as PaymentTermsSummary
+  n as Avatar,
+  f as AvatarFallback
 };

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

@@ -1,35 +1,85 @@
-function s(e) {
-  return e ? {
-    number_of_days: e.number_of_days ?? null,
-    discount: e.discount ?? null
-  } : null;
-}
-function d(e) {
-  return JSON.stringify({
-    name: e.name,
-    description: e.description ?? null,
-    term_final: {
-      number_of_days: e.term_final?.number_of_days ?? null
-    },
-    term_1: s(e.term_1),
-    term_2: s(e.term_2)
-  });
+const i = ({
+  variant: t,
+  isError: e = !1,
+  componentType: s,
+  showAvatar: a = !1,
+  showUsersAsEmail: n = !1,
+  className: w = ""
+}) => {
+  if (e) {
+    const r = `ttw:text-muted-foreground ${w}`;
+    return s === "user" && t !== "badge" ? {
+      useBadge: !1,
+      badgeVariant: "outline",
+      className: r,
+      showAvatar: !1,
+      showIcon: !1
+    } : {
+      useBadge: !0,
+      badgeVariant: "outline",
+      className: r,
+      showAvatar: !1,
+      showIcon: !1
+    };
+  }
+  return s === "user" ? o(t, a, n, w) : l(t, w);
+};
+function o(t, e, s, a) {
+  switch (t) {
+    case "badge":
+      return {
+        useBadge: !0,
+        badgeVariant: "secondary",
+        className: `ttw:gap-1 ttw:px-2 ttw:py-1 ${a}`,
+        showAvatar: e,
+        showIcon: !1
+      };
+    case "cell":
+      return {
+        useBadge: !1,
+        badgeVariant: "secondary",
+        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:block ${s ? "ttw:text-blue-600" : ""} ${a}`,
+        showAvatar: !1,
+        showIcon: !1
+      };
+    default:
+      return {
+        useBadge: !1,
+        badgeVariant: "secondary",
+        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ${a}`,
+        showAvatar: !1,
+        showIcon: !1
+      };
+  }
 }
-function a(e) {
-  const t = /* @__PURE__ */ new Map(), r = [], u = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const o = d(n), i = t.get(o);
-    if (!i) {
-      t.set(o, n.id), r.push(n);
-      continue;
-    }
-    u.set(n.id, i);
+function l(t, e) {
+  switch (t) {
+    case "filled":
+      return {
+        useBadge: !0,
+        badgeVariant: "secondary",
+        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-gray-100 ttw:text-gray-800 ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-lg ttw:px-4 ttw:py-1 ${e}`,
+        showAvatar: !1,
+        showIcon: !1
+      };
+    case "outlined":
+      return {
+        useBadge: !0,
+        badgeVariant: "outline",
+        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:rounded ttw:px-2 ttw:py-1 ttw:gap-1 ${e}`,
+        showAvatar: !1,
+        showIcon: !0
+      };
+    default:
+      return {
+        useBadge: !0,
+        badgeVariant: "secondary",
+        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-[rgb(248,248,255)] ttw:text-[rgb(55,55,255)] ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-[7.98px] ttw:px-2 ttw:py-[7px] ttw:gap-2 ttw:transition-colors ${e}`,
+        showAvatar: !1,
+        showIcon: !0
+      };
   }
-  return {
-    dedupedTerms: r,
-    duplicateIdMap: u
-  };
 }
 export {
-  a as dedupePaymentTermsByContent
+  i as getVariantProps
 };

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

@@ -1,31 +1,18 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index70.js";
-const z = (o, s = 50) => {
-  const c = t(o), e = t(void 0), r = t(void 0), i = d();
-  c.current = o;
-  const m = (u) => {
-    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && c.current();
-      }, s);
-    }), r.current.observe(u));
-  }, n = () => {
-    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
-  };
-  return p(() => () => {
-    n();
-  }, []), {
-    observe: m,
-    disconnect: n
-  };
+import { toast as o } from "react-hot-toast";
+import { useMoniteContext as r } from "./index59.js";
+import { useLingui as t } from "@lingui/react";
+const c = () => {
+  const {
+    api: n
+  } = r(), {
+    i18n: e
+  } = t();
+  return n.finops.postFinancingTokens.useMutation({}, {
+    onError: () => {
+      o.error(e._("The financing service is currently unavailable. Please reload the page or try again later."));
+    }
+  });
 };
 export {
-  z as useResizeObserver
+  c as useGetFinancingConnectToken
 };

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

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as o, Fragment as F } from "@emotion/react/jsx-runtime";
-import { ProductDeleteModal as I } from "./index219.js";
-import { ProductEditForm as T } from "./index229.js";
+import { ProductDeleteModal as I } from "./index214.js";
+import { ProductEditForm as T } from "./index224.js";
 import { MoniteScopedProviders as j } from "./index85.js";
 import { useCurrencies as B } from "./index60.js";
 import { useMoniteContext as L } from "./index59.js";
-import { useUserPermissions as k } from "./index138.js";
+import { useUserPermissions as k } from "./index143.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,17 +13,17 @@ import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as w } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as y } from "react";
 import { Button as b } from "./index86.js";
-import { DropdownMenu as W, DropdownMenuTrigger as z, DropdownMenuContent as U, DropdownMenuItem as E } from "./index146.js";
-import { Sheet as u, SheetContent as h, SheetHeader as H, SheetTitle as R, SheetDescription as G, SheetClose as V } from "./index143.js";
-import { Skeleton as N } from "./index145.js";
+import { DropdownMenu as W, DropdownMenuTrigger as z, DropdownMenuContent as U, DropdownMenuItem as E } from "./index135.js";
+import { Sheet as u, SheetContent as h, SheetHeader as H, SheetTitle as R, SheetDescription as G, SheetClose as V } from "./index132.js";
+import { Skeleton as N } from "./index134.js";
 import { Typography as x } from "./index87.js";
-import { LoadingSpinner as X } from "./index144.js";
-import { NotFound as q } from "./index160.js";
+import { LoadingSpinner as X } from "./index133.js";
+import { NotFound as q } from "./index150.js";
 import { useLingui as J } from "@lingui/react";
 import { MoreVerticalIcon as K, Trash2 as Q, X as Y } from "lucide-react";
-import { useGetProductById as Z } from "./index230.js";
-import { ProductDetailLine as f } from "./index231.js";
-import { AccessRestriction as tt } from "./index140.js";
+import { useGetProductById as Z } from "./index225.js";
+import { ProductDetailLine as f } from "./index226.js";
+import { AccessRestriction as tt } from "./index153.js";
 const Pt = (a) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(et, { ...a }) }), et = ({
   id: a,
   open: n,

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

@@ -1,26 +1,42 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index59.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index70.js";
-const E = (r, t = 100) => {
-  const o = u(r), e = u(void 0), i = m();
-  o.current = r, s(() => {
-    if (typeof window > "u") return;
-    const n = () => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && o.current();
-      }, t);
-    };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
-    };
-  }, [t, i]);
+import { getSharedApprovalRuleLabel as _, getUsersFromListLabel as t } from "./index402.js";
+const r = {
+  SINGLE_USER: "single_user",
+  USERS_FROM_LIST: "users_from_list",
+  ROLES_FROM_LIST: "roles_from_list",
+  APPROVAL_CHAIN: "approval_chain"
+}, S = {
+  REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users",
+  REQUEST_APPROVAL_BY_ROLES: "ApprovalRequests.request_approval_by_roles"
+}, L = (s, e) => {
+  switch (s) {
+    case r.SINGLE_USER:
+      return e._("Single user");
+    case r.USERS_FROM_LIST:
+      return e._("Users from the list");
+    case r.ROLES_FROM_LIST:
+      return e._("Roles from the list");
+    case r.APPROVAL_CHAIN:
+      return e._("Approval chain");
+    default:
+      return;
+  }
+}, l = (s, e, a) => {
+  switch (s) {
+    case r.SINGLE_USER:
+      return _.singleUser(e);
+    case r.USERS_FROM_LIST:
+      return t(e, a);
+    case r.ROLES_FROM_LIST:
+      return _.anyUserWithRole(e);
+    case r.APPROVAL_CHAIN:
+      return _.allUsersFromList(e);
+    default:
+      return;
+  }
 };
 export {
-  E as useWindowResize
+  r as APPROVAL_POLICY_RULE_TYPES,
+  S as APPROVAL_REQUEST_CALLS,
+  l as getRuleLabel,
+  L as getRuleName
 };

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

@@ -1,41 +1,31 @@
-import { useState as p, useEffect as f } from "react";
-const s = {
-  inches: {
-    width: 8.27,
-    height: 11.69
-  }
-}, y = () => {
-  const [h, r] = p({
-    width: 794,
-    height: 1123,
-    dpi: 96
-  });
-  return f(() => {
-    if (typeof window > "u") return;
-    const t = () => {
-      const c = [72, 96, 120, 144, 192, 240, 288, 384];
-      let n = 96;
-      for (const d of c)
-        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
-          n = d;
-          break;
-        }
-      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
-      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
-      const a = e.getBoundingClientRect(), o = Math.round(a.width);
-      document.body.removeChild(e);
-      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
-      r({
-        width: l,
-        height: m,
-        dpi: i
-      });
-    };
-    return t(), window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
-    };
-  }, []), h;
-};
+import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
+import { useMemo as d } from "react";
+import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
+const b = s(i)(({
+  theme: e,
+  isRequired: l
+}) => ({
+  color: l ? e.palette.error.main : e.palette.text.secondary,
+  minWidth: 120,
+  width: "35%"
+})), u = (e) => {
+  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
+  return l ? /* @__PURE__ */ r(p, { children: [
+    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
+    /* @__PURE__ */ t(i, { children: l })
+  ] }) : null;
+}, y = ({
+  items: e,
+  children: l,
+  ...a
+}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
+  overflow: "visible"
+}, ...a, children: [
+  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
+  l
+] });
 export {
-  y as useA4Dimensions
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };