@tesouro/embedded-components-react 0.2.28 → 0.2.30

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

@@ -1,16 +1,72 @@
-import { useMoniteContext as n } from "./index59.js";
-const o = (t) => {
+import { jsx as i, jsxs as c } from "@emotion/react/jsx-runtime";
+import { useCurrencies as v } from "./index60.js";
+import { useId as P, useMemo as U, useCallback as h } from "react";
+import "./index94.js";
+import { useLingui as g } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { zodResolver as x } from "@hookform/resolvers/zod";
+import { Button as u } from "./index86.js";
+import { LoadingSpinner as S } from "./index135.js";
+import { useForm as _, FormProvider as C } from "react-hook-form";
+import { useUpdateProduct as F } from "./index382.js";
+import { getProductValidationSchema as N } from "./index217.js";
+import { ProductFormContent as I } from "./index218.js";
+const A = ({
+  product: r,
+  handleClose: l,
+  onUpdate: d
+}) => {
   const {
-    api: e
-  } = n();
-  return e.finops.getBankDetailsId.useQuery({
-    path: {
-      bank_account_id: t
-    }
-  }, {
-    enabled: !!t
-  });
+    i18n: o
+  } = g(), {
+    formatToMinorUnits: m,
+    formatFromMinorUnits: s
+  } = v(), f = `product-edit-form-${P()}`, {
+    mutate: p,
+    isPending: n
+  } = F(r.id), w = U(() => ({
+    name: r.name,
+    type: r.type ?? "product",
+    pricePerUnit: s(r.price?.value, r.price?.currency) ?? void 0,
+    currency: r.price?.currency ?? "USD",
+    description: r.description ?? "",
+    measureUnitId: r.measure_unit_id ?? void 0
+  }), [r.name, r.type, r.price?.value, r.price?.currency, r.description, r.measure_unit_id, s]), t = _({
+    resolver: x(N(o)),
+    defaultValues: w
+  }), y = h((a) => {
+    a.preventDefault(), a.stopPropagation(), t.handleSubmit((e) => {
+      p({
+        name: e.name,
+        type: e.type,
+        price: {
+          value: m(e.pricePerUnit, e.currency) ?? e.pricePerUnit,
+          currency: e.currency
+        },
+        description: e.description,
+        ...e.measureUnitId ? {
+          measure_unit_id: e.measureUnitId
+        } : {}
+      }, {
+        onSuccess: (b) => {
+          d?.(b);
+        }
+      });
+    })(a);
+  }, [p, m, d, t.handleSubmit]);
+  return /* @__PURE__ */ i(C, { ...t, children: /* @__PURE__ */ c("form", { id: f, onSubmit: y, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
+    /* @__PURE__ */ i(I, { isLoading: n, isProduct: r?.type === "product", isEditMode: !0 }),
+    /* @__PURE__ */ c("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
+      /* @__PURE__ */ i(u, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", onClick: l, children: o._("Cancel") }),
+      /* @__PURE__ */ c(u, { type: "submit", className: "ttw:flex-1", disabled: n || !t.formState.isDirty, children: [
+        n && /* @__PURE__ */ i(S, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        o._("Save")
+      ] })
+    ] })
+  ] }) });
 };
 export {
-  o as useGetEntityBankAccountById
+  A as ProductEditForm
 };

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

@@ -1,17 +1,16 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as l } from "./index251.js";
-import { useLingui as r } from "@lingui/react";
-const m = ({
-  open: o,
-  isDeleting: n,
-  onClose: i,
-  handleDelete: t
-}) => {
+import { useMoniteContext as r } from "./index59.js";
+const u = (t, e = !0) => {
   const {
-    i18n: e
+    api: o
   } = r();
-  return /* @__PURE__ */ a(l, { open: o, title: e._("Delete bank account?"), message: e._("Draft or already issued invoices will keep this bank account. If required, you will need to manually update those invoices with new account information."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: i, onConfirm: t, isLoading: n });
+  return o.finops.getProductsId.useQuery({
+    path: {
+      product_id: t
+    }
+  }, {
+    enabled: e
+  });
 };
 export {
-  m as BankAccountDeleteModal
+  u as useGetProductById
 };

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

@@ -1,95 +1,14 @@
-import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
-import { prepareBankAccountUpdatePayload as y, prepareBankAccountCreatePayload as v } from "./index365.js";
-import "date-fns";
-import { getEntityBankAccountValidationSchema as F } from "./index201.js";
-import { safeZodResolver as g } from "./index254.js";
-import { useLingui as A } from "@lingui/react";
-import { useForm as w, Controller as l } from "react-hook-form";
-import { Field as d, FieldContent as m, FieldLabel as c, FieldError as s } from "./index157.js";
-import { Input as u } from "./index129.js";
-import { Typography as x } from "./index87.js";
-const R = ({
-  bankAccounts: h,
-  bankAccount: n,
-  formId: f,
-  createBankAccount: p,
-  updateBankAccount: _
-}) => {
-  const {
-    i18n: o
-  } = A(), b = {
-    display_name: n?.display_name ?? o._("Bank account {number}", {
-      number: h?.length + 1
-    }),
-    bank_name: n?.bank_name ?? "",
-    account_holder_name: n?.account_holder_name ?? "",
-    account_number: n?.account_number ?? "",
-    routing_number: n?.routing_number ?? ""
-  }, {
-    control: i,
-    handleSubmit: k
-  } = w({
-    resolver: g(F(o, !!n)),
-    defaultValues: b
-  });
-  return /* @__PURE__ */ t("form", { id: f, onSubmit: k((a) => {
-    n ? _(y(a)) : p(v(a));
-  }), noValidate: !0, className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-    /* @__PURE__ */ e(x, { variant: "body1", children: o._("This bank account will receive payments for your invoices") }),
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:gap-4", children: [
-      /* @__PURE__ */ e(l, { name: "display_name", control: i, render: ({
-        field: a,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(d, { className: "ttw:flex-1", children: /* @__PURE__ */ t(m, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: "display_name", children: o._("Display name") }),
-        /* @__PURE__ */ e(u, { ...a, id: "display_name", "aria-invalid": !!r }),
-        /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
-      ] }) }) }),
-      /* @__PURE__ */ e(l, { name: "bank_name", control: i, disabled: !!n, render: ({
-        field: a,
-        fieldState: {
-          error: r
-        }
-      }) => /* @__PURE__ */ e(d, { className: "ttw:flex-1", children: /* @__PURE__ */ t(m, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: "bank_name", children: o._("Bank name") }),
-        /* @__PURE__ */ e(u, { ...a, id: "bank_name", "aria-invalid": !!r }),
-        /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ e(l, { name: "account_number", control: i, disabled: !!n, render: ({
-      field: a,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ t(m, { children: [
-      /* @__PURE__ */ e(c, { htmlFor: a.name, children: o._("Account number") }),
-      /* @__PURE__ */ e(u, { ...a, id: a.name, "aria-invalid": !!r }),
-      /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
-    ] }) }) }),
-    /* @__PURE__ */ e(l, { name: "routing_number", control: i, disabled: !!n, render: ({
-      field: a,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ t(m, { children: [
-      /* @__PURE__ */ e(c, { htmlFor: a.name, children: o._("Routing number") }),
-      /* @__PURE__ */ e(u, { ...a, id: a.name, "aria-invalid": !!r }),
-      /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
-    ] }) }) }),
-    /* @__PURE__ */ e(l, { name: "account_holder_name", control: i, render: ({
-      field: a,
-      fieldState: {
-        error: r
-      }
-    }) => /* @__PURE__ */ e(d, { children: /* @__PURE__ */ t(m, { children: [
-      /* @__PURE__ */ e(c, { htmlFor: a.name, children: o._("Account holder name") }),
-      /* @__PURE__ */ e(u, { ...a, id: a.name, "aria-invalid": !!r }),
-      /* @__PURE__ */ e(s, { errors: r ? [r] : [] })
-    ] }) }) })
-  ] });
-};
+import { jsxs as i, jsx as r } from "@emotion/react/jsx-runtime";
+import { Typography as e } from "./index87.js";
+import { twMerge as s } from "tailwind-merge";
+const w = ({
+  label: o,
+  value: t,
+  isLast: a
+}) => /* @__PURE__ */ i("li", { className: s("ttw:flex ttw:gap-4 ttw:py-2.5", !a && "ttw:border-b ttw:border-border"), children: [
+  /* @__PURE__ */ r(e, { variant: "body2", color: "muted", className: "ttw:w-35 ttw:min-w-35 ttw:font-medium", children: o }),
+  typeof t == "string" ? /* @__PURE__ */ r(e, { variant: "body2", className: "ttw:font-medium", children: t }) : t
+] });
 export {
-  R as BankAccountFormContent
+  w as ProductDetailLine
 };

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

@@ -13,10 +13,10 @@ import { useMyEntity as P } from "./index80.js";
 import { SquarePen as T, Trash2 as k } from "lucide-react";
 import { Button as x } from "./index86.js";
 import { Typography as l } from "./index87.js";
-import { useUploadEntityLogo as B } from "./index392.js";
-import { useDeleteEntityLogo as U } from "./index393.js";
-import { DragAndDropBox as A } from "./index394.js";
-import { Skeleton as j } from "./index138.js";
+import { useUploadEntityLogo as B } from "./index450.js";
+import { useDeleteEntityLogo as U } from "./index451.js";
+import { DragAndDropBox as A } from "./index452.js";
+import { Skeleton as j } from "./index136.js";
 const st = () => {
   const {
     i18n: o

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

@@ -1,15 +1,15 @@
 import { jsx as r, jsxs as x } from "@emotion/react/jsx-runtime";
 import { Button as h } from "./index86.js";
-import { PDFSettings as q } from "./index252.js";
+import { PDFSettings as q } from "./index351.js";
 import { useForm as S, FormProvider as D } from "react-hook-form";
 import { useLingui as k } from "@lingui/react";
 import { useDiscardChangesContext as N } from "./index222.js";
-import { usePatchEntitySettings as w } from "./index253.js";
-import { safeZodResolver as F } from "./index254.js";
+import { usePatchEntitySettings as w } from "./index352.js";
+import { safeZodResolver as F } from "./index332.js";
 import { useEffect as P } from "react";
-import { InvoiceNumbering as C } from "./index255.js";
-import { getInvoiceSettingsFormSchema as I } from "./index256.js";
-import { getBankDisplayValue as d, buildDocumentRendering as V } from "./index257.js";
+import { InvoiceNumbering as C } from "./index353.js";
+import { getInvoiceSettingsFormSchema as I } from "./index354.js";
+import { getBankDisplayValue as d, buildDocumentRendering as V } from "./index355.js";
 const Z = ({
   entityId: _,
   entitySettings: e,

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

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as n } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as s } from "./index251.js";
+import { ConfirmationModal as s } from "./index285.js";
 import { Typography as i } from "./index87.js";
 import { useLingui as l } from "@lingui/react";
 const d = ({

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

@@ -1,103 +1,9 @@
-const e = (t) => ({
-  borderRadius: t.borderRadius ?? 6,
-  buttonBorderRadius: 8,
-  spacing: t.spacing ?? 8,
-  colors: {
-    primary: t.colors?.primary || "#4338CA",
-    primaryForeground: t.colors?.primaryForeground || "#E0E7FF",
-    secondary: t.colors?.secondary || "#F4F4F5",
-    neutral: t.colors?.neutral || "#71717A",
-    info: t.colors?.info || "#1447E6",
-    success: t.colors?.success || "#15803D",
-    warning: t.colors?.warning || "#B45309",
-    error: t.colors?.error || "#DC2626",
-    background: t.colors?.background || "#FFFFFF",
-    text: t.colors?.text || "#09090B",
-    rowBorder: t.colors?.rowBorder || "#E4E4E7"
-  },
-  typography: {
-    fontFamily: t?.typography?.fontFamily || '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
-    fontSize: t?.typography?.fontSize ?? 16,
-    h1: {
-      fontSize: t.typography?.h1?.fontSize ?? 48,
-      fontWeight: t.typography?.h1?.fontWeight ?? 600,
-      lineHeight: t.typography?.h1?.lineHeight ?? "68px",
-      textTransform: t.typography?.h1?.textTransform ?? "none"
-    },
-    h2: {
-      fontSize: t.typography?.h2?.fontSize ?? 34,
-      fontWeight: t.typography?.h2?.fontWeight ?? 640,
-      lineHeight: t.typography?.h2?.lineHeight ?? "40px",
-      textTransform: t.typography?.h2?.textTransform ?? "none"
-    },
-    h3: {
-      fontSize: t.typography?.h3?.fontSize ?? 24,
-      fontWeight: t.typography?.h3?.fontWeight ?? 600,
-      lineHeight: t.typography?.h3?.lineHeight ?? "32px",
-      textTransform: t.typography?.h3?.textTransform ?? "none"
-    },
-    subtitle1: {
-      fontSize: t.typography?.subtitle1?.fontSize ?? 20,
-      fontWeight: t.typography?.subtitle1?.fontWeight ?? 600,
-      lineHeight: t.typography?.subtitle1?.lineHeight ?? "24px",
-      textTransform: t.typography?.subtitle1?.textTransform ?? "none"
-    },
-    subtitle2: {
-      fontSize: t.typography?.subtitle2?.fontSize ?? 18,
-      fontWeight: t.typography?.subtitle2?.fontWeight ?? 600,
-      lineHeight: t.typography?.subtitle2?.lineHeight ?? "24px",
-      textTransform: t.typography?.subtitle2?.textTransform ?? "none"
-    },
-    body1: {
-      fontSize: t.typography?.body1?.fontSize ?? 16,
-      fontWeight: t.typography?.body1?.fontWeight ?? 500,
-      lineHeight: t.typography?.body1?.lineHeight ?? "24px"
-    },
-    body2: {
-      fontSize: t.typography?.body2?.fontSize ?? 14,
-      fontWeight: t.typography?.body2?.fontWeight ?? 400,
-      lineHeight: t.typography?.body2?.lineHeight ?? "20px"
-    }
-  },
-  components: {
-    invoiceStatusChip: {
-      icon: t.components?.invoiceStatusChip?.icon || !1,
-      size: t.components?.invoiceStatusChip?.size || "small",
-      variant: t.components?.invoiceStatusChip?.variant || "filled"
-    },
-    payableStatusChip: {
-      icon: t.components?.payableStatusChip?.icon !== void 0 ? t.components?.payableStatusChip?.icon : !1,
-      size: t.components?.payableStatusChip?.size || "small",
-      variant: t.components?.payableStatusChip?.variant || "filled",
-      colors: t.components?.payableStatusChip?.colors
-    },
-    approvalRequestStatusChip: {
-      icon: t.components?.approvalRequestStatusChip?.icon || !1,
-      size: t.components?.approvalRequestStatusChip?.size || "small",
-      variant: t.components?.approvalRequestStatusChip?.variant || "filled"
-    },
-    invoiceRecurrenceStatusChip: {
-      icon: t.components?.invoiceRecurrenceStatusChip?.icon || !1,
-      size: t.components?.invoiceRecurrenceStatusChip?.size || "small",
-      variant: t.components?.invoiceRecurrenceStatusChip?.variant || "filled"
-    },
-    invoiceRecurrenceIterationStatusChip: {
-      icon: t.components?.invoiceRecurrenceIterationStatusChip?.icon || !1,
-      size: t.components?.invoiceRecurrenceIterationStatusChip?.size || "small",
-      variant: t.components?.invoiceRecurrenceIterationStatusChip?.variant || "filled"
-    },
-    counterpartStatusChip: {
-      size: t.components?.counterpartStatusChip?.size || "small",
-      variant: t.components?.counterpartStatusChip?.variant || "filled"
-    },
-    approvalStatusChip: {
-      icon: t.components?.approvalStatusChip?.icon || !1,
-      size: t.components?.approvalStatusChip?.size || "small",
-      variant: t.components?.approvalStatusChip?.variant || "filled"
-    },
-    styles: t.components?.styles
-  }
-});
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index102.js";
+const c = ({
+  children: t,
+  className: e
+}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
 export {
-  e as getTheme
+  c as CenteredContentBox
 };

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

@@ -1,28 +1,37 @@
-import a from "chroma-js";
-const r = (e, f) => ({
-  dark: a(e).darken(0.3).saturate(0.2).hex(),
-  main: e,
-  light: a.mix(e, "#ffffff", 0.94).hex(),
-  // Improved progression using mix/desaturate/darken approach
-  10: a(e).darken(2.2).saturate(0.5).hex(),
-  20: a(e).darken(1.8).saturate(0.3).hex(),
-  25: a(e).darken(1.4).saturate(0.2).hex(),
-  30: a(e).darken(1).saturate(0.1).hex(),
-  40: a(e).darken(0.5).hex(),
-  50: e,
-  55: a(e).brighten(0.3).desaturate(0.1).hex(),
-  60: a.mix(e, "#ffffff", 0.25).desaturate(0.1).hex(),
-  65: a.mix(e, "#ffffff", 0.4).desaturate(0.2).hex(),
-  75: a.mix(e, "#ffffff", 0.6).desaturate(0.3).hex(),
-  80: a.mix(e, "#ffffff", 0.7).desaturate(0.4).hex(),
-  85: a.mix(e, "#ffffff", 0.8).desaturate(0.5).hex(),
-  90: a.mix(e, "#ffffff", 0.85).desaturate(0.3).hex(),
-  95: a.mix(e, "#ffffff", 0.9).desaturate(0.4).hex(),
-  100: a.mix(e, "#ffffff", 0.95).desaturate(0.5).hex(),
-  foreground: {
-    main: f
-  }
-});
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { useState as g, useEffect as h } from "react";
+import { useMoniteContext as v } from "./index59.js";
+import x from "@mui/icons-material/ArrowBack";
+import c from "@mui/icons-material/Close";
+import E from "@mui/material/IconButton";
+import L from "@mui/material/Tooltip";
+const P = ({
+  icon: y,
+  fallbackIcon: B,
+  tooltip: t,
+  onClick: i = () => {
+  },
+  onHover: l,
+  onFocus: f,
+  onBlur: m,
+  ariaLabelOverride: s,
+  isDynamic: p = !1,
+  ref: u,
+  ...b
+}) => {
+  const {
+    componentSettings: k
+  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  h(() => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, [o.icon, o.fallbackIcon]);
+  const d = (r) => {
+    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
+  }, C = () => {
+    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
+  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
+  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
+};
 export {
-  r as getPrimaryColors
+  P as IconWrapper
 };

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

@@ -1,8 +1,62 @@
-import e from "chroma-js";
-const r = (a) => ({
-  main: a,
-  dark: e(a).darken(1.2).saturate(0.2).hex()
-});
+const e = {
+  getApiWidgetGatewayInit: {
+    schema: {
+      method: "get",
+      url: "/api/widget-gateway/init",
+      security: ["HTTPBearer"]
+    }
+  },
+  postApiWidgetGatewayProxy: {
+    schema: {
+      method: "post",
+      url: "/api/widget-gateway/proxy",
+      mediaType: "application/json",
+      security: ["HTTPBearer"]
+    }
+  },
+  getApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "get",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  postApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "post",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  putApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "put",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  patchApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "patch",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  deleteApiWidgetGatewayProxyPath: {
+    schema: {
+      method: "delete",
+      url: "/api/widget-gateway/proxy/{path}",
+      security: ["HTTPBearer"]
+    }
+  },
+  postApiWidgetGatewayRevoke: {
+    schema: {
+      method: "post",
+      url: "/api/widget-gateway/revoke",
+      security: ["HTTPBearer"]
+    }
+  }
+};
 export {
-  r as getSecondaryColors
+  e as apiService
 };