@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,262 +1,56 @@
-import { jsx as t, jsxs as v, Fragment as Pe } from "@emotion/react/jsx-runtime";
-import { ItemsSection as $e } from "./index199.js";
-import { InvoicePreview as Fe } from "./index200.js";
-import { getCreateInvoiceValidationSchema as Me } from "./index201.js";
-import { buildPaymentTermsPayload as Be } from "./index202.js";
-import { BankAccountFormDialog as Ee } from "./index43.js";
-import { BankAccountSection as Le } from "./index203.js";
-import { CustomerSection as qe } from "./index204.js";
-import { InvoiceCreationHeader as Te } from "./index205.js";
-import { useCreateReceivable as Ne } from "./index206.js";
-import { useCreateRecurrence as Re } from "./index207.js";
-import { useLineItemSubmitCleanup as Oe } from "./index208.js";
-import { useGetEntityBankAccounts as je } from "./index209.js";
-import { useGetInvoiceRequiredFields as Ve } from "./index210.js";
-import { useMoniteContext as ze } from "./index59.js";
-import { MoniteScopedProviders as Ke } from "./index85.js";
-import { useCounterpartById as Ge } from "./index72.js";
+import { jsx as e, jsxs as T, Fragment as f } from "@emotion/react/jsx-runtime";
+import { InvoiceDetailsPanel as k } from "./index192.js";
+import { CreateReceivables as O } from "./index39.js";
+import { ReceivablesTableTabEnum as u, ReceivablesTable as $ } from "./index41.js";
+import { MoniteScopedProviders as x } from "./index84.js";
+import "./index58.js";
+import { useLingui as P } from "@lingui/react";
+import { useState as n, useCallback as t } from "react";
+import "react-hot-toast";
+import "./index93.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useComponentSettings as j } from "./index68.js";
+import { useUserPermissions as y } from "./index132.js";
+import { AccessRestriction as U } from "./index134.js";
+import { Button as w } from "./index85.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "lucide-react";
+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";
 import "@tanstack/react-query";
-import { useCounterpartAddresses as Qe } from "./index74.js";
-import { format as R } from "date-fns";
-import { useMyEntity as Ue } from "./index80.js";
-import { useRef as He, useState as b, useMemo as O, useId as Ye, useEffect as j } from "react";
-import { toast as m } from "react-hot-toast";
-import { useLingui as V } from "@lingui/react";
-import { rateMajorToMinor as Je } from "./index211.js";
-import { AccessRestriction as We } from "./index153.js";
-import { LoadingPage as Xe } from "./index212.js";
-import { zodResolver as Ze } from "@hookform/resolvers/zod";
-import { useForm as et, FormProvider as tt } from "react-hook-form";
-import { Dialog as rt, DialogContent as at } from "./index197.js";
-import { useGetMeasureUnits as it } from "./index213.js";
-import { CreateProduct as nt } from "./index46.js";
-import { BillingSection as ot } from "./index214.js";
-import { NotesSection as dt } from "./index215.js";
-const zt = (s) => {
-  const {
-    i18n: _
-  } = V();
-  return /* @__PURE__ */ t(Ke, { children: s.type === "invoice" ? /* @__PURE__ */ t(st, { ...s }) : /* @__PURE__ */ t(We, { description: _._("You can not create receivable with a type other than “invoice”") }) });
-}, S = "USD", st = ({
-  type: s,
-  onCreate: _,
-  open: z,
-  onOpenChange: K
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as b } from "../../shared/data-access/dist/lib/scopes.js";
+const ne = (s) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(z, { ...s }) }), z = ({
+  pageTitleComponent: s
 }) => {
   const {
-    i18n: n
-  } = V(), {
-    api: D,
-    componentSettings: G,
-    queryClient: Q
-  } = ze(), I = He(!1), d = !!G?.receivables?.enableEntityBankAccount, {
-    data: A,
-    isLoading: U
-  } = D.finops.getPaymentTerms.useQuery(), {
-    data: l
-  } = je(void 0, d), {
-    isLoading: H,
-    data: P
-  } = Ue(), [Y, J] = b(!1), [$, g] = b(!1), [F, h] = b(!1), [M, B] = b(""), E = et({
-    // `zodResolver`'s inferred `Resolver` generic and react-hook-form's own
-    // `Resolver` type end up structurally "unrelated" to `tsc --build` for
-    // this schema's shape (deeply nested `line_items` + large currency
-    // union), so the cast pins it to the same `Resolver` identity `useForm`
-    // expects instead of relying on that cross-package inference.
-    resolver: Ze(Me(n, d)),
-    defaultValues: O(() => ({
-      type: s,
-      counterpart_id: "",
-      counterpart_contact: "",
-      payment_terms_id: "",
-      payment_terms_custom_date: null,
-      default_shipping_address_id: "",
-      default_billing_address_id: "",
-      purchase_order: "",
-      line_items: [],
-      bank_account_id: "",
-      overdue_reminder_id: "",
-      payment_reminder_id: "",
-      memo: "",
-      footer: "",
-      tax_mode: "exclusive",
-      frequency: "once",
-      recurrence_start_date: void 0,
-      recurrence_end_date: void 0,
-      recurrence_issue_mode: "first_day",
-      recurrence_days_of_week: void 0,
-      recurrence_end_mode: "after",
-      recurrence_max_occurrences: void 0,
-      tax_rate: void 0
-    }), [s, n])
-  }), W = (e) => {
-    J(e);
-  }, X = () => {
-    g(!0);
-  }, {
-    handleSubmit: Z,
-    watch: i,
-    setValue: o,
-    clearErrors: L,
-    getFieldState: ee
-  } = E, {
-    registerLineItemCleanupFn: te,
-    runLineItemCleanup: re
-  } = Oe(), c = i("counterpart_id"), ae = i("frequency") !== "once", {
-    data: a
-  } = Ge(c), {
-    data: x
-  } = Qe(c), p = i("default_billing_address_id"), f = O(() => x?.data?.find((e) => e.id === p), [p, x?.data]), {
-    mutateAsync: ie,
-    isPending: ne
-  } = Ne(), {
-    mutate: oe,
-    isPending: de
-  } = Re(), u = ne || de, {
-    data: se
-  } = Ve({
-    counterpart_billing_address_id: a?.id === c && p || void 0,
-    counterpart_country: f?.id === p && f?.country || void 0,
-    counterpart_id: c || void 0,
-    counterpart_type: a?.id === c && a?.type || void 0
-  }), ce = se?.entity?.tax_id?.required, q = `Monite-Form-receivablesDetailsForm-${Ye()}`;
-  j(() => {
-    if (d && l && !I.current) {
-      const e = l?.data?.[0];
-      o("bank_account_id", e?.id ?? ""), e && o("bank_account_type", "BANK_DETAILS"), I.current = !0;
-    }
-  }, [o, l, d]);
-  const {
-    data: ue,
-    isLoading: me
-  } = it(), w = i("bank_account_id"), _e = i("bank_account_type"), le = async (e) => {
-    const C = a && a?.reminders_enabled, Ce = a && "organization" in a ? a?.organization?.email : void 0, ke = a && "individual" in a ? a?.individual?.email : void 0, k = Ce || ke;
-    if (e.type !== "invoice") {
-      m.error(n._("`type` except `invoice` is not supported yet"));
-      return;
-    }
-    if (ce && !P?.tax_id) {
-      m.error(n._("Set your organization's Tax ID to issue invoice"));
-      return;
-    }
-    if (!C && k && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      m.error(n._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off."));
-      return;
-    }
-    if (!k && C && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      m.error(n._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders."));
-      return;
-    }
-    if (!C && !k && (e.payment_reminder_id || e.overdue_reminder_id)) {
-      m.error(n._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders."));
-      return;
-    }
-    const Se = e.default_shipping_address_id, De = x?.data?.find((r) => r.id === Se), Ie = {
-      type: e.type,
-      counterpart_id: e.counterpart_id,
-      counterpart_billing_address_id: f?.id,
-      counterpart_shipping_address_id: De?.id,
-      bank_account_id: e.bank_account_id || void 0,
-      bank_account_type: e.bank_account_id ? e.bank_account_type : void 0,
-      ...Be({
-        paymentTermId: e.payment_terms_id,
-        customDueDate: e.payment_terms_custom_date
-      }),
-      line_items: e.line_items.filter((r) => !!r.product?.name?.trim()).map((r) => ({
-        quantity: r.quantity,
-        tax_status: r.taxable ? "taxable" : "non_taxable",
-        product: {
-          name: r.product.name,
-          price: {
-            currency: r.product.price.currency,
-            value: r.product.price.value
-          },
-          measure_unit: r.product.measure_unit_id ? {
-            name: ue?.data?.find((Ae) => Ae.id === r.product.measure_unit_id)?.name || ""
-          } : void 0,
-          type: "product"
-        },
-        tax_rate_value: r.taxable ? Je(Number(e.tax_rate) || 0) : void 0
-      })),
-      memo: e.memo,
-      footer: e.footer,
-      purchase_order: e.purchase_order || void 0,
-      currency: S,
-      payment_reminder_id: e.payment_reminder_id || void 0,
-      overdue_reminder_id: e.overdue_reminder_id || void 0,
-      tag_ids: [],
-      // TODO: add support for tags, ideally should be values.tags?.map((tag) => tag.id),
-      tax_mode: e.tax_mode || "exclusive"
-    }, {
-      id: N
-    } = await ie(Ie, {
-      onSuccess: async (r) => {
-        e.frequency === "once" && (await D.finops.getReceivables.invalidateQueries(Q), _?.(r.id));
-      }
-    });
-    e.frequency !== "once" && oe({
-      body: {
-        invoice_id: N,
-        frequency: e.frequency,
-        interval: 1,
-        start_date: e.recurrence_start_date ? R(new Date(e.recurrence_start_date), "yyyy-MM-dd") : void 0,
-        max_occurrences: e.recurrence_max_occurrences || void 0,
-        end_date: e.recurrence_end_date ? R(new Date(e.recurrence_end_date), "yyyy-MM-dd") : void 0,
-        automation_level: "issue",
-        subject_text: e.recurrence_subject_text || void 0,
-        body_text: e.recurrence_body_text || void 0
-      }
-    }, {
-      onSuccess: () => {
-        _?.(N);
-      }
-    });
-  }, pe = i("line_items"), fe = i("payment_terms_id"), ye = i("memo"), ve = i("footer"), be = i("tax_mode"), ge = i("purchase_order"), he = i("tax_rate"), T = ee("bank_account_id"), xe = (e) => {
-    o("bank_account_id", e), o("bank_account_type", e ? "BANK_DETAILS" : void 0);
-  }, y = () => {
-    h(!1), M && B("");
-  }, we = (e) => {
-    h(!1), o("bank_account_id", e), o("bank_account_type", "BANK_DETAILS");
-  };
-  return j(() => {
-    w && T?.invalid && L("bank_account_id");
-  }, [w, T, L]), H || me ? /* @__PURE__ */ t(Xe, {}) : /* @__PURE__ */ v(Pe, { children: [
-    /* @__PURE__ */ t(rt, { open: z, onOpenChange: K, modal: !1, children: /* @__PURE__ */ v(at, { showCloseButton: !1, fullScreen: !0, className: "ttw:flex ttw:gap-0 ttw:p-0", onInteractOutside: (e) => e.preventDefault(), children: [
-      /* @__PURE__ */ v("div", { className: "ttw:w-1/2 ttw:h-screen ttw:overflow-auto ttw:flex ttw:flex-col ttw:gap-6 ttw:px-8 ttw:pt-6 ttw:pb-10", children: [
-        /* @__PURE__ */ t(Te, { formName: q, isDisabled: u, isRecurrenceEnabled: ae }),
-        /* @__PURE__ */ t(tt, { ...E, children: /* @__PURE__ */ t("form", { id: q, noValidate: !0, onSubmit: async (e) => {
-          e.preventDefault(), re(), await Z(le)(e);
-        }, children: /* @__PURE__ */ v("div", { className: "ttw:flex ttw:flex-col ttw:gap-8", children: [
-          /* @__PURE__ */ t(qe, { disabled: u, isEditCustomerOpen: Y, handleOpenEditCustomer: W, counterpart: a }),
-          /* @__PURE__ */ t(ot, { paymentTerms: A, isPaymentTermsLoading: U, disabled: u }),
-          /* @__PURE__ */ t($e, { registerLineItemCleanupFn: te, defaultCurrency: S, handleOpenCreateProductDialog: X }),
-          d && /* @__PURE__ */ t(Le, { disabled: u, handleOpenBankModal: (e) => {
-            h(!0), e && B(e);
-          } }),
-          /* @__PURE__ */ t(dt, { disabled: u })
-        ] }) }) })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "ttw:w-1/2 ttw:h-screen ttw:overflow-auto", style: {
-        background: "linear-gradient(180deg, #F6F6F6 0%, #E4E4FF 100%)"
-      }, children: /* @__PURE__ */ t(Fe, { invoiceData: {
-        payment_terms_id: fe,
-        line_items: (pe || []).map((e) => ({
-          ...e,
-          id: e.id || `temp-${Math.random().toString(36).substr(2, 9)}`
-        })),
-        memo: ye,
-        footer: ve,
-        bank_account_id: w,
-        bank_account_type: _e,
-        tax_mode: be,
-        purchase_order: ge || void 0,
-        tax_rate: he
-      }, counterpart: a, currency: S, entityData: P, address: f, paymentTerms: A }) })
-    ] }) }),
-    $ && /* @__PURE__ */ t(nt, { open: $, onClose: () => g(!1), onCreated: () => g(!1) }),
-    d && F && /* @__PURE__ */ t(Ee, { isOpen: F, entityBankAccountId: M, bankAccounts: l?.data ?? [], onCancel: y, onCreate: we, onUpdate: y, onDelete: y, handleClose: y, handleSelectBankAfterDeletion: xe })
+    i18n: C
+  } = P(), {
+    componentSettings: g,
+    receivablesCallbacks: m
+  } = j(), [p, c] = n(""), [I, r] = n(!1), [d, a] = n(g.receivables.tab ?? u.Invoices), o = t((i) => {
+    c(i);
+  }, []), h = t((i) => {
+    o(i);
+  }, [o]), R = t(() => {
+    c("");
+  }, []), D = t((i) => {
+    r(!1), a(u.Invoices), o(i), m.onCreate?.(i);
+  }, [m, o, a]), l = y(), S = l.has(b.InvoiceWriteOrg), v = l.has(b.InvoiceReadOrg);
+  return /* @__PURE__ */ T(f, { children: [
+    s(/* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(w, { id: "actions", size: "lg", disabled: !S, onClick: () => {
+      r(!0);
+    }, children: C._("Create Invoice") }) })),
+    !v && /* @__PURE__ */ e(U, {}),
+    v && /* @__PURE__ */ e($, { tab: d, onTabChange: a, onRowClick: h, setIsCreateInvoiceDialogOpen: r }),
+    !!p && /* @__PURE__ */ e(k, { open: !0, invoiceId: p, onCloseInvoiceDetails: R, onDuplicate: o, openInvoiceDetails: o }),
+    I && /* @__PURE__ */ e(O, { open: !0, type: "invoice", onCreate: D, onOpenChange: () => r(!1) })
   ] });
 };
 export {
-  zt as CreateReceivables
+  ne as Receivables
 };

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

@@ -1,12 +1,52 @@
-const g = (r, t = /* @__PURE__ */ new Date()) => {
-  if (!r)
-    return 0;
-  const e = new Date(r);
-  if (Number.isNaN(e.getTime()))
-    return 0;
-  const n = 1e3 * 60 * 60 * 24, T = Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()), o = Date.UTC(e.getUTCFullYear(), e.getUTCMonth(), e.getUTCDate()), a = Math.floor((T - o) / n);
-  return a > 0 ? a : 0;
+import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
+import { useEffect as f } from "react";
+import { useLingui as h } from "@lingui/react";
+import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
+import { LoadingSpinner as y } from "./index136.js";
+import { Typography as l } from "./index86.js";
+import { twMerge as v } from "tailwind-merge";
+import { UploadBar as C } from "./index473.js";
+const U = ({
+  isUploading: o,
+  isSuccess: r,
+  isError: i,
+  isDraggingOver: d,
+  resetUpload: a,
+  fileName: m,
+  onClick: u
+}) => {
+  const {
+    i18n: s
+  } = h(), w = o || r || i;
+  function p() {
+    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
+  }
+  return f(() => {
+    let n;
+    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
+  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
+    w || u();
+  }, children: w ? /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
+        p(),
+        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
+        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
+        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
+      ] })
+    ] }),
+    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
+  ] }) : /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
+    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
+      s._("Drop your files here, or "),
+      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
+    ] }),
+    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
+  ] }) });
 };
 export {
-  g as getDaysOverdue
+  U as DragAndDropBox
 };

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

@@ -1,13 +1,36 @@
-const f = (n, r) => `${n} ${n === 1 ? r._("day") : r._("days")}`, s = (n, r) => {
-  const e = n.map((_) => f(_, r));
-  if (e.length <= 1) return e[0] ?? "";
-  const t = r._("and");
-  return e.length === 2 ? `${e[0]} ${t} ${e[1]}` : `${e.slice(0, -1).join(", ")}, ${t} ${e[e.length - 1]}`;
-}, d = (n) => [n?.term_1_reminder?.days_before, n?.term_2_reminder?.days_before, n?.term_final_reminder?.days_before].filter((r) => typeof r == "number"), l = (n) => (n?.terms ?? []).map((r) => r.days_after).filter((r) => typeof r == "number"), m = (n, r, e, t = !1) => {
-  const _ = d(n), o = l(r), a = [];
-  return _.length > 0 && a.push(`${s(_, e)} ${e._("before")}`), o.length > 0 && a.push(`${s(o, e)} ${e._("after")}`), a.length > 0 ? a.join(`
-`) : t ? "-" : e._("None");
+import { useMoniteContext as e } from "./index58.js";
+import { useLingui as i } from "@lingui/react";
+import { toast as u } from "react-hot-toast";
+const d = () => {
+  const {
+    api: r,
+    queryClient: n
+  } = e(), {
+    i18n: o
+  } = i();
+  return r.finops.patchCounterpartsIdBankAccountsId.useMutation(void 0, {
+    onSuccess: async (t) => {
+      r.finops.getCounterpartsIdBankAccountsId.setQueryData({
+        path: {
+          counterpart_id: t.counterpart_id,
+          bank_account_id: t.id
+        }
+      }, (a) => ({
+        ...a,
+        ...t
+      }), n), await r.finops.getCounterpartsIdBankAccounts.invalidateQueries({
+        parameters: {
+          path: {
+            counterpart_id: t.counterpart_id
+          }
+        }
+      }, n);
+    },
+    onError: () => {
+      u.error(o._("Failed to update Bank Account."));
+    }
+  });
 };
 export {
-  m as formatReminderSchedule
+  d as useUpdateCounterpartBank
 };

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

@@ -1,40 +1,28 @@
-import { useMoniteContext as c } from "./index59.js";
-import { getAPIErrorMessage as u } from "./index123.js";
-import { useLingui as p } from "@lingui/react";
-import { toast as i } from "react-hot-toast";
-const g = (a, n) => {
+import { useMoniteContext as o } from "./index58.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as n } from "react-hot-toast";
+const d = () => {
   const {
-    api: e,
-    queryClient: s
-  } = c(), {
-    i18n: t
-  } = p();
-  return e.finops.patchRecurrencesId.useMutation({
-    path: {
-      recurrence_id: a
-    }
-  }, {
-    onError(r) {
-      i.error(u(t, r));
-    },
-    async onSuccess(r) {
-      e.finops.getRecurrencesId.setQueryData({
-        path: {
-          recurrence_id: r.id
-        }
-      }, (o) => ({
-        ...o,
-        ...r
-      }), s), await Promise.all([e.finops.getReceivablesId.invalidateQueries({
+    i18n: e
+  } = a(), {
+    api: r,
+    queryClient: t
+  } = o();
+  return r.finops.postCounterpartsIdAddresses.useMutation(void 0, {
+    onSuccess: async (s) => {
+      await r.finops.getCounterpartsIdAddresses.invalidateQueries({
         parameters: {
           path: {
-            receivable_id: n
+            counterpart_id: s.counterpart_id
           }
         }
-      }, s), e.finops.getReceivables.invalidateQueries(s)]), i.success(t._("Recurrence has been updated"));
+      }, t);
+    },
+    onError: () => {
+      n.error(e._("There was an error setting up the address"));
     }
   });
 };
 export {
-  g as useUpdateRecurrenceById
+  d as useCreateCounterpartAddress
 };

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

@@ -1,61 +1,77 @@
-import { jsxs as a, jsx as t } from "@emotion/react/jsx-runtime";
-import { DatePicker as D } from "./index444.js";
-import { FormField as c, FormItem as i, FormLabel as u, FormControl as h, FormMessage as m } from "./index346.js";
-import { Select as p, SelectTrigger as F, SelectValue as M, SelectContent as S, SelectItem as g } from "./index300.js";
-import { useLingui as C } from "@lingui/react";
-import { useFormContext as N } from "react-hook-form";
-const $ = ({
-  isUpdate: n = !1
+import { jsxs as I, jsx as f } from "@emotion/react/jsx-runtime";
+import { useMemo as d, useState as g, useEffect as j } from "react";
+import { useCurrencies as N } from "./index59.js";
+import "./index93.js";
+import { useLingui as G } from "@lingui/react";
+import "react-dom";
+import "./index58.js";
+import "@mui/x-data-grid";
+import { InputGroup as T, InputGroupAddon as $, InputGroupInput as D } from "./index102.js";
+import { formatMinorToMajorCurrency as n, parseMajorToMinorCurrency as P } from "./index330.js";
+const J = ({
+  value: i,
+  error: v = !1,
+  currency: m,
+  disabled: w = !1,
+  onChange: u,
+  locale: x
 }) => {
   const {
-    control: s,
-    watch: w,
-    setValue: f
+    getSymbolFromCurrency: y
   } = N(), {
-    i18n: r
-  } = C(), _ = w("recurrence_start_date"), o = w("recurrence_issue_mode"), d = _ ? new Date(_) : void 0, v = (e) => {
-    if (!o) return !1;
-    const l = e.getDate(), x = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
-    return o === "first_day" ? l !== 1 : o === "last_day" ? l !== x : !1;
+    i18n: M
+  } = G(), e = x ?? M.locale, o = d(() => new Intl.NumberFormat(e, {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), [e]), {
+    decimalSeparator: F,
+    groupSeparator: S
+  } = d(() => {
+    const r = new Intl.NumberFormat(e).formatToParts(12345.67);
+    return {
+      decimalSeparator: r.find((t) => t.type === "decimal")?.value || ".",
+      groupSeparator: r.find((t) => t.type === "group")?.value || ""
+    };
+  }, [e]), [s, a] = g(n(i, o)), [l, p] = g(!1);
+  j(() => {
+    if (!l) {
+      const r = n(i, o);
+      r !== s && a(r);
+    }
+  }, [i, l, e, o, s]);
+  const b = (r) => {
+    const t = r.target.value;
+    a(t);
+  }, h = () => {
+    p(!0);
+  }, C = (r) => {
+    p(!1);
+    const t = r.target.value.trim();
+    if (t === "") {
+      a(n(0, o)), u(0);
+      return;
+    }
+    const c = P(t, F, S);
+    a(n(c, o)), u(c);
   };
-  return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-    /* @__PURE__ */ t(c, { control: s, name: "recurrence_issue_mode", render: ({
-      field: e
-    }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-      /* @__PURE__ */ t(u, { children: r._("Issue at") }),
-      /* @__PURE__ */ a(p, { disabled: n, onValueChange: (l) => {
-        e.onChange(l), f("recurrence_start_date", void 0), f("recurrence_end_date", void 0);
-      }, value: e.value, children: [
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(F, { className: "ttw:w-full", children: /* @__PURE__ */ t(M, { className: "ttw:max-w-4/5 ttw:text-ellipsis ttw:whitespace-nowrap" }) }) }),
-        /* @__PURE__ */ a(S, { children: [
-          /* @__PURE__ */ t(g, { value: "first_day", children: r._("Start of the month") }),
-          /* @__PURE__ */ t(g, { value: "last_day", children: r._("End of the month") })
-        ] })
-      ] }),
-      /* @__PURE__ */ t(m, {})
-    ] }) }),
-    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-start ttw:gap-4", children: [
-      /* @__PURE__ */ t(c, { control: s, name: "recurrence_start_date", render: ({
-        field: e
-      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-        /* @__PURE__ */ t(u, { children: r._("Period starts on") }),
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, shouldDisableButton: n, startMonth: /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
-          defaultMonth: new Date(e.value)
-        } : {} }) }),
-        /* @__PURE__ */ t(m, {})
-      ] }) }),
-      /* @__PURE__ */ t(c, { control: s, name: "recurrence_end_date", render: ({
-        field: e
-      }) => /* @__PURE__ */ a(i, { className: "ttw:flex-1", children: [
-        /* @__PURE__ */ t(u, { children: r._("Period ends on") }),
-        /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(D, { ...e, selected: e.value ? new Date(e.value) : void 0, onSelect: e.onChange, showOutsideDays: !1, disabled: v, startMonth: d ? new Date(d.getFullYear(), d.getMonth() + 2, 0) : /* @__PURE__ */ new Date(), endMonth: new Date(2050, 11), ...n && e.value ? {
-          defaultMonth: new Date(e.value)
-        } : {} }) }),
-        /* @__PURE__ */ t(m, {})
-      ] }) })
-    ] })
+  return /* @__PURE__ */ I(T, { className: "ttw:max-w-41 ttw:w-full ttw:min-w-29", children: [
+    /* @__PURE__ */ f($, { align: "inline-start", children: y(m) || m }),
+    /* @__PURE__ */ f(
+      D,
+      {
+        type: "text",
+        inputMode: "decimal",
+        className: "ttw:text-right",
+        "aria-invalid": v || void 0,
+        disabled: w,
+        value: s,
+        onChange: b,
+        onFocus: h,
+        onBlur: C
+      }
+    )
   ] });
 };
 export {
-  $ as RecurrenceFormContent
+  J as PriceField
 };