@tesouro/embedded-components-react 0.2.151 → 0.2.152

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

@@ -1,18 +1,98 @@
-import { createElement as t } from "react";
-const e = ({
-  color: h = "currentColor",
-  size: a,
-  ...o
-}) => t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: h,
-  ...o
-}, t("path", {
-  d: "M3.5,6a1,1,0,1,0,1,1A1,1,0,0,0,3.5,6Zm4,2h14a1,1,0,0,0,0-2H7.5a1,1,0,0,0,0,2Zm0,3a1,1,0,1,0,1,1A1,1,0,0,0,7.5,11Zm4,5a1,1,0,1,0,1,1A1,1,0,0,0,11.5,16Zm10-5h-10a1,1,0,0,0,0,2h10a1,1,0,0,0,0-2Zm0,5h-6a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z"
-}));
+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 "./index437.js";
+import "date-fns";
+import { getCreateBankAccountSchema as x } from "./index192.js";
+import { safeZodResolver as C } from "./index223.js";
+import { useLingui as S } from "@lingui/react";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldError as u } from "./index156.js";
+import { Input as s } from "./index117.js";
+import { Typography as h } from "./index85.js";
+import { useCreateEntityBankAccount as F } from "./index413.js";
+import { Button as p } from "./index84.js";
+const I = ({
+  bankAccountsLength: b,
+  onCreate: _,
+  onCancel: f
+}) => {
+  const {
+    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: ""
+    }
+  }), 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 {
-  e as UListUiAlt
+  I as BankAccountSectionForm
 };

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

@@ -1,18 +1,19 @@
-import { createElement as e } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: t,
-  ...r
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: t,
-  height: t,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...r
-}, e("path", {
-  d: "M12.3,12.22A4.92,4.92,0,0,0,14,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,1,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,12.3,12.22ZM9,11.5a3,3,0,1,1,3-3A3,3,0,0,1,9,11.5Zm9.74.32A5,5,0,0,0,15,3.5a1,1,0,0,0,0,2,3,3,0,0,1,3,3,3,3,0,0,1-1.5,2.59,1,1,0,0,0-.5.84,1,1,0,0,0,.45.86l.39.26.13.07a7,7,0,0,1,4,6.38,1,1,0,0,0,2,0A9,9,0,0,0,18.74,11.82Z"
-}));
+const t = (e, n, a) => {
+  switch (e) {
+    case "INTERNAL":
+      return n ? a._("Powered by {embeddedBankName}", {
+        embeddedBankName: n
+      }) : null;
+    case "EXTERNAL":
+      return a._("Linked account");
+    default:
+      return null;
+  }
+}, c = (e, n) => {
+  const a = e.account_number?.slice(-4) ?? e.account_number_last4;
+  return [e.display_name || n._("Bank Account"), a].filter(Boolean).join(" - ");
+};
 export {
-  a as UUsersAlt
+  c as getLineLabel,
+  t as getSourceLabel
 };

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

@@ -1,18 +1,13 @@
-import { createElement as e } from "react";
-const A = ({
-  color: r = "currentColor",
-  size: a,
-  ...t
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: r,
-  ...t
-}, e("path", {
-  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
-}));
+import { useMoniteContext as o } from "./index57.js";
+const r = () => {
+  const {
+    api: e
+  } = o();
+  return e.finops.deleteFilesId.useMutation(void 0, {
+    onError: () => {
+    }
+  });
+};
 export {
-  A as UUserSquare
+  r as useDeleteFile
 };

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

@@ -1,13 +1,13 @@
-const e = {
-  singleUser: (s) => s._("Single user"),
-  anyUserFromList: (s) => s._("Any user from the list"),
-  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
-    count: r.toString()
-  }),
-  anyUserWithRole: (s) => s._("Any user with role"),
-  allUsersFromList: (s) => s._("All users from list, one by one")
-}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
+import { useMoniteContext as o } from "./index57.js";
+const n = () => {
+  const {
+    api: t
+  } = o();
+  return t.finops.postFiles.useMutation({}, {
+    onError: () => {
+    }
+  });
+};
 export {
-  e as getSharedApprovalRuleLabel,
-  t as getUsersFromListLabel
+  n as useUploadReceivableAttachment
 };

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

@@ -1,34 +1,14 @@
-import { useRef as v, useState as s, useCallback as r, useEffect as M } from "react";
-const D = () => {
-  const t = v(null), [n, a] = s(!1), [u, o] = s(0), [f, c] = s(0), d = r((e) => {
-    a(!0), o(e.pageX - (t.current?.offsetLeft || 0)), c(t.current?.scrollLeft || 0);
-  }, []), h = r(() => {
-    a(!1);
-  }, []), i = r(() => {
-    a(!1);
-  }, []), L = r((e) => {
-    if (!n) return;
-    e.preventDefault();
-    const p = e.pageX - (t.current?.offsetLeft || 0) - u;
-    t.current && (t.current.scrollLeft = f - p);
-  }, [n, u, f]), l = r((e) => {
-    t.current && (e.deltaMode === 0 && Math.abs(e.deltaX) > Math.abs(e.deltaY) ? (e.preventDefault(), t.current.scrollLeft += e.deltaX * 2) : e.preventDefault());
-  }, []);
-  return M(() => {
-    const e = t.current;
-    if (e)
-      return e.addEventListener("wheel", l), () => {
-        e.removeEventListener("wheel", l);
-      };
-  }, [l]), {
-    containerRef: t,
-    handleMouseDown: d,
-    handleMouseLeave: h,
-    handleMouseUp: i,
-    handleMouseMove: L,
-    isDragging: n
-  };
+const o = (e) => {
+  const t = e.lastIndexOf(".");
+  return t >= 0 ? e.slice(t + 1).toLowerCase() : "";
+}, l = (e, {
+  acceptedFormats: t,
+  acceptedExtensions: n,
+  maxFileSizeInMB: s
+}) => {
+  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 {
-  D as useDragScroll
+  l as validateAttachmentFile
 };

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

@@ -1,7 +1,4 @@
-const o = (e) => JSON.stringify(Object.entries(e).sort(([t], [a]) => t.localeCompare(a))), r = (e) => {
-  if (e)
-    return JSON.stringify(e.map(o).sort((t, a) => t.localeCompare(a)));
-};
+const r = (o) => o ? Array.from(o) : [];
 export {
-  r as getPayablesAnalyticsSnapshot
+  r as toFileArray
 };