@tesouro/embedded-components-react 0.2.204 → 0.2.205

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

@@ -1,67 +1,98 @@
-import { jsx as a, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useMemo as o, useCallback as x } from "react";
-import { getLineItemErrorMessage as b } from "./index414.js";
-import { useLingui as E } from "@lingui/react";
-import { Collapse as _, Alert as j, List as v, ListItem as L, ListItemText as A } from "@mui/material";
-const q = ({
-  generalError: e,
-  fieldErrors: n
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useForm as y, Controller as i } from "react-hook-form";
+import { prepareBankAccountCreatePayload as k } from "./index464.js";
+import "date-fns";
+import { getCreateBankAccountSchema as x } from "./index184.js";
+import { safeZodResolver as C } from "./index233.js";
+import { useLingui as S } from "@lingui/react";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index159.js";
+import { Input as s } from "./index122.js";
+import { Typography as h } from "./index85.js";
+import { useCreateEntityBankAccount as F } from "./index389.js";
+import { Button as p } from "./index84.js";
+const I = ({
+  bankAccountsLength: b,
+  onCreate: _,
+  onCancel: f
 }) => {
-  const t = o(() => {
-    for (const r of Object.values(n))
-      if (r) return !0;
-    return !1;
-  }, [n]);
-  return e || t ? /* @__PURE__ */ a(_, { in: !0, sx: {
-    ":not(.MuiCollapse-hidden)": {
-      marginBottom: 1
-    }
-  }, children: /* @__PURE__ */ g(j, { severity: "error", sx: {
-    "& .MuiAlert-icon": {
-      alignItems: "center"
-    }
-  }, children: [
-    e && /* @__PURE__ */ a("div", { children: e }),
-    t && /* @__PURE__ */ a(v, { dense: !0, disablePadding: !0, sx: {
-      mt: e ? 1 : 0
-    }, children: Object.entries(n).map(([r, s]) => s ? /* @__PURE__ */ a(L, { disablePadding: !0, children: /* @__PURE__ */ a(A, { primary: s, primaryTypographyProps: {
-      sx: {
-        color: "inherit"
-      }
-    } }) }, r) : null) })
-  ] }) }) : null;
-}, C = (e) => {
   const {
-    i18n: n
-  } = E(), t = o(() => Array.isArray(e) ? e : e ? [e] : [], [e]), r = x((i) => {
-    for (let u = 0; u < t.length; u++) {
-      const f = t[u];
-      if (typeof f == "object") {
-        const h = b(f, i);
-        if (h)
-          return h;
-      }
+    i18n: a
+  } = S(), {
+    mutate: v,
+    isPending: o
+  } = F(_), {
+    control: l,
+    handleSubmit: g
+  } = y({
+    mode: "onSubmit",
+    reValidateMode: "onSubmit",
+    resolver: C(x(a)),
+    defaultValues: {
+      display_name: "",
+      account_holder_name: "",
+      account_number: "",
+      routing_number: ""
     }
-    return null;
-  }, [t]), s = o(() => r("product.name") ?? r("name"), [r]), l = o(() => r("quantity"), [r]), m = o(() => r("price") ?? r("product.price.value") ?? r("product.price.currency"), [r]), c = o(() => r("tax_rate_value"), [r]), p = o(() => r("product.measure_unit_id") ?? r("product.measure_unit_name") ?? r("measure_unit"), [r]), d = o(() => r("product.type"), [r]), y = o(() => t.length === 0 || (s || l || m || c || p || d) ? void 0 : t.some((i) => {
-    if (!i || typeof i != "object") return !1;
-    const u = Object.keys(i);
-    return u.length > 0 && u.some((f) => i[f] != null);
-  }) ? n._("Please check the form for errors") : void 0, [t, s, l, m, c, p, d, n]);
-  return {
-    generalError: y,
-    fieldErrors: {
-      name: s,
-      quantity: l,
-      price: m,
-      tax: c,
-      measureUnit: p,
-      productType: d
-    },
-    hasErrors: !!(y || s || l || m || c || p || d)
+  }), w = (t) => {
+    v({
+      body: k(t)
+    });
   };
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:p-3 ttw:gap-4 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: /* @__PURE__ */ e(h, { variant: "body2", children: a._("Add a bank account") }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "routing_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "routing_number", children: a._("Routing number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "routing_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "account_number", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_number", children: a._("Account number") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_number", placeholder: a._("e.g. 123456789"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(i, { name: "account_holder_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(m, { htmlFor: "account_holder_name", children: a._("Account holder name") }),
+        /* @__PURE__ */ e(s, { ...t, id: "account_holder_name", placeholder: a._("e.g. James Smith"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) }),
+      /* @__PURE__ */ e(i, { name: "display_name", control: l, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ n(m, { htmlFor: "display_name", className: "ttw:gap-1", children: [
+          a._("Account nickname"),
+          /* @__PURE__ */ e(h, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: a._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(s, { ...t, id: "display_name", placeholder: a._("e.g. Empire Bank Checking"), value: t.value ?? "", disabled: o, "aria-invalid": !!r }),
+        /* @__PURE__ */ e(u, { errors: r ? [r] : [] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      b !== 0 && /* @__PURE__ */ e(p, { type: "button", variant: "outline", className: "ttw:border-border", disabled: o, onClick: f, children: a._("Cancel") }),
+      /* @__PURE__ */ e(p, { type: "button", disabled: o, onClick: g(w), children: a._("Save account") })
+    ] })
+  ] });
 };
 export {
-  q as FormErrorDisplay,
-  C as useFormErrors
+  I as BankAccountSectionForm
 };

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

@@ -1,46 +1,14 @@
-import { jsxs as _, jsx as e } from "@emotion/react/jsx-runtime";
-import { memo as b } from "react";
-import { Button as I } from "./index84.js";
-import { Checkbox as y } from "./index353.js";
-import { Trash2 as N } from "lucide-react";
-import { ItemSelector as R } from "./index428.js";
-import { PriceField as U } from "./index475.js";
-import { QuantityField as F } from "./index476.js";
-import { MeasureUnitField as V } from "./index477.js";
-const j = ({
-  index: t,
-  control: l,
-  errors: a,
-  defaultCurrency: i = "USD",
-  measureUnitsData: m,
-  container: c,
-  onRequestLineItemValue: o,
-  onLineItemValueChange: n,
-  onUpdateItem: p,
-  onRemoveItem: u,
-  canRemove: s,
-  autoFocusName: h = !1
+const o = (e) => {
+  const t = e.lastIndexOf(".");
+  return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
+}, l = (e, {
+  acceptedFormats: t,
+  acceptedExtensions: n,
+  maxFileSizeInMB: s
 }) => {
-  const w = !!a.line_items?.[t]?.product?.name, v = !!a.line_items?.[t]?.quantity, f = !!a.line_items?.[t]?.product?.price?.value, d = o("product.name"), x = !!(d && d.trim()), g = a.line_items?.[t]?.product?.measure_unit_id;
-  return /* @__PURE__ */ _("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-9", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:min-w-30", children: /* @__PURE__ */ e(R, { onChange: (r, C) => p(t, r, C), fieldName: o("product.name") || "", index: t, error: w, autoFocus: h, defaultCurrency: i, measureUnits: m, container: c }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(F, { index: t, control: l, quantityError: v, canRemove: s, hasProduct: x, onLineItemValueChange: n, onRemoveItem: u }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { value: o("product.measure_unit_id"), onChange: (r) => {
-      n("product.measure_unit_id", r, {
-        shouldValidate: !0
-      });
-    }, availableMeasureUnits: m?.data || [], fieldError: g }) }),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(U, { error: f, currency: i, value: o("product.price.value"), onChange: (r) => {
-      n("product.price.value", r, {
-        shouldValidate: !0
-      });
-    } }) }),
-    /* @__PURE__ */ e("div", { className: "ttw:w-12 ttw:min-w-12 ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ e(y, { checked: o("taxable") ?? !1, onCheckedChange: (r) => {
-      n("taxable", r === !0);
-    } }) }),
-    s && /* @__PURE__ */ e(I, { type: "button", variant: "ghost", size: "sm", className: "ttw:w-10 ttw:text-muted-foreground ttw:hover:bg-transparent ttw:hover:text-destructive ttw:border-l ttw:border-border ttw:pl-4 ttw:rounded-none ttw:has-[>svg]:pr-0", onClick: () => u(t), children: /* @__PURE__ */ e(N, {}) })
-  ] });
-}, z = b(j);
+  const a = t.includes(e.type), c = n.includes(o(e.name));
+  return !a && !c ? "unsupported_type" : e.size > s * 1024 * 1024 ? "too_large" : null;
+};
 export {
-  z as InvoiceItemRow
+  l as validateAttachmentFile
 };

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

@@ -1,27 +1,4 @@
-import { jsxs as n, jsx as t } from "@emotion/react/jsx-runtime";
-import { useLingui as r } from "@lingui/react";
-import { twMerge as i } from "tailwind-merge";
-const o = ({
-  label: e,
-  value: l,
-  className: a
-}) => /* @__PURE__ */ n("li", { className: i("ttw:flex ttw:justify-between ttw:items-center", a), children: [
-  /* @__PURE__ */ t("span", { children: e }),
-  /* @__PURE__ */ t("span", { children: l?.toString() })
-] }), u = ({
-  subtotalPrice: e,
-  totalTaxes: l,
-  totalPrice: a
-}) => {
-  const {
-    i18n: s
-  } = r();
-  return /* @__PURE__ */ n("ul", { className: "ttw:w-full ttw:flex ttw:flex-col ttw:gap-1.5 ttw:list-none", children: [
-    /* @__PURE__ */ t(o, { label: s._("Subtotal"), value: e, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Tax"), value: l, className: "ttw:text-sm ttw:font-normal" }),
-    /* @__PURE__ */ t(o, { label: s._("Total"), value: a, className: "ttw:text-lg ttw:font-medium" })
-  ] });
-};
+const r = (o) => o ? Array.from(o) : [];
 export {
-  u as InvoiceTotals
+  r as toFileArray
 };