@tesouro/embedded-components-react 0.2.94 → 0.2.96

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

@@ -1,31 +1,42 @@
-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
-] });
+import { jsxs as l, Fragment as m, jsx as o } from "@emotion/react/jsx-runtime";
+import { useDialog as p } from "./index50.js";
+import { useLingui as C } from "@lingui/react";
+import { Divider as u, DialogActions as L, Stack as d, Button as r, CircularProgress as a } from "@mui/material";
+const x = ({
+  deleteButton: e,
+  primaryButton: n,
+  secondaryButton: i,
+  cancelButton: t,
+  showDivider: c = !0
+}) => {
+  const {
+    i18n: s
+  } = C(), g = p(), h = (b) => "formId" in b;
+  return /* @__PURE__ */ l(m, { children: [
+    c && /* @__PURE__ */ o(u, {}),
+    /* @__PURE__ */ l(L, { sx: {
+      display: "flex",
+      justifyContent: "space-between",
+      width: "100%"
+    }, children: [
+      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
+        e && /* @__PURE__ */ o(r, { variant: "text", color: "error", onClick: e.onClick, disabled: e.isDisabled || e.isLoading, children: e.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : e.label || s._("Delete") }),
+        i?.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label })
+      ] }),
+      /* @__PURE__ */ l(d, { direction: "row", spacing: 2, children: [
+        !t?.hideCancel && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: t?.onClick || g?.onClose, disabled: n?.isLoading || i?.isLoading || e?.isLoading, children: t?.label || s._("Cancel") }),
+        i && !i.onTheLeft && /* @__PURE__ */ o(r, { variant: "text", color: "primary", onClick: i.onClick, disabled: i.isDisabled || i.isLoading, children: i.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : i.label }),
+        n && /* @__PURE__ */ o(r, { variant: "contained", color: "primary", ...h(n) ? {
+          type: "submit",
+          form: n.formId
+        } : {
+          type: "button",
+          onClick: n.onClick
+        }, disabled: n.isDisabled || n.isLoading, children: n.isLoading ? /* @__PURE__ */ o(a, { color: "inherit", size: 20 }) : n.label })
+      ] })
+    ] })
+  ] });
+};
 export {
-  y as MoniteCard,
-  u as MoniteCardItem,
-  b as StyledLabelTableCell
+  x as DialogFooter
 };

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

@@ -1,71 +1,49 @@
-import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
-import { Controller as y } from "react-hook-form";
-import { useRootElements as D } from "./index92.js";
-import { Alert as F } from "@mui/material";
-import { DatePicker as C } from "@mui/x-date-pickers";
-import { parse as P, format as T } from "date-fns";
-const M = ({
-  control: p,
-  name: n,
-  slotProps: o,
-  valueAs: c = "date",
-  stringFormat: s = "yyyy-MM-dd",
-  ...d
+import { jsxs as t, jsx as e, Fragment as g } from "@emotion/react/jsx-runtime";
+import { IconWrapper as v } from "./index231.js";
+import { useDialog as f } from "./index50.js";
+import { useLingui as L } from "@lingui/react";
+import y from "@mui/icons-material/ArrowForward";
+import C from "@mui/icons-material/Close";
+import { Breadcrumbs as D, Typography as s, Grid as l, Divider as T, styled as x, DialogTitle as b } from "@mui/material";
+import { memo as c } from "react";
+const j = c(({
+  previousLevelTitle: r,
+  onPreviousLevelClick: i,
+  title: o
+}) => /* @__PURE__ */ t(D, { color: "inherit", separator: /* @__PURE__ */ e(y, { fontSize: "small", color: "disabled" }), sx: {
+  padding: 3
+}, "aria-label": "breadcrumb", children: [
+  /* @__PURE__ */ e(s, { onClick: i, sx: {
+    cursor: i ? "pointer" : "default"
+  }, children: r }),
+  /* @__PURE__ */ e(s, { children: o })
+] })), G = c(({
+  title: r,
+  secondaryLevel: i = !1,
+  previousLevelTitle: o,
+  closeButtonTooltip: d,
+  showDivider: p = !0,
+  closeSecondaryLevelDialog: m
 }) => {
-  const i = (e) => e?.type === "custom", {
-    root: l
-  } = D();
-  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
-    field: e,
-    fieldState: {
-      error: r,
-      isTouched: u
-    },
-    formState: {
-      isValid: f
-    }
-  }) => {
-    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
-    return /* @__PURE__ */ x(h, { children: [
-      /* @__PURE__ */ a(
-        C,
-        {
-          ...e,
-          ...d,
-          value: g,
-          onChange: (t) => {
-            if (t instanceof Date && !Number.isNaN(t.getTime())) {
-              const v = c === "string" ? T(t, s) : t;
-              e.onChange(v);
-            } else
-              e.onChange(null);
-          },
-          slotProps: {
-            ...o,
-            popper: {
-              ...o?.popper,
-              container: l
-            },
-            dialog: {
-              ...o?.dialog,
-              container: l
-            },
-            textField: {
-              variant: "standard",
-              ...o?.textField,
-              id: n,
-              error: m && !!r?.message,
-              helperText: m && r?.message
-            }
-          }
-        }
-      ),
-      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
-        marginTop: -2
-      }, children: r?.message })
-    ] });
-  } });
-};
+  const {
+    i18n: u
+  } = L(), a = f(), h = a?.isDialogContent && !i, n = d || u._("Close dialog");
+  return /* @__PURE__ */ t(g, { children: [
+    /* @__PURE__ */ t(l, { container: !0, alignItems: "center", children: [
+      /* @__PURE__ */ e(l, { item: !0, xs: 11, children: i && o ? /* @__PURE__ */ e(j, { previousLevelTitle: o, title: r, onPreviousLevelClick: m }) : /* @__PURE__ */ e(k, { variant: "h3", children: r }) }),
+      /* @__PURE__ */ e(l, { item: !0, xs: 1, children: h && /* @__PURE__ */ e(v, { color: "inherit", onClick: a.onClose, ariaLabelOverride: n, tooltip: n, children: /* @__PURE__ */ e(C, {}) }) })
+    ] }),
+    p && /* @__PURE__ */ e(T, {})
+  ] });
+}), k = x(b)(({
+  theme: r
+}) => ({
+  "&.MuiDialogTitle-root.MuiTypography-root": {
+    ...r.typography.h3,
+    // MUI v5 styles DialogTitle as H6. This is a workaround to apply H3 styles
+    padding: r.spacing(3)
+  }
+}));
 export {
-  M as RHFDatePicker
+  G as DialogHeader
 };

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

@@ -1,59 +1,85 @@
-import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { Controller as v } from "react-hook-form";
-import { useRootElements as P } from "./index92.js";
-import { TextField as T, Alert as y } from "@mui/material";
-const j = ({
-  control: l,
-  name: n,
-  SelectProps: s,
-  type: a,
-  ...c
+const i = ({
+  variant: t,
+  isError: e = !1,
+  componentType: s,
+  showAvatar: a = !1,
+  showUsersAsEmail: n = !1,
+  className: w = ""
 }) => {
-  const i = (e) => e?.type === "custom", {
-    root: p
-  } = P();
-  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
-    field: e,
-    fieldState: {
-      error: r,
-      isTouched: d
-    },
-    formState: {
-      isValid: u
-    }
-  }) => {
-    const m = (d || !u) && !i(r), g = (f) => {
-      const o = f.target.value;
-      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
+  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 /* @__PURE__ */ h(x, { children: [
-      /* @__PURE__ */ t(
-        T,
-        {
-          ...e,
-          ...c,
-          id: n,
-          variant: "standard",
-          type: a,
-          value: e.value ?? "",
-          onChange: g,
-          error: m && !!r?.message,
-          helperText: m && r?.message,
-          SelectProps: {
-            ...s,
-            MenuProps: {
-              ...s?.MenuProps,
-              container: p
-            }
-          }
-        }
-      ),
-      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
-        marginTop: -2
-      }, children: r?.message })
-    ] });
-  } });
+  }
+  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 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
+      };
+  }
+}
 export {
-  j as RHFTextField
+  i as getVariantProps
 };

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

@@ -1,43 +1,32 @@
-import { jsx as l, jsxs as f, Fragment as x } from "@emotion/react/jsx-runtime";
-import { Controller as h } from "react-hook-form";
-import { Alert as g } from "@mui/material";
-import { TimeField as T } from "@mui/x-date-pickers";
-const q = ({
-  control: n,
-  name: o,
-  required: a,
-  fullWidth: m,
-  slotProps: s,
-  ...d
-}) => {
-  const i = (r) => r?.type === "custom";
-  return /* @__PURE__ */ l(h, { control: n, name: o, render: ({
-    field: r,
-    fieldState: {
-      error: e,
-      isTouched: u
-    },
-    formState: {
-      isValid: c
-    }
-  }) => {
-    const t = (u || !c) && !i(e), p = r.value !== null ? new Date(r.value) : null;
-    return /* @__PURE__ */ f(x, { children: [
-      /* @__PURE__ */ l(T, { ...r, ...d, variant: "standard", required: a, fullWidth: m, value: p, helperText: t && e?.message, slotProps: {
-        ...s,
-        textField: {
-          ...s?.textField,
-          id: o,
-          error: t && !!e?.message,
-          helperText: t && e?.message
-        }
-      } }),
-      i(e) && /* @__PURE__ */ l(g, { severity: "error", icon: !1, sx: {
-        marginTop: -2
-      }, children: e?.message })
-    ] });
-  } });
+const n = {
+  WAS_CREATED_BY_USER_ID: "was_created_by_user_id",
+  COUNTERPART_ID: "counterpart_id",
+  TAGS: "tags.id",
+  AMOUNT: "amount",
+  CURRENCY: "currency"
+}, o = (e) => Object.values(n).includes(e), r = {
+  IN: "in",
+  EQUALS: "==",
+  GREATER_THAN: ">",
+  LESS_THAN: "<",
+  GREATER_THAN_OR_EQUAL: ">=",
+  LESS_THAN_OR_EQUAL: "<=",
+  RANGE: "range"
+}, i = (e) => Object.values(r).includes(e), a = (e) => e.replace("invoice.", ""), t = (e) => e.operator === r.IN && typeof e.left_operand == "string" && typeof e.right_operand == "object" && e.right_operand && "name" in e.right_operand, _ = (e) => !!e.left_operand && typeof e.left_operand == "object" && "name" in e.left_operand, l = (e) => t(e) ? {
+  key: a(e.right_operand.name),
+  value: e.left_operand
+} : _(e) ? {
+  key: a(e.left_operand?.name),
+  value: e.right_operand
+} : {
+  key: null,
+  value: null
 };
 export {
-  q as RHFTimePicker
+  n as NAMED_VALUES,
+  r as OPERATOR_OPERATIONS,
+  a as extractFieldName,
+  l as getTriggerKeyAndValue,
+  i as isValidOperation,
+  o as isValidTriggerKey
 };

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

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as o, Fragment as F } from "@emotion/react/jsx-runtime";
-import { ProductDeleteModal as I } from "./index202.js";
-import { ProductEditForm as T } from "./index212.js";
+import { ProductDeleteModal as I } from "./index162.js";
+import { ProductEditForm as T } from "./index172.js";
 import { MoniteScopedProviders as j } from "./index83.js";
 import { useCurrencies as B } from "./index58.js";
 import { useMoniteContext as L } from "./index57.js";
@@ -21,8 +21,8 @@ import { LoadingSpinner as X } from "./index131.js";
 import { NotFound as q } from "./index148.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 "./index213.js";
-import { ProductDetailLine as f } from "./index214.js";
+import { useGetProductById as Z } from "./index173.js";
+import { ProductDetailLine as f } from "./index174.js";
 import { AccessRestriction as tt } from "./index151.js";
 const Pt = (a) => /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(et, { ...a }) }), et = ({
   id: a,

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

@@ -1,19 +1,42 @@
-import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
-import { useLingui as s } from "@lingui/react";
-import { Badge as m } from "./index237.js";
-import { Typography as o } from "./index85.js";
-const f = ({
-  email: t,
-  isDefault: e
-}) => {
-  const {
-    i18n: r
-  } = s();
-  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
-    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
-  ] });
+import { getSharedApprovalRuleLabel as _, getUsersFromListLabel as t } from "./index401.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 {
-  f as DefaultEmail
+  r as APPROVAL_POLICY_RULE_TYPES,
+  S as APPROVAL_REQUEST_CALLS,
+  l as getRuleLabel,
+  L as getRuleName
 };