@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/shared/counterpart-management/ui/dist/index8.js

@@ -0,0 +1,176 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useId as N } from "react";
+import { Label as n, Input as u, Select as x, SelectTrigger as C, SelectValue as $, SelectContent as y, SelectItem as F, Checkbox as L } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { FieldError as d } from "./index13.js";
+import { FormSheet as S } from "./index14.js";
+import { BANK_ACCOUNT_FORM_SHEET_LABELS_EN as B } from "./index2.js";
+function D({
+  open: m,
+  onOpenChange: h,
+  mode: s,
+  values: c,
+  errors: i,
+  currencyOptions: g,
+  inProgress: b,
+  onChange: o,
+  onSubmit: w,
+  onCancel: v,
+  labels: f
+}) {
+  const l = { ...B, ...f }, a = N(), p = s === "edit" ? l.editTitle : l.createTitle;
+  return /* @__PURE__ */ r(
+    S,
+    {
+      open: m,
+      onOpenChange: h,
+      title: p,
+      formError: i?.form,
+      inProgress: b,
+      submitLabel: s === "edit" ? l.saveButton : l.createButton,
+      cancelLabel: l.cancelButton,
+      onSubmit: w,
+      onCancel: v,
+      children: [
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(n, { htmlFor: `${a}-name`, children: l.nameLabel }),
+          /* @__PURE__ */ e(
+            u,
+            {
+              id: `${a}-name`,
+              autoFocus: !0,
+              value: c.name,
+              "aria-invalid": !!i?.name,
+              onChange: (t) => o({ name: t.target.value })
+            }
+          ),
+          /* @__PURE__ */ e(d, { message: i?.name })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(n, { htmlFor: `${a}-holder`, children: l.accountHolderNameLabel }),
+          /* @__PURE__ */ e(
+            u,
+            {
+              id: `${a}-holder`,
+              value: c.accountHolderName,
+              onChange: (t) => o({ accountHolderName: t.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { htmlFor: `${a}-account-number`, children: l.accountNumberLabel }),
+            /* @__PURE__ */ e(
+              u,
+              {
+                id: `${a}-account-number`,
+                value: c.accountNumber,
+                "aria-invalid": !!i?.accountNumber,
+                onChange: (t) => o({ accountNumber: t.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(d, { message: i?.accountNumber })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { htmlFor: `${a}-routing`, children: l.routingNumberLabel }),
+            /* @__PURE__ */ e(
+              u,
+              {
+                id: `${a}-routing`,
+                value: c.routingNumber,
+                "aria-invalid": !!i?.routingNumber,
+                onChange: (t) => o({ routingNumber: t.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(d, { message: i?.routingNumber })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { htmlFor: `${a}-iban`, children: l.ibanLabel }),
+            /* @__PURE__ */ e(
+              u,
+              {
+                id: `${a}-iban`,
+                value: c.iban,
+                onChange: (t) => o({ iban: t.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { htmlFor: `${a}-bic`, children: l.bicLabel }),
+            /* @__PURE__ */ e(
+              u,
+              {
+                id: `${a}-bic`,
+                value: c.bic,
+                onChange: (t) => o({ bic: t.target.value })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-4", children: [
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { htmlFor: `${a}-sort-code`, children: l.sortCodeLabel }),
+            /* @__PURE__ */ e(
+              u,
+              {
+                id: `${a}-sort-code`,
+                value: c.sortCode,
+                onChange: (t) => o({ sortCode: t.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(n, { htmlFor: `${a}-currency`, children: l.currencyLabel }),
+            /* @__PURE__ */ r(
+              x,
+              {
+                value: c.currency === "" ? void 0 : c.currency,
+                onValueChange: (t) => o({ currency: t }),
+                children: [
+                  /* @__PURE__ */ e(
+                    C,
+                    {
+                      id: `${a}-currency`,
+                      className: "ttw:w-full",
+                      "aria-invalid": !!i?.currency,
+                      children: /* @__PURE__ */ e($, { placeholder: l.currencyPlaceholder })
+                    }
+                  ),
+                  /* @__PURE__ */ e(y, { children: g.map((t) => /* @__PURE__ */ e(F, { value: t.value, children: t.label }, t.value)) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(d, { message: i?.currency })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+          /* @__PURE__ */ e(n, { htmlFor: `${a}-country`, children: l.countryLabel }),
+          /* @__PURE__ */ e(
+            u,
+            {
+              id: `${a}-country`,
+              value: l.countryValue,
+              disabled: !0,
+              readOnly: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+          /* @__PURE__ */ e(
+            L,
+            {
+              id: `${a}-default`,
+              checked: c.isDefault,
+              onCheckedChange: (t) => o({ isDefault: t === !0 })
+            }
+          ),
+          /* @__PURE__ */ e(n, { htmlFor: `${a}-default`, children: l.isDefaultLabel })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  D as BankAccountFormSheet
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/EmbedApiContext.js

@@ -0,0 +1,27 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as u, useMemo as d, useContext as m } from "react";
+import { client as p } from "./rest/client.gen.js";
+const n = u({
+  client: p,
+  authEpoch: 0
+});
+function f({
+  children: r,
+  client: e,
+  widgetToken: t,
+  organizationId: o,
+  authEpoch: i
+}) {
+  const c = d(
+    () => ({ client: e, organizationId: o, widgetToken: t, authEpoch: i }),
+    [e, o, t, i]
+  );
+  return /* @__PURE__ */ a(n.Provider, { value: c, children: r });
+}
+function E() {
+  return m(n);
+}
+export {
+  f as EmbedApiProvider,
+  E as useEmbedApi
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/allPages.js

@@ -0,0 +1,23 @@
+"use client";
+import { useEffect as o } from "react";
+function s(t, e, g, i) {
+  const a = t.nextPaginationToken ?? void 0;
+  if (!(a === void 0 || i.includes(a)))
+    return a;
+}
+function r(t, e) {
+  o(() => {
+    e && t.hasNextPage && !t.isFetchingNextPage && !t.isError && t.fetchNextPage();
+  }, [
+    e,
+    t.hasNextPage,
+    t.isFetchingNextPage,
+    t.isError,
+    t.fetchNextPage,
+    t
+  ]);
+}
+export {
+  s as getAllPagesNextPageParam,
+  r as useAutoFetchNextPage
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/api-version.json.js

@@ -0,0 +1,7 @@
+const s = "2025-06-23", o = {
+  version: s
+};
+export {
+  o as default,
+  s as version
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/bank-account/useAllBankAccountsQuery.js

@@ -0,0 +1,49 @@
+"use client";
+import { useMemo as p } from "react";
+import { useInfiniteQuery as P } from "@tanstack/react-query";
+import { useEmbedApi as f } from "../EmbedApiContext.js";
+import { organizationHeaders as y } from "../organizationHeaders.js";
+import { getBankAccounts as A } from "../rest/sdk.gen.js";
+import { getBankAccountsOptions as h } from "../rest/@tanstack/react-query.gen.js";
+import { getAllPagesNextPageParam as k, useAutoFetchNextPage as x } from "../allPages.js";
+const u = 100;
+function O({
+  enabled: e
+} = {}) {
+  const { client: n, organizationId: o, widgetToken: m, authEpoch: l } = f(), r = y(o), i = !!(o && m) && (e === !0 || e === void 0), d = h({
+    client: n,
+    headers: r,
+    query: { limit: u }
+  }), a = P({
+    queryKey: [...d.queryKey, "all", { authEpoch: l }],
+    enabled: i,
+    initialPageParam: void 0,
+    queryFn: async ({ signal: t, pageParam: s }) => {
+      const { data: c } = await A({
+        client: n,
+        headers: r,
+        query: {
+          limit: u,
+          ...s ? { pagination_token: s } : {}
+        },
+        signal: t,
+        throwOnError: !0
+      });
+      return c;
+    },
+    getNextPageParam: k
+  });
+  x(a, i);
+  const g = p(() => a.data ? {
+    data: a.data.pages.flatMap((t) => t.data ?? []),
+    nextPaginationToken: null,
+    prevPaginationToken: null
+  } : void 0, [a.data]);
+  return {
+    ...a,
+    data: g
+  };
+}
+export {
+  O as useAllBankAccountsQuery
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/client.config.js

@@ -0,0 +1,12 @@
+import e from "./api-version.json.js";
+const s = (r) => ({
+  ...r,
+  headers: {
+    ...r?.headers,
+    "x-finops-version": e.version
+  },
+  throwOnError: !0
+});
+export {
+  s as createClientConfig
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/clientRegistry.js

@@ -0,0 +1,24 @@
+"use client";
+const t = /* @__PURE__ */ new Set();
+function r(e) {
+  t.add(e);
+}
+function s(e) {
+  t.delete(e);
+}
+function a(e) {
+  return Promise.all(
+    [...t].map((n) => n.invalidateQueries({ queryKey: e }))
+  ).then(() => {
+  });
+}
+function l(e, n) {
+  for (const i of t)
+    i.setQueriesData({ queryKey: e }, n);
+}
+export {
+  a as invalidateAllClients,
+  r as registerQueryClient,
+  l as setAllClientsQueriesData,
+  s as unregisterQueryClient
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/createEmbeddedClient.js

@@ -0,0 +1,24 @@
+import { createClientConfig as s } from "./client.config.js";
+import { createClient as t } from "./rest/client/client.gen.js";
+import { createConfig as n } from "./rest/client/utils.gen.js";
+const i = "https://api.stage.tesouro.com";
+function a(r = i) {
+  return t(
+    s(n({ baseUrl: r }))
+  );
+}
+function u(r) {
+  const o = t(r.getConfig());
+  for (const e of r.interceptors.request.fns)
+    e && o.interceptors.request.use(e);
+  for (const e of r.interceptors.response.fns)
+    e && o.interceptors.response.use(e);
+  for (const e of r.interceptors.error.fns)
+    e && o.interceptors.error.use(e);
+  return o;
+}
+export {
+  i as EMBEDDED_API_BASE_URL,
+  u as cloneEmbeddedClient,
+  a as createEmbeddedClient
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/external-bank-account/useAllExternalBankAccountsQuery.js

@@ -0,0 +1,50 @@
+"use client";
+import { useMemo as p } from "react";
+import { useInfiniteQuery as P } from "@tanstack/react-query";
+import { useEmbedApi as x } from "../EmbedApiContext.js";
+import { getExternalBankAccounts as y } from "../rest/sdk.gen.js";
+import { getExternalBankAccountsOptions as f } from "../rest/@tanstack/react-query.gen.js";
+import { getAllPagesNextPageParam as h, useAutoFetchNextPage as A } from "../allPages.js";
+const l = 100;
+function w({
+  enabled: e
+} = {}) {
+  const { client: n, organizationId: o, widgetToken: u, authEpoch: m } = x(), r = { "x-organization-id": o ?? "" }, i = !!(o && u) && (e === !0 || e === void 0), g = f({
+    client: n,
+    headers: r,
+    query: { limit: l }
+  }), a = P({
+    queryKey: [...g.queryKey, "all", { authEpoch: m }],
+    enabled: i,
+    initialPageParam: void 0,
+    queryFn: async ({ signal: t, pageParam: s }) => {
+      const { data: d } = await y({
+        client: n,
+        headers: r,
+        query: {
+          limit: l,
+          ...s ? { pagination_token: s } : {}
+        },
+        signal: t,
+        throwOnError: !0
+      });
+      return d;
+    },
+    getNextPageParam: h
+  });
+  A(a, i);
+  const c = p(() => a.data ? {
+    data: a.data.pages.flatMap(
+      (t) => t.data ?? []
+    ),
+    nextPaginationToken: null,
+    prevPaginationToken: null
+  } : void 0, [a.data]);
+  return {
+    ...a,
+    data: c
+  };
+}
+export {
+  w as useAllExternalBankAccountsQuery
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/fetchWidgetInit.js

@@ -0,0 +1,15 @@
+import { getApiWidgetGatewayInit as n } from "./rest/sdk.gen.js";
+function g({
+  client: e,
+  widgetToken: t,
+  signal: i
+}) {
+  return n({
+    client: e,
+    headers: { "X-Widget-Token": t },
+    signal: i
+  });
+}
+export {
+  g as fetchWidgetInit
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/hasAnyScope.js

@@ -0,0 +1,9 @@
+function t(e) {
+  return "has" in e;
+}
+function o(e, s) {
+  return !e || s.length === 0 ? !1 : t(e) ? s.some((n) => e.has(n)) : s.some((n) => e.includes(n));
+}
+export {
+  o as hasAnyScope
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/isUserDataNotFoundError.js

@@ -0,0 +1,27 @@
+function e(r) {
+  return typeof r == "object" && r !== null;
+}
+function o(r) {
+  if (!e(r)) return;
+  const n = r.status;
+  return typeof n == "number" || typeof n == "string" ? n : void 0;
+}
+function t(r) {
+  return r === 404 || r === "404";
+}
+function f(r) {
+  return typeof r == "string" && r.includes("No value stored under key");
+}
+function u(r) {
+  return e(r) ? !!(t(o(r)) || f(r.detail)) : !1;
+}
+function i(r) {
+  if (u(r)) return !0;
+  if (!e(r)) return !1;
+  for (const n of [r.error, r.data, r.body, r.cause])
+    if (u(n)) return !0;
+  return !1;
+}
+export {
+  i as isUserDataNotFoundError
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/organizationHeaders.js

@@ -0,0 +1,6 @@
+const o = (a) => ({
+  "x-organization-id": a ?? ""
+});
+export {
+  o as organizationHeaders
+};

package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/queryKeys.js

@@ -0,0 +1,8 @@
+import { getUserDataQueryKey as a } from "./rest/@tanstack/react-query.gen.js";
+const r = ({
+  client: e,
+  key: t
+}) => a({ client: e, path: { key: t } });
+export {
+  r as userDataInvalidationKey
+};