@tesouro/embedded-components-react 0.2.16 → 0.2.18

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

@@ -1,117 +1,18 @@
-import { jsx as e, jsxs as l } from "@emotion/react/jsx-runtime";
-import { getEntityProfileValidationSchema as f } from "./index211.js";
-import { EntityProfileFormContent as y } from "./index445.js";
-import "react-hot-toast";
-import "./index59.js";
-import { useLingui as _ } from "@lingui/react";
-import { useMemo as h } from "react";
-import "date-fns";
-import { useUserPermissions as v } from "./index137.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";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as g } from "../../shared/data-access/dist/lib/scopes.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import "lucide-react";
-import { Button as m } from "./index86.js";
-import { usePatchEntityById as w } from "./index421.js";
-import "./index94.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useForm as x } from "react-hook-form";
-import { useMyEntity as b } from "./index80.js";
-import "./index52.js";
-import "@mui/icons-material/ArrowBack";
-import "@mui/icons-material/Close";
-import "@mui/material/IconButton";
-import "@mui/material/Tooltip";
-import { AccessRestrictionModal as D } from "./index381.js";
-import { Dialog as C, DialogContent as z, DialogHeader as E, DialogTitle as S, DialogDescription as P, DialogFooter as F } from "./index206.js";
-import { Form as M } from "./index266.js";
-import { zodResolver as N } from "@hookform/resolvers/zod";
-const $ = (t) => {
-  const o = {
-    email: t.email || void 0,
-    tax_id: t.tax_id || void 0,
-    address_line_1: t.address.line1 || void 0,
-    address_line_2: t.address.line2 || void 0,
-    city: t.address.city || void 0,
-    postal_code: t.address.postal_code || void 0,
-    state: t.address.state || void 0,
-    country: t.address.country || void 0,
-    phone: t.phone || void 0,
-    website: t.website || void 0
-  };
-  return "organization" in t ? {
-    name: t.organization.legal_name || void 0,
-    ...o
-  } : {
-    title: t.individual.title || void 0,
-    name: t.individual.first_name || void 0,
-    surname: t.individual.last_name || void 0,
-    ...o
-  };
-}, O = ({
-  open: t,
-  onClose: o,
-  entity: r
-}) => {
+import { useMoniteContext as e } from "./index59.js";
+const a = () => {
   const {
-    i18n: n
-  } = _(), {
-    mutate: d
-  } = w(), p = h(() => $(r), [r]), a = "entity-profile-form", s = x({
-    resolver: N(f(n)),
-    defaultValues: p
-  }), {
-    handleSubmit: u,
-    formState: c
-  } = s;
-  return /* @__PURE__ */ e(C, { open: t, onOpenChange: o, children: /* @__PURE__ */ e(M, { ...s, children: /* @__PURE__ */ e("form", { id: a, name: a, onSubmit: u(async (i) => {
-    d({
-      email: i.email || null,
-      website: i.website || null,
-      phone: i.phone || null,
-      tax_id: i.tax_id || null,
-      address: {
-        line1: i.address_line_1 || null,
-        line2: i.address_line_2 || null,
-        city: i.city || null,
-        postal_code: i.postal_code || null,
-        state: i.state || null
-      },
-      ...r.type === "individual" ? {
-        title: i.title || null,
-        first_name: i.name || null,
-        last_name: i.surname || null
-      } : {
-        organization: {
-          legal_name: i.name || null
-        }
-      }
-    });
-  }), children: /* @__PURE__ */ l(z, { className: "ttw:max-h-4/5 ttw:overflow-y-auto", children: [
-    /* @__PURE__ */ l(E, { children: [
-      /* @__PURE__ */ e(S, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8", children: n._("Edit my organization profile") }),
-      /* @__PURE__ */ e(P, { hidden: !0, children: n._("Edit your organization profile to update your information.") })
-    ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: /* @__PURE__ */ e(y, { entityType: r.type }) }),
-    /* @__PURE__ */ l(F, { children: [
-      /* @__PURE__ */ e(m, { variant: "ghost", onClick: o, children: n._("Cancel") }),
-      /* @__PURE__ */ e(m, { type: "submit", form: a, disabled: !c.isDirty, children: n._("Save") })
-    ] })
-  ] }) }) }) });
-}, yt = (t) => {
-  const {
-    data: o,
-    isLoading: r
-  } = b();
-  return v().has(g.OrganizationWriteOrg) ? r || !o ? null : /* @__PURE__ */ e(O, { ...t, entity: o }) : /* @__PURE__ */ e(D, { open: t.open, onClose: t.onClose });
+    api: t,
+    queryClient: i
+  } = e();
+  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
+    onSuccess: async (s) => {
+      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
+        ...o,
+        logo: s
+      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
+    }
+  });
 };
 export {
-  yt as EntityProfileModal
+  a as useUploadEntityLogo
 };

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

@@ -1,46 +1,26 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useState as v, useRef as b } from "react";
-import { useMoniteContext as D } from "./index59.js";
-import { useProductCurrencyGroups as w } from "./index446.js";
-import { Alert as x } from "./index159.js";
-import { Button as s } from "./index86.js";
-import { Dialog as S, DialogContent as _, DialogHeader as k, DialogTitle as L, DialogDescription as A, DialogFooter as G } from "./index206.js";
-import { Typography as I } from "./index87.js";
-import { MoniteCurrencyShadcn as N } from "./index447.js";
-import { useLingui as $ } from "@lingui/react";
-const V = ({
-  open: l,
-  handleClose: i,
-  currentCurrency: o,
-  updateCurrentCurrency: u,
-  hasValidLineItemsSelected: m,
-  clearLineItems: d
-}) => {
+import { toast as o } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as r } from "@lingui/react";
+const p = (i) => {
   const {
-    i18n: r
-  } = $(), {
-    componentSettings: h
-  } = D(), [n, p] = v(o), a = b(null), {
-    currencyGroups: g,
-    isLoadingCurrencyGroups: C
-  } = w(), c = m && n !== o, f = () => {
-    n !== o && (c && d(), u(n)), i();
-  };
-  return /* @__PURE__ */ e(S, { open: l, onOpenChange: i, children: /* @__PURE__ */ t(_, { children: [
-    /* @__PURE__ */ t(k, { children: [
-      /* @__PURE__ */ e(L, { children: r._("Change document currency") }),
-      /* @__PURE__ */ e(A, { children: r._("Invoice will be issued with items in the selected currency") })
-    ] }),
-    /* @__PURE__ */ t("div", { ref: a, className: "ttw:flex ttw:flex-col ttw:gap-8", onClick: (y) => y.stopPropagation(), children: [
-      /* @__PURE__ */ e(N, { value: n, groups: g, disabled: C, allowedCurrencies: h?.receivables?.bankAccountCurrencies, container: a, onChange: p }),
-      c && /* @__PURE__ */ e(x, { variant: "warning", className: "ttw:mb-2", children: /* @__PURE__ */ e(I, { variant: "body1", children: r._("All items in the invoice must be in this currency. Remove items that don't match it.") }) })
-    ] }),
-    /* @__PURE__ */ t(G, { children: [
-      /* @__PURE__ */ e(s, { variant: "ghost", onClick: i, children: r._("Cancel") }),
-      /* @__PURE__ */ e(s, { onClick: f, children: r._("Save") })
-    ] })
-  ] }) });
+    api: t,
+    queryClient: s
+  } = n(), {
+    i18n: e
+  } = r();
+  return t.finops.deleteEntitiesIdLogo.useMutation({
+    path: {
+      entity_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
+    },
+    onError: () => {
+      o.error(e._("Failed to remove logo."));
+    }
+  });
 };
 export {
-  V as CurrencySelectDialog
+  p as useDeleteEntityLogo
 };

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

@@ -1,13 +1,52 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { cn as i } from "./index102.js";
-import * as r from "@radix-ui/react-checkbox";
-import { CheckIcon as o } from "lucide-react";
-function c({
-  className: e,
-  ...a
-}) {
-  return /* @__PURE__ */ t(r.Root, { "data-slot": "checkbox", className: i("ttw:peer ttw:border-input ttw:dark:bg-input/30 ttw:data-[state=checked]:bg-primary ttw:data-[state=checked]:text-primary-foreground ttw:dark:data-[state=checked]:bg-primary ttw:data-[state=checked]:border-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:size-4 ttw:shrink-0 ttw:rounded-[4px] ttw:border ttw:shadow-xs ttw:transition-shadow ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", e), ...a, children: /* @__PURE__ */ t(r.Indicator, { "data-slot": "checkbox-indicator", className: "ttw:flex ttw:items-center ttw:justify-center ttw:text-current ttw:transition-none", children: /* @__PURE__ */ t(o, { className: "ttw:size-3.5" }) }) });
-}
+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 "./index140.js";
+import { Typography as l } from "./index87.js";
+import { twMerge as v } from "tailwind-merge";
+import { UploadBar as C } from "./index445.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 {
-  c as Checkbox
+  U as DragAndDropBox
 };

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

@@ -1,9 +1,13 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Switch as a } from "radix-ui";
+import { cn as e } from "./index102.js";
+function o({
+  className: s,
+  size: r = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "switch", "data-size": r, className: e("ttw:peer ttw:group/switch ttw:inline-flex ttw:shrink-0 ttw:items-center ttw:rounded-full ttw:border ttw:border-transparent ttw:shadow-xs ttw:transition-all ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-[3px] ttw:focus-visible:ring-ring/50 ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-[1.15rem] ttw:data-[size=default]:w-8 ttw:data-[size=sm]:h-3.5 ttw:data-[size=sm]:w-6 ttw:data-[state=checked]:bg-primary ttw:data-[state=unchecked]:bg-input ttw:dark:data-[state=unchecked]:bg-input/80", s), ...i, children: /* @__PURE__ */ t(a.Thumb, { "data-slot": "switch-thumb", className: e("ttw:pointer-events-none ttw:block ttw:rounded-full ttw:bg-background ttw:ring-0 ttw:transition-transform ttw:group-data-[size=default]/switch:size-4 ttw:group-data-[size=sm]/switch:size-3 ttw:data-[state=checked]:translate-x-[calc(100%-2px)] ttw:data-[state=unchecked]:translate-x-0 ttw:dark:data-[state=checked]:bg-primary-foreground ttw:dark:data-[state=unchecked]:bg-foreground") }) });
+}
 export {
-  t as getRowToStatusTextMap
+  o as Switch
 };

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

@@ -1,56 +1,9 @@
-import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { useState as n } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as I } from "./index94.js";
-import { classNames as _ } from "./index196.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
-const $ = ({
-  onChange: l,
-  className: p
-}) => {
-  const {
-    i18n: r
-  } = F(), {
-    api: d
-  } = y(), {
-    root: u
-  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
-    data: C,
-    isLoading: a,
-    refetch: A
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: f || void 0
-    }
-  }, {
-    enabled: i
-  });
-  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
-    popper: {
-      container: u
-    }
-  }, open: i, onOpen: () => {
-    s(!0);
-  }, onClose: () => {
-    s(!1);
-  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-    g(t);
-  }, onChange: (e, t) => {
-    c(t), l(t?.id), A();
-  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
-    "&.MuiAutocomplete-root": {
-      display: "flex",
-      alignItems: "center"
-    }
-  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ h(x, { children: [
-      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }) });
-};
+const t = (e) => ({
+  approved: e._("Approved"),
+  canceled: e._("Canceled"),
+  rejected: e._("Rejected"),
+  waiting: e._("In approval")
+});
 export {
-  $ as AutocompleteCreatedBy
+  t as getRowToStatusTextMap
 };

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

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as b, Fragment as P } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as T } from "./index106.js";
 import { InvoiceStatusChip as k } from "./index57.js";
-import { ReceivableFilters as B } from "./index193.js";
+import { ReceivableFilters as B } from "./index176.js";
 import "react-hot-toast";
 import { useMoniteContext as G } from "./index59.js";
 import { useLingui as A } from "@lingui/react";
 import { useState as c, useMemo as D } from "react";
-import { useReceivablesFilters as W } from "./index194.js";
+import { useReceivablesFilters as W } from "./index177.js";
 import "date-fns";
 import { useCurrencies as j } from "./index60.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
@@ -24,13 +24,13 @@ import "./index94.js";
 import { useAreCounterpartsLoading as q, defaultCounterpartColumnWidth as H, useAutosizeGridColumns as Q } from "./index64.js";
 import "react-hook-form";
 import { MoniteScopedProviders as V } from "./index85.js";
-import { ReceivableCursorFields as x } from "./index191.js";
-import { CounterpartNameCellById as Y } from "./index163.js";
-import { DataGridEmptyState as J } from "./index195.js";
-import { GetNoRowsOverlay as K } from "./index164.js";
+import { ReceivableCursorFields as x } from "./index174.js";
+import { CounterpartNameCellById as Y } from "./index164.js";
+import { DataGridEmptyState as J } from "./index178.js";
+import { GetNoRowsOverlay as K } from "./index165.js";
 import { TablePagination as U } from "./index88.js";
-import { classNames as X } from "./index196.js";
-import { hasSelectedText as Z } from "./index166.js";
+import { classNames as X } from "./index179.js";
+import { hasSelectedText as Z } from "./index167.js";
 import { Stack as ee, Typography as te, Box as oe } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const De = (s) => /* @__PURE__ */ o(V, { children: /* @__PURE__ */ o(ae, { ...s }) }), ae = ({

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

@@ -1,20 +1,56 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useFileById as s } from "./index79.js";
-import { Avatar as e } from "@mui/material";
-const n = ({
-  alt: t,
-  fileId: a,
-  ...r
-}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
-  alt: t,
-  fileId: a,
-  ...r
+import { jsx as o, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { useState as n } from "react";
+import { useMoniteContext as y } from "./index59.js";
+import { useRootElements as I } from "./index94.js";
+import { classNames as _ } from "./index179.js";
+import { useLingui as F } from "@lingui/react";
+import { Autocomplete as M, TextField as O, CircularProgress as v } from "@mui/material";
+const $ = ({
+  onChange: l,
+  className: p
 }) => {
   const {
-    data: o
-  } = s(a);
-  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
+    i18n: r
+  } = F(), {
+    api: d
+  } = y(), {
+    root: u
+  } = I(), [i, s] = n(!1), [m, c] = n(null), [f, g] = n(""), {
+    data: C,
+    isLoading: a,
+    refetch: A
+  } = d.finops.getEntityUsers.useQuery({
+    query: {
+      name__istartswith: f || void 0
+    }
+  }, {
+    enabled: i
+  });
+  return /* @__PURE__ */ o(M, { autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, value: m, noOptionsText: r._("No users found"), slotProps: {
+    popper: {
+      container: u
+    }
+  }, open: i, onOpen: () => {
+    s(!0);
+  }, onClose: () => {
+    s(!1);
+  }, loading: a, options: C?.data || [], getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
+    g(t);
+  }, onChange: (e, t) => {
+    c(t), l(t?.id), A();
+  }, className: _("Monite-ApprovalAddedByFilter-Container", "Monite-FilterControl", p), sx: {
+    "&.MuiAutocomplete-root": {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, renderInput: (e) => /* @__PURE__ */ o(O, { ...e, variant: "standard", placeholder: r._("Added by"), className: "Monite-ApprovalAddedByFilter Monite-FilterControl", InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ h(x, { children: [
+      a ? /* @__PURE__ */ o(v, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }) });
 };
 export {
-  n as UserAvatar
+  $ as AutocompleteCreatedBy
 };

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

@@ -1,26 +1,20 @@
-import { jsx as t, jsxs as e } from "@emotion/react/jsx-runtime";
-import { Button as a } from "./index86.js";
-import { Dialog as n, DialogContent as r, DialogHeader as l, DialogTitle as c, DialogDescription as d, DialogFooter as m } from "./index206.js";
-import { useLingui as p } from "@lingui/react";
-const f = ({
-  open: i,
-  onClose: s
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useFileById as s } from "./index79.js";
+import { Avatar as e } from "@mui/material";
+const n = ({
+  alt: t,
+  fileId: a,
+  ...r
+}) => a ? /* @__PURE__ */ l(i, { fileId: a, alt: t, ...r }) : /* @__PURE__ */ l(e, { alt: t, ...r }), i = ({
+  alt: t,
+  fileId: a,
+  ...r
 }) => {
   const {
-    i18n: o
-  } = p();
-  return /* @__PURE__ */ t(n, { open: i, onOpenChange: s, children: /* @__PURE__ */ e(r, { className: "ttw:p-8 ttw:pb-4 ttw:gap-12", children: [
-    /* @__PURE__ */ e(l, { className: "ttw:gap-6", children: [
-      /* @__PURE__ */ t(c, { className: "ttw:text-2xl ttw:font-semibold ttw:leading-8", children: o._("Access restricted") }),
-      /* @__PURE__ */ e(d, { children: [
-        o._("You don't have permissions to view this page."),
-        /* @__PURE__ */ t("br", {}),
-        o._("Contact your system administrator for details.")
-      ] })
-    ] }),
-    /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(a, { onClick: s, children: o._("Close") }) })
-  ] }) });
+    data: o
+  } = s(a);
+  return /* @__PURE__ */ l(e, { alt: t, src: o?.url, ...r });
 };
 export {
-  f as AccessRestrictionModal
+  n as UserAvatar
 };

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

@@ -1,18 +1,98 @@
-import { useMoniteContext as e } from "./index59.js";
-const a = () => {
+import { jsx as n, jsxs as I } from "@emotion/react/jsx-runtime";
+import { useState as l, useEffect as w } from "react";
+import { toast as c } from "react-hot-toast";
+import { useRootElements as S } from "./index94.js";
+import "./index59.js";
+import "@tanstack/react-query";
+import "date-fns";
+import { useLingui as R } from "@lingui/react";
+import { usePaymentIntentById as $ } from "./index82.js";
+import { useCreatePayablePaymentLink as v, usePaymentLinkById as B } from "./index477.js";
+import { Modal as j, Box as x, CircularProgress as D } from "@mui/material";
+const G = (r, d, f, i) => {
   const {
-    api: t,
-    queryClient: i
-  } = e();
-  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
-    onSuccess: async (s) => {
-      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
-        ...o,
-        logo: s
-      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
-    }
-  });
+    i18n: t
+  } = R(), {
+    root: k
+  } = S(), b = v(), [L, m] = l(!1), [u, o] = l(null), [g, p] = l(null), [_, P] = l(!1), {
+    data: s,
+    isSuccess: h
+  } = $(i ?? "");
+  w(() => {
+    h && s?.payment_link_id && i && p(s.payment_link_id);
+  }, [h, s, i]);
+  const {
+    data: e,
+    refetch: C,
+    isSuccess: y,
+    isLoading: E
+  } = B(g ?? "");
+  return w(() => {
+    y && e?.payment_intent?.status === "processing" && f?.(r ?? "", e?.payment_intent?.status ?? "");
+  }, [e, y, f, r]), {
+    handlePay: async () => {
+      if (!d) {
+        c.error(t._("Vendor not found. Please create a vendor first."));
+        return;
+      }
+      if (!_)
+        try {
+          if (E) {
+            c.error(t._("Payment link is still loading. Please wait a moment and try again."));
+            return;
+          }
+          if (!g || y && e?.payment_intent?.status !== "created") {
+            if (P(!0), !r) throw new Error("Payable ID is undefined");
+            const a = await b(
+              r,
+              d,
+              ["sepa_credit"],
+              60
+              // 60 days from now
+            );
+            if (a.payment_page_url)
+              p(a.id), o(a.payment_page_url);
+            else
+              throw p(null), o(null), new Error("No payment page URL in response");
+          } else if (e?.payment_page_url)
+            o(e.payment_page_url);
+          else
+            throw new Error("No payment page URL in existing payment link");
+          m(!0);
+        } catch (a) {
+          console.error("Payment link creation/retrieval error:", a), c.error(i && s?.status === "created" ? t._("Failed to retrieve payment link. Please try again.") : t._("Failed to create payment link. Please try again.")), m(!1);
+        } finally {
+          P(!1);
+        }
+    },
+    isCreatingPaymentLink: _,
+    modalComponent: /* @__PURE__ */ n(j, { open: L, onClose: async () => {
+      await C(), m(!1), o(null);
+    }, container: k, children: /* @__PURE__ */ n(x, { sx: {
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)",
+      width: "80%",
+      maxWidth: 600,
+      bgcolor: "background.paper",
+      boxShadow: 24,
+      p: 4,
+      borderRadius: 2
+    }, children: u ? /* @__PURE__ */ n("iframe", { src: u, title: "Payment Page", width: "100%", height: "400px", style: {
+      border: "none"
+    } }) : /* @__PURE__ */ I(x, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      py: 4
+    }, children: [
+      /* @__PURE__ */ n(D, {}),
+      /* @__PURE__ */ n("p", { children: t._("Loading payment page...") })
+    ] }) }) })
+  };
 };
 export {
-  a as useUploadEntityLogo
+  G as usePaymentHandler
 };