@tesouro/embedded-components-react 0.2.26 → 0.2.27

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index224.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 "./index138.js";
+import { useForm as _, FormProvider as C } from "react-hook-form";
+import { useUpdateProduct as F } from "./index378.js";
+import { getProductValidationSchema as N } from "./index222.js";
+import { ProductFormContent as I } from "./index223.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/index225.js

@@ -1,17 +1,16 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as l } from "./index272.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/index226.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 "./index382.js";
-import "date-fns";
-import { getEntityBankAccountValidationSchema as F } from "./index206.js";
-import { safeZodResolver as g } from "./index275.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 "./index176.js";
-import { Input as u } from "./index120.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/index228.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 "./index404.js";
-import { useDeleteEntityLogo as U } from "./index405.js";
-import { DragAndDropBox as A } from "./index406.js";
-import { Skeleton as j } from "./index156.js";
+import { useUploadEntityLogo as B } from "./index442.js";
+import { useDeleteEntityLogo as U } from "./index443.js";
+import { DragAndDropBox as A } from "./index444.js";
+import { Skeleton as j } from "./index139.js";
 const st = () => {
   const {
     i18n: o

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as e } from "./index59.js";
-import { getAPIErrorMessage as s } from "./index124.js";
+import { getAPIErrorMessage as s } from "./index121.js";
 import { useLingui as a } from "@lingui/react";
 import { toast as i } from "react-hot-toast";
 const f = () => {

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

@@ -1,16 +1,16 @@
 import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
-import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index176.js";
-import { Input as b } from "./index120.js";
-import { Label as v } from "./index282.js";
-import { RadioGroup as C, RadioGroupItem as y } from "./index283.js";
+import { FieldLabel as m, Field as h, FieldContent as p, FieldError as f, FieldDescription as _ } from "./index160.js";
+import { Input as b } from "./index124.js";
+import { Label as v } from "./index379.js";
+import { RadioGroup as C, RadioGroupItem as y } from "./index380.js";
 import { Typography as n } from "./index87.js";
 import { useLingui as F } from "@lingui/react";
 import { useRef as S } from "react";
 import { useFormContext as T, Controller as u } from "react-hook-form";
 import { twMerge as c } from "tailwind-merge";
-import { CounterpartBankSection as z } from "./index170.js";
-import { Checkbox as I } from "./index383.js";
-import { CounterpartAddressSection as L } from "./index172.js";
+import { CounterpartBankSection as z } from "./index152.js";
+import { Checkbox as I } from "./index410.js";
+import { CounterpartAddressSection as L } from "./index154.js";
 const W = ({
   handleChangeCounterpartType: N,
   counterpartType: d,

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

@@ -1,6 +1,6 @@
-import { AllowedCountries as l } from "./index384.js";
+import { AllowedCountries as l } from "./index411.js";
 import { z as i } from "zod";
-import "./index281.js";
+import "./index355.js";
 const m = (e, t) => ({
   line1: i.string().optional().refine((a) => !t || !!a?.trim(), {
     message: e._("Street address is required")

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as r } from "./index59.js";
-import { getAPIErrorMessage as s } from "./index124.js";
+import { getAPIErrorMessage as s } from "./index121.js";
 import { useLingui as o } from "@lingui/react";
 import { toast as n } from "react-hot-toast";
 const m = () => {

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

@@ -1,7 +1,7 @@
 import { getCountries as F } from "./index95.js";
 import "date-fns";
-import { rateMinorToMajor as H } from "./index216.js";
-import { getDaysOverdue as N } from "./index392.js";
+import { rateMinorToMajor as H } from "./index203.js";
+import { getDaysOverdue as N } from "./index409.js";
 const Q = (e, r) => {
   switch (r) {
     case "draft":

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as a } from "./index59.js";
-import { getAPIErrorMessage as i } from "./index124.js";
+import { getAPIErrorMessage as i } from "./index121.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as m } from "react-hot-toast";
 const l = (r) => {

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as o } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index124.js";
+import { getAPIErrorMessage as u } from "./index121.js";
 import { useLingui as c } from "@lingui/react";
 import { toast as a } from "react-hot-toast";
 const f = (s, t) => {

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as o } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index124.js";
+import { getAPIErrorMessage as u } from "./index121.js";
 import { useLingui as c } from "@lingui/react";
 import { toast as t } from "react-hot-toast";
 const f = (s, a) => {

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

@@ -1,6 +1,6 @@
 import { jsx as s } from "@emotion/react/jsx-runtime";
 import { useGetReceivableById as r } from "./index84.js";
-import { useCancelReceivableById as m } from "./index385.js";
+import { useCancelReceivableById as m } from "./index403.js";
 import { ConfirmationModal as d } from "./index272.js";
 import { useLingui as u } from "@lingui/react";
 const v = ({

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

@@ -1,7 +1,7 @@
 import { jsx as d } from "@emotion/react/jsx-runtime";
-import { useDeleteReceivableById as u } from "./index386.js";
+import { useDeleteReceivableById as u } from "./index404.js";
 import { useComponentSettings as f } from "./index69.js";
-import { useUserPermissions as v } from "./index137.js";
+import { useUserPermissions as v } from "./index148.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";

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

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
 import { Button as l } from "./index86.js";
-import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index201.js";
+import { Dialog as u, DialogContent as g, DialogHeader as b, DialogTitle as f, DialogDescription as w, DialogFooter as k } from "./index188.js";
 import { useLingui as v } from "@lingui/react";
-import { useMarkAsUncollectibleReceivableById as C } from "./index387.js";
+import { useMarkAsUncollectibleReceivableById as C } from "./index405.js";
 import { useState as x } from "react";
-import { Textarea as D } from "./index121.js";
-import { Label as _ } from "./index282.js";
-import { LoadingSpinner as M } from "./index150.js";
+import { Textarea as D } from "./index125.js";
+import { Label as _ } from "./index379.js";
+import { LoadingSpinner as M } from "./index138.js";
 const U = ({
   invoiceId: r,
   open: s,

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

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
 import { Button as m } from "./index86.js";
-import { DropdownMenu as d, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as f } from "./index155.js";
+import { DropdownMenu as d, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as f } from "./index140.js";
 import { Tooltip as h, TooltipTrigger as g, TooltipContent as w } from "./index253.js";
 import { ACTION_ICON as C } from "./index254.js";
 import { preventTooltipFocusOpen as T } from "./index256.js";

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as s } from "./index59.js";
-import { getAPIErrorMessage as i } from "./index124.js";
+import { getAPIErrorMessage as i } from "./index121.js";
 import { useLingui as n } from "@lingui/react";
 import { toast as p } from "react-hot-toast";
 const c = (t) => {

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

@@ -1,10 +1,10 @@
 import { jsxs as o, Fragment as _, jsx as i } from "@emotion/react/jsx-runtime";
-import { ManualPaymentRecordDetails as k } from "./index388.js";
-import { PaymentRecordForm as E } from "./index389.js";
+import { ManualPaymentRecordDetails as k } from "./index406.js";
+import { PaymentRecordForm as E } from "./index407.js";
 import { useMoniteContext as $ } from "./index59.js";
 import { useRootElements as B } from "./index94.js";
 import "@tanstack/react-query";
-import { fromMinorUnits as F, toMinorUnits as H } from "./index125.js";
+import { fromMinorUnits as F, toMinorUnits as H } from "./index122.js";
 import "date-fns";
 import { useEntityUserByAuthToken as L } from "./index77.js";
 import { useCreatePaymentRecord as U } from "./index81.js";

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

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as n } from "@emotion/react/jsx-runtime";
-import { useCancelRecurrence as v } from "./index390.js";
-import { useGetRecurrenceById as _ } from "./index194.js";
+import { useCancelRecurrence as v } from "./index408.js";
+import { useGetRecurrenceById as _ } from "./index181.js";
 import { useCurrencies as C } from "./index60.js";
 import "react";
 import "./index94.js";

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
-import { LoadingSpinner as f } from "./index150.js";
+import { LoadingSpinner as f } from "./index138.js";
 import { Button as t } from "./index86.js";
-import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index201.js";
+import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index188.js";
 import { useLingui as x } from "@lingui/react";
 const N = ({
   open: e,

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

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
 import { useFormContext as m, Controller as w } from "react-hook-form";
 import { Typography as n } from "./index87.js";
 import { useLingui as u } from "@lingui/react";
-import { Switch as i } from "./index407.js";
+import { Switch as i } from "./index412.js";
 import { twMerge as h } from "tailwind-merge";
 const x = ({
   control: l,

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

@@ -2,9 +2,9 @@ import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
 import { useFormContext as $, Controller as c } from "react-hook-form";
 import { useLingui as F } from "@lingui/react";
 import { Typography as d } from "./index87.js";
-import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index176.js";
-import { Input as g } from "./index120.js";
-import { Checkbox as S } from "./index383.js";
+import { Field as m, FieldContent as s, FieldLabel as w, FieldError as u } from "./index160.js";
+import { Input as g } from "./index124.js";
+import { Checkbox as S } from "./index410.js";
 const E = ({
   control: o
 }) => {