@tesouro/embedded-components-react 0.2.164 → 0.2.165

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

@@ -1,53 +1,74 @@
-import { jsxs as p, jsx as a } from "@emotion/react/jsx-runtime";
-import { useMemo as m } from "react";
-import { getUserDisplayName as c, getIndividualName as w } from "./index95.js";
-import "date-fns";
-import { UserAvatar as d } from "./index373.js";
-import { Box as f, Typography as h } from "@mui/material";
-const U = ({
-  user: e,
-  showUserEmail: r = !1,
-  showAvatar: s = !0,
-  avatarSize: i = 24,
-  variant: x = "inline",
-  typographyVariant: l = "body2",
-  sx: o
+import { jsxs as A, Fragment as F, jsx as i } from "@emotion/react/jsx-runtime";
+import { createElement as j } from "@emotion/react";
+import { useTags as k } from "./index488.js";
+import { TagFormModal as w } from "./index47.js";
+import { useRootElements as y } from "./index92.js";
+import { useLingui as S } from "@lingui/react";
+import I from "@mui/icons-material/Add";
+import { Autocomplete as L, TextField as M, Button as V } from "@mui/material";
+import { createFilterOptions as W } from "@mui/material/Autocomplete";
+import { useState as B, useMemo as m } from "react";
+const p = (o) => o ? o.map(({
+  id: r,
+  name: n
+}) => ({
+  value: r,
+  label: n
+})) : [], d = "__create-new__";
+function D(o) {
+  return o?.value === d;
+}
+const P = W(), N = ({
+  disabled: o,
+  value: r,
+  onChange: n,
+  label: f,
+  variant: c = "filled",
+  error: v = !1,
+  helperText: h,
+  required: g = !1
 }) => {
-  const t = m(() => c(e, r), [e, r]), n = m(() => w(e.first_name || "", e.last_name || ""), [e.first_name, e.last_name]);
-  return x === "stacked" ? /* @__PURE__ */ p(f, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    gap: 1,
-    ...o
-  }, children: [
-    s && /* @__PURE__ */ a(d, { sx: {
-      width: i,
-      height: i
-    }, alt: n, fileId: e.userpic_file_id }),
-    /* @__PURE__ */ a(h, { variant: l, title: t ?? "", sx: {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap",
-      textAlign: "center"
-    }, children: t ?? "" })
-  ] }) : /* @__PURE__ */ p(f, { sx: {
-    display: "flex",
-    alignItems: "center",
-    gap: 1,
-    ...o
-  }, children: [
-    s && /* @__PURE__ */ a(d, { sx: {
-      width: i,
-      height: i
-    }, alt: n, fileId: e.userpic_file_id }),
-    /* @__PURE__ */ a(h, { variant: l, title: t ?? "", sx: {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap"
-    }, children: t ?? "" })
+  const {
+    i18n: x
+  } = S(), {
+    root: b
+  } = y(), {
+    tagsQuery: s
+  } = k(), [T, u] = B(!1), C = m(() => r ? p(r) : [], [r]), O = m(() => {
+    const t = s.data?.data || [], e = r || [], a = [...t];
+    return e.forEach((l) => {
+      a.find((q) => q.id === l.id) || a.push(l);
+    }), p(a);
+  }, [s.data?.data, r]), _ = (t) => {
+    const e = t.map((l) => l.value), a = s.data?.data?.filter((l) => e.includes(l.id)) || [];
+    n?.(a);
+  }, E = () => {
+    u(!0);
+  };
+  return /* @__PURE__ */ A(F, { children: [
+    /* @__PURE__ */ i(w, { open: T, onClose: () => u(!1), onCreate: (t) => {
+      const e = [...r || [], t];
+      n?.(e);
+    }, isDeleteAllowed: !1 }),
+    /* @__PURE__ */ i(L, { disabled: o, multiple: !0, filterSelectedOptions: !0, getOptionLabel: (t) => t.label, options: O, slotProps: {
+      popper: {
+        container: b
+      }
+    }, isOptionEqualToValue: (t, e) => t.value === e.value, value: C, onChange: (t, e) => {
+      _(e || []);
+    }, filterOptions: (t, e) => {
+      const a = P(t, e);
+      return a.unshift({
+        value: d,
+        label: x._("Create new tag")
+      }), a;
+    }, renderOption: (t, e) => D(e) ? /* @__PURE__ */ i(V, { variant: "text", startIcon: /* @__PURE__ */ i(I, {}), fullWidth: !0, sx: {
+      justifyContent: "flex-start",
+      px: 2
+    }, onClick: E, children: e.label }, e.value) : /* @__PURE__ */ j("li", { ...t, key: e.value }, e.label), renderInput: (t) => /* @__PURE__ */ i(M, { ...t, label: f, variant: c, fullWidth: !0, error: v, helperText: h, required: g }) })
   ] });
 };
 export {
-  U as UserDisplayCell
+  N as TagsAutocomplete,
+  p as tagsToSelect
 };

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

@@ -1,61 +1,23 @@
-import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
-import { User as x } from "./index285.js";
-import { PayableStatusChip as u } from "./index148.js";
-import { useLingui as y } from "@lingui/react";
-import { Box as n, CircularProgress as g, Typography as r, Paper as v, Table as f, TableBody as b, TableRow as w, TableCell as l, Stack as A } from "@mui/material";
-import { useResolvedApprovalStepsWithPolicy as P } from "./index482.js";
-const j = ({
-  approvalPolicy: d,
-  payableId: p,
-  showUsersAsEmail: h = !0
-}) => {
-  const {
-    i18n: s
-  } = y(), {
-    steps: a,
-    isLoading: c
-  } = P(p, d);
-  return c ? /* @__PURE__ */ e(n, { sx: {
-    display: "flex",
-    justifyContent: "center",
-    p: 3
-  }, children: /* @__PURE__ */ e(g, { size: 20 }) }) : a.length ? /* @__PURE__ */ o(n, { sx: {
-    mt: 4
-  }, children: [
-    /* @__PURE__ */ e(r, { variant: "h6", gutterBottom: !0, sx: {
-      fontWeight: 600
-    }, children: s._("Approval flow") }),
-    /* @__PURE__ */ e(v, { variant: "outlined", sx: {
-      mt: 2
-    }, children: /* @__PURE__ */ e(f, { sx: {
-      tableLayout: "fixed",
-      width: "100%"
-    }, children: /* @__PURE__ */ e(b, { children: a.map((i, m) => /* @__PURE__ */ o(w, { children: [
-      /* @__PURE__ */ e(l, { sx: {
-        verticalAlign: "middle",
-        py: 2,
-        width: "160px"
-      }, children: /* @__PURE__ */ e(r, { variant: "body2", color: "text.primary", sx: {
-        fontWeight: "normal"
-      }, children: i.type }) }),
-      /* @__PURE__ */ e(l, { sx: {
-        py: 2,
-        verticalAlign: "middle",
-        minWidth: "52px"
-      }, children: i.userNames.length > 0 ? /* @__PURE__ */ e(A, { direction: "column", spacing: 0.5, sx: {
-        overflow: "hidden"
-      }, children: i.resolvedUsers.map((t) => t ? /* @__PURE__ */ e(x, { user: t, variant: "cell", showUsersAsEmail: h, showAvatar: !1 }, t.id) : null) }) : /* @__PURE__ */ e(r, { variant: "body2", color: "text.secondary", sx: {
-        fontWeight: "medium"
-      }, children: s._("No users assigned") }) }),
-      /* @__PURE__ */ e(l, { sx: {
-        py: 2,
-        textAlign: "right",
-        verticalAlign: "middle",
-        width: "140px"
-      }, children: /* @__PURE__ */ e(u, { status: i.payableStatus }) })
-    ] }, m)) }) }) })
-  ] }) : null;
-};
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { TagsAutocomplete as f } from "./index454.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
+  }
+}) => /* @__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 {
-  j as PayableApprovalFlowSection
+  T as TagsAutocompleteInput
 };

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

@@ -1,35 +1,98 @@
-import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
-import { useRootElements as g } from "./index92.js";
-import { TagsAutocomplete as f } from "./index448.js";
-import { DialogTitle as h, DialogContent as C, DialogActions as v, Button as r } from "@mui/material";
-import "react-hook-form";
-import { Dialog as x } from "./index50.js";
-import { useLingui as D } from "@lingui/react";
-import { useState as T } from "react";
-const R = ({
-  opened: a,
-  onClose: t,
-  value: l,
-  updateTags: s
+import { jsxs as l, jsx as e } from "@emotion/react/jsx-runtime";
+import { useFormContext as T, useFieldArray as P, Controller as m } from "react-hook-form";
+import { calculateTotalPriceForLineItem as v } from "./index318.js";
+import { GLCodeSelector as W } from "./index484.js";
+import { useCurrencies as F } from "./index58.js";
+import { useLingui as _ } from "@lingui/react";
+import S from "@mui/icons-material/Add";
+import L from "@mui/icons-material/DeleteForever";
+import { Grid as r, TextField as d, IconButton as $, Typography as j, Button as w } from "@mui/material";
+const Q = ({
+  enableGLCodes: f
 }) => {
   const {
-    root: m
-  } = g(), {
-    i18n: e
-  } = D(), [i, c] = T(l), d = (u) => {
-    c(u);
-  }, p = () => {
-    s?.(i), t();
-  };
-  return /* @__PURE__ */ n(x, { open: a, onClose: t, container: m, fullWidth: !0, children: [
-    /* @__PURE__ */ o(h, { children: e._("Edit tags") }),
-    /* @__PURE__ */ o(C, { dividers: !0, children: /* @__PURE__ */ o(f, { value: i, onChange: d }) }),
-    /* @__PURE__ */ n(v, { children: [
-      /* @__PURE__ */ o(r, { variant: "text", onClick: t, children: e._("Cancel") }),
-      /* @__PURE__ */ o(r, { variant: "contained", onClick: p, children: e._("Update") })
-    ] })
+    i18n: o
+  } = _(), {
+    getSymbolFromCurrency: x,
+    formatCurrencyToDisplay: h,
+    formatToMinorUnits: g
+  } = F(), {
+    control: a,
+    watch: s
+  } = T(), {
+    fields: c,
+    append: y,
+    remove: I
+  } = P({
+    control: a,
+    name: "lineItems"
+  }), u = s("currency"), p = s("lineItems");
+  return /* @__PURE__ */ l(r, { container: !0, direction: "column", spacing: 4, children: [
+    c.map((b, i) => /* @__PURE__ */ l(r, { item: !0, container: !0, gap: 2, className: "Monite-PayableDetailsForm-Item", children: [
+      /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 8, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.name`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Name"), variant: "standard", error: !!n, helperText: n?.message, fullWidth: !0 }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 3, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.quantity`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Quantity"), variant: "standard", type: "number", inputProps: {
+          min: 1
+        }, error: !!n, helperText: n?.message, fullWidth: !0 }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1, container: !0, sx: {
+          justifyContent: "flex-end",
+          alignItems: "center"
+        }, children: /* @__PURE__ */ e($, { "aria-label": "delete", onClick: () => I(i), disabled: c.length === 1, children: /* @__PURE__ */ e(L, {}) }) })
+      ] }),
+      f && /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 11, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.ledger_account_id`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(W, { value: t.value ?? void 0, onChange: (C) => t.onChange(C ?? void 0), error: !!n, helperText: n?.message }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1 })
+      ] }),
+      /* @__PURE__ */ l(r, { item: !0, xs: 12, gap: 2, container: !0, flexWrap: "nowrap", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ e(r, { item: !0, xs: 8, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.price`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Price"), variant: "standard", type: "number", inputProps: {
+          min: 0
+        }, error: !!n, helperText: n?.message, fullWidth: !0, InputProps: {
+          endAdornment: x(s("currency"))
+        } }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 3, children: /* @__PURE__ */ e(m, { name: `lineItems.${i}.tax`, control: a, render: ({
+          field: t,
+          fieldState: {
+            error: n
+          }
+        }) => /* @__PURE__ */ e(d, { ...t, id: t.name, label: o._("Tax"), variant: "standard", type: "number", inputProps: {
+          min: 0,
+          max: 100
+        }, error: !!n, helperText: n?.message, fullWidth: !0, InputProps: {
+          endAdornment: "%"
+        } }) }) }),
+        /* @__PURE__ */ e(r, { item: !0, xs: 1 })
+      ] }),
+      p?.[i] && u && /* @__PURE__ */ e(r, { item: !0, xs: 12, gap: 2, className: "Monite-PayableDetailsForm-Item-Total", children: /* @__PURE__ */ e(j, { fontWeight: "bold", align: "right", children: h(g(v(p?.[i]), u) || 0, u) }) })
+    ] }, b.id)),
+    /* @__PURE__ */ e(r, { item: !0, xs: 12, gap: 2, children: /* @__PURE__ */ e(w, { variant: "text", startIcon: /* @__PURE__ */ e(S, {}), onClick: () => y({
+      id: "",
+      name: "",
+      quantity: 1,
+      price: 0,
+      tax: 19
+    }), children: o._("Add item") }) })
   ] });
 };
 export {
-  R as TagsModal
+  Q as PayableLineItemsForm
 };

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

@@ -1,10 +1,18 @@
-const e = (a) => ({
-  bank_name: a?.bank_name || void 0,
-  display_name: a?.display_name || void 0,
-  account_holder_name: a?.account_holder_name || void 0,
-  account_number: a?.account_number || void 0,
-  routing_number: a?.routing_number || void 0
-});
+import { useCounterpartList as u } from "./index71.js";
+import { useCounterpartsBankAccountsList as o } from "./index147.js";
+function s({
+  currentCounterpartId: r
+}) {
+  const t = u({
+    query: {
+      is_vendor: !0
+    }
+  }), e = o(r);
+  return {
+    counterpartQuery: t,
+    counterpartBankAccountQuery: e
+  };
+}
 export {
-  e as prepareBankAccountCreatePayload
+  s as usePayableDetailsForm
 };