@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,119 @@
+import { useMemo as P, useEffect as x } from "react";
+import { toast as l } from "react-hot-toast";
+import { useMoniteContext as u } from "./index59.js";
+import { getAPIErrorMessage as b } from "./index122.js";
+import { useLingui as M } from "@lingui/react";
+const N = (t, n = !0) => {
+  const {
+    api: s
+  } = u();
+  return s.finops.getPaymentRecords.useQuery({
+    query: t
+  }, {
+    enabled: n
+  });
+}, Q = (t = []) => {
+  const {
+    api: n,
+    queryClient: s
+  } = u(), r = P(() => t, [t]), {
+    data: a,
+    isLoading: _,
+    error: h,
+    fetchNextPage: y,
+    hasNextPage: m,
+    isFetchingNextPage: p
+  } = n.finops.getPaymentRecords.useInfiniteQuery({
+    query: {
+      object_id__in: r,
+      sort: "paid_at",
+      order: "desc",
+      limit: 100
+    }
+  }, {
+    initialPageParam: {
+      query: {
+        pagination_token: void 0
+      }
+    },
+    getNextPageParam: (e) => {
+      if (e.next_pagination_token)
+        return {
+          query: {
+            pagination_token: e.next_pagination_token
+          }
+        };
+    },
+    enabled: r.length > 0
+  });
+  x(() => {
+    m && !p && y().catch((e) => {
+      console.error("Error fetching next page:", e);
+    });
+  }, [m, p, y]);
+  const R = P(() => {
+    if (!a?.pages?.length || !r.length)
+      return {};
+    const e = {};
+    r.forEach((o) => {
+      e[o] = [];
+    });
+    const f = /* @__PURE__ */ new Map();
+    r.forEach((o) => {
+      f.set(o, /* @__PURE__ */ new Set());
+    });
+    for (const o of a.pages)
+      if (o.data?.length)
+        for (const i of o.data) {
+          const c = i.object?.id, d = i.payment_intent_id;
+          if (i.object?.type !== "payable" || !c || !d || !e[c])
+            continue;
+          const g = f.get(c);
+          g && !g.has(d) && (e[c].push({
+            intent: d,
+            record: i
+          }), g.add(d));
+        }
+    return e;
+  }, [a?.pages, r]);
+  return {
+    allPaymentRecords: a?.pages.flatMap((e) => e.data),
+    payablesPaymentIntentsRecord: R,
+    isLoading: r.length > 0 && (_ || p),
+    error: h,
+    refetch: () => {
+      n.finops.getPaymentRecords.invalidateQueries(s);
+    }
+  };
+}, k = () => {
+  const {
+    i18n: t
+  } = M(), {
+    api: n,
+    queryClient: s
+  } = u();
+  return n.finops.postPaymentRecords.useMutation({}, {
+    onSuccess: async () => (await n.finops.getPaymentRecords.invalidateQueries(s), l.success(t._("Payment record was created"))),
+    onError: (r) => {
+      const a = b(t, r);
+      l.error(t._("Failed to create payment record: {errorMessage}", {
+        errorMessage: a
+      }));
+    }
+  });
+}, v = (t) => {
+  const {
+    api: n
+  } = u();
+  return n.finops.getPaymentRecordsId.useQuery({
+    path: {
+      payment_record_id: t
+    }
+  });
+};
+export {
+  k as useCreatePaymentRecord,
+  Q as usePayablePaymentIntentsAndRecords,
+  v as usePaymentRecordById,
+  N as usePaymentRecords
+};

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

@@ -0,0 +1,16 @@
+import { useMoniteContext as n } from "./index59.js";
+const a = (t) => {
+  const {
+    api: e
+  } = n();
+  return e.finops.getPaymentIntentsId.useQuery({
+    path: {
+      payment_intent_id: t
+    }
+  }, {
+    enabled: !!t
+  });
+};
+export {
+  a as usePaymentIntentById
+};

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

@@ -0,0 +1,28 @@
+import { useMoniteContext as i } from "./index59.js";
+const o = () => {
+  const {
+    api: t,
+    entityId: e
+  } = i();
+  return t.finops.patchEntitiesIdSettings.useMutation({
+    path: {
+      entity_id: e
+    }
+  });
+}, a = (t = !0) => {
+  const {
+    api: e,
+    entityId: n
+  } = i();
+  return e.finops.getEntitiesIdSettings.useQuery({
+    path: {
+      entity_id: n
+    }
+  }, {
+    enabled: t
+  });
+};
+export {
+  a as useEntitySettings,
+  o as usePatchEntitiesIdSettings
+};

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

@@ -0,0 +1,16 @@
+import { useMoniteContext as s } from "./index59.js";
+const i = (e, t) => {
+  const {
+    api: o
+  } = s();
+  return o.finops.getReceivablesId.useQuery({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    enabled: t
+  });
+};
+export {
+  i as useGetReceivableById
+};

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

@@ -0,0 +1,18 @@
+import { jsx as e, Fragment as n } from "@emotion/react/jsx-runtime";
+import { createContext as m, useContext as c } from "react";
+import { EmotionCacheProvider as d } from "./index107.js";
+import { useMoniteContext as s } from "./index59.js";
+import { MoniteI18nProvider as h } from "./index114.js";
+import { SentryProvider as a } from "./index115.js";
+import { ThemeProvider as f } from "@mui/material";
+const M = ({
+  children: r
+}) => {
+  const t = c(o), {
+    theme: i
+  } = s();
+  return t ? /* @__PURE__ */ e(n, { children: r }) : /* @__PURE__ */ e(o.Provider, { value: !0, children: /* @__PURE__ */ e(d, { cacheKey: "monite-css", children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(f, { theme: i, children: /* @__PURE__ */ e(a, { children: r }) }) }) }) });
+}, o = m(!1);
+export {
+  M as MoniteScopedProviders
+};

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

@@ -0,0 +1,42 @@
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { cn as w } from "./index102.js";
+import { Slot as o } from "@radix-ui/react-slot";
+import { cva as d } from "class-variance-authority";
+const v = d("ttw:inline-flex ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:gap-2 ttw:whitespace-nowrap ttw:rounded-md ttw:text-sm ttw:font-medium ttw:transition-all ttw:disabled:pointer-events-none ttw:disabled:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg:not([class*=size-])]:size-4 ttw:shrink-0 ttw:[&_svg]:shrink-0 ttw:outline-none ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:focus-visible:ring-[3px] ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive", {
+  variants: {
+    variant: {
+      default: "ttw:bg-primary ttw:text-primary-foreground ttw:shadow-xs ttw:hover:brightness-110 ttw:active:brightness-95",
+      destructive: "ttw:bg-destructive ttw:text-white ttw:shadow-xs ttw:hover:brightness-110 ttw:active:brightness-95 ttw:focus-visible:ring-destructive/20 ttw:dark:focus-visible:ring-destructive/40 ttw:dark:bg-destructive/60",
+      outline: "ttw:border ttw:bg-background ttw:shadow-xs ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:dark:bg-input/30 ttw:dark:border-input ttw:dark:hover:bg-input/50",
+      secondary: "ttw:bg-secondary ttw:text-neutral ttw:shadow-xs ttw:hover:brightness-105 ttw:active:brightness-95",
+      ghost: "ttw:hover:bg-accent ttw:hover:text-accent-foreground ttw:dark:hover:bg-accent/50",
+      link: "ttw:text-primary ttw:underline-offset-4 ttw:hover:underline"
+    },
+    size: {
+      default: "ttw:h-9 ttw:px-4 ttw:py-2 ttw:has-[>svg]:px-3",
+      sm: "ttw:h-8 ttw:rounded-md ttw:gap-1.5 ttw:px-3 ttw:has-[>svg]:px-2.5",
+      lg: "ttw:h-10 ttw:rounded-md ttw:px-6 ttw:has-[>svg]:px-4",
+      icon: "ttw:size-9"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+}), c = ({
+  className: e,
+  variant: t,
+  size: r,
+  asChild: i = !1,
+  ref: s,
+  ...a
+}) => /* @__PURE__ */ n(i ? o : "button", { "data-slot": "button", "data-variant": t || "default", className: w(v({
+  variant: t,
+  size: r,
+  className: e
+})), ref: s, ...a });
+c.displayName = "Button";
+export {
+  c as Button,
+  v as buttonVariants
+};

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

@@ -0,0 +1,59 @@
+import * as n from "react";
+import { tv as w } from "tailwind-variants";
+const s = w({
+  variants: {
+    variant: {
+      h1: "ttw:scroll-m-20 ttw:text-4xl ttw:font-extrabold ttw:tracking-tight",
+      h2: "ttw:scroll-m-20 ttw:text-3xl ttw:font-semibold ttw:tracking-tight",
+      h3: "ttw:scroll-m-20 ttw:text-2xl ttw:font-semibold ttw:tracking-tight",
+      h4: "ttw:scroll-m-20 ttw:text-xl ttw:font-semibold ttw:tracking-tight",
+      h5: "ttw:scroll-m-20 ttw:text-lg ttw:font-semibold ttw:tracking-tight",
+      h6: "ttw:scroll-m-20 ttw:text-base ttw:font-semibold ttw:tracking-tight",
+      body1: "ttw:text-base ttw:leading-7",
+      body2: "ttw:text-sm ttw:leading-6",
+      caption: "ttw:text-xs ttw:leading-5"
+    },
+    color: {
+      default: "ttw:text-foreground",
+      muted: "ttw:text-muted-foreground",
+      primary: "ttw:text-primary",
+      destructive: "ttw:text-destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "body1",
+    color: "default"
+  }
+}), c = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body1: "p",
+  body2: "p",
+  caption: "span"
+};
+function h({
+  className: o,
+  variant: t = "body1",
+  color: a = "default",
+  component: e,
+  children: r,
+  ...l
+}) {
+  const i = e || c[t];
+  return n.createElement(i, {
+    className: s({
+      variant: t,
+      color: a,
+      className: o
+    }),
+    ...l
+  }, r);
+}
+export {
+  h as Typography,
+  s as typographyVariants
+};

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

@@ -0,0 +1,97 @@
+import { jsx as e, jsxs as g } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useRootElements as S } from "./index94.js";
+import { useLingui as L } from "@lingui/react";
+import R from "@mui/icons-material/ChevronLeft";
+import D from "@mui/icons-material/ChevronRight";
+import { Grid as h, Select as I, Box as u, IconButton as d, Typography as j, MenuItem as B } from "@mui/material";
+import { styled as z, useThemeProps as O } from "@mui/material/styles";
+import { getLayoutStyles as k } from "./index333.js";
+const c = "MoniteTablePagination", E = 10, V = ({
+  onPaginationModelChange: o,
+  paginationModel: i,
+  nextPage: n,
+  prevPage: l,
+  pageSizeOptions: b,
+  slotProps: x,
+  paginationLayout: v,
+  navigationPosition: y,
+  pageSizePosition: M,
+  className: w
+}) => {
+  const {
+    i18n: t
+  } = L(), {
+    root: N
+  } = S(), {
+    pageSizeOptions: r,
+    slotProps: m,
+    paginationLayout: C = "default",
+    navigationPosition: T = "left",
+    pageSizePosition: _ = "right"
+  } = O({
+    props: {
+      pageSizeOptions: b,
+      slotProps: x,
+      paginationLayout: v,
+      navigationPosition: y,
+      pageSizePosition: M
+    },
+    name: c
+  }), s = "pageSize" in i ? i.pageSize : r?.[0] ?? E, P = r && r.length > 1, p = k({
+    layout: C,
+    navigationPosition: T,
+    pageSizePosition: _,
+    hasPageSizeSelect: !!P
+  });
+  return /* @__PURE__ */ e(F, { container: !0, mx: 2, boxSizing: "border-box", className: w, children: /* @__PURE__ */ g(h, { xs: 12, item: !0, display: "flex", justifyContent: p.justifyContent, flexDirection: p.flexDirection, gap: p.gap, pt: 0.5, pb: 1, alignItems: "center", children: [
+    /* @__PURE__ */ g(u, { children: [
+      /* @__PURE__ */ e(d, { className: "Monite-TablePagination-PreviousPageButton", "aria-label": t._("Previous page"), disabled: !l, onClick: (a) => {
+        if (a.preventDefault(), typeof l > "u") throw new Error("Previous page is not available");
+        o({
+          page: l,
+          pageSize: s
+        });
+      }, children: /* @__PURE__ */ e(R, { fontSize: "small", "aria-label": t._("Previous page") }) }),
+      /* @__PURE__ */ e(d, { className: "Monite-TablePagination-NextPageButton", "aria-label": t._("Next page"), disabled: !n, onClick: (a) => {
+        if (a.preventDefault(), typeof n > "u") throw new Error("Next page is not available");
+        o({
+          page: n,
+          pageSize: s
+        });
+      }, children: /* @__PURE__ */ e(D, { fontSize: "small", "aria-label": t._("Next page") }) })
+    ] }),
+    P && /* @__PURE__ */ g(u, { display: "flex", alignItems: "center", gap: 1, children: [
+      /* @__PURE__ */ e(j, { variant: "body2", color: "text.secondary", children: t._("Results per page") }),
+      /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(G, { className: "Monite-RowsPerPageSelector", ...m?.pageSizeSelect, "aria-label": t._("Rows per page"), MenuProps: {
+        ...m?.pageSizeSelect?.MenuProps,
+        container: N
+      }, value: s.toString(), onChange: (a) => {
+        o({
+          page: null,
+          pageSize: parseInt(a.target.value, 10)
+        });
+      }, children: r?.map((a) => /* @__PURE__ */ e(B, { value: a.toString(), children: a }, a)) }) })
+    ] })
+  ] }) });
+}, F = z(f((o, i) => /* @__PURE__ */ e(h, { ref: i, ...o })), {
+  name: c,
+  slot: "root",
+  shouldForwardProp: () => !0
+})({}), G = z(f(({
+  ...o
+}, i) => {
+  const {
+    root: n
+  } = S();
+  return /* @__PURE__ */ e(I, { ref: i, ...o, MenuProps: {
+    container: n
+  } });
+}), {
+  name: c,
+  slot: "pageSizeSelect",
+  shouldForwardProp: () => !0
+})({});
+export {
+  V as TablePagination
+};

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

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as i } from "@emotion/react/jsx-runtime";
+import { useFinancing as m } from "./index339.js";
+import "./index59.js";
+import "react-hot-toast";
+import { useLingui as h } from "@lingui/react";
+import { useKanmonContext as u } from "./index58.js";
+import g from "@mui/icons-material/Money";
+import { useTheme as x, Stack as o, Box as t, lighten as f, Typography as a, Button as l } from "@mui/material";
+import { FinanceFaqWrapper as y } from "./index337.js";
+const w = () => {
+  const {
+    i18n: e
+  } = h(), {
+    startFinanceSession: p
+  } = u(), n = x(), {
+    isLoading: s,
+    isEnabled: d
+  } = m();
+  return d ? /* @__PURE__ */ r(o, { gap: 4, sx: {
+    border: `1px solid ${n.palette.divider}`
+  }, borderRadius: "16px", p: 3, children: [
+    /* @__PURE__ */ i(t, { children: /* @__PURE__ */ i(t, { sx: {
+      backgroundColor: f(n.palette.primary.main, 0.9),
+      borderRadius: "100%",
+      width: "40px",
+      height: "40px",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      p: 2
+    }, children: /* @__PURE__ */ i(g, { sx: {
+      color: n.palette.primary.main,
+      width: 20,
+      height: 20
+    } }) }) }),
+    /* @__PURE__ */ r(o, { gap: 1, children: [
+      /* @__PURE__ */ i(a, { variant: "subtitle1", children: e._("Invoice financing") }),
+      /* @__PURE__ */ i(a, { variant: "body1", fontWeight: 400, children: e._("Apply for a monthly plan loans to manage your business more efficiently") })
+    ] }),
+    /* @__PURE__ */ r(o, { direction: "row", gap: 1, alignItems: "center", children: [
+      /* @__PURE__ */ i(l, { disabled: s, onClick: () => p(), variant: "outlined", sx: {
+        px: 2
+      }, children: e._("Apply for loans") }),
+      /* @__PURE__ */ i(y, { children: ({
+        openModal: c
+      }) => /* @__PURE__ */ i(l, { onClick: c, variant: "text", children: e._("Read more") }) })
+    ] })
+  ] }) : null;
+};
+export {
+  w as FinanceIntegrationCard
+};

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

@@ -0,0 +1,128 @@
+import { jsx as r, jsxs as _ } from "@emotion/react/jsx-runtime";
+import { ApprovalPoliciesRules as N } from "./index353.js";
+import { User as q } from "./index354.js";
+import { ApprovalStatusChip as I } from "./index355.js";
+import { extractApprovalCallsForTable as O } from "./index356.js";
+import { useMoniteContext as Y } from "./index59.js";
+import { MoniteScopedProviders as j } from "./index85.js";
+import { useUserPermissions as z } from "./index133.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 H } from "../../shared/data-access/dist/lib/scopes.js";
+import { useState as p, useMemo as K } from "react";
+import { GetNoRowsOverlay as M } from "./index143.js";
+import { AccessRestriction as B } from "./index135.js";
+import "./index86.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "lucide-react";
+import { useLingui as U } from "@lingui/react";
+import { DataTable as G } from "./index145.js";
+import { hasSelectedText as Q } from "./index151.js";
+import { formatISO as g, addDays as J } from "date-fns";
+import { FILTER_TYPE_CREATED_AT as n, FILTER_TYPE_CREATED_BY as V, FILTER_TYPE_SEARCH as v } from "./index357.js";
+import { ApprovalPoliciesTriggers as W } from "./index358.js";
+import { Filters as X } from "./index359.js";
+const Fe = (s) => /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(Z, { ...s }) }), Z = ({
+  onChangeFilter: s,
+  onRowClick: u,
+  onCreateClick: f
+}) => {
+  const {
+    i18n: o
+  } = U(), {
+    api: h,
+    locale: c,
+    componentSettings: y
+  } = Y(), [C, d] = p(void 0), [m, P] = p(y.approvalPolicies.pageSizeOptions[0]), [a, A] = p({}), T = z().has(H.ApprovalPolicyReadOrg), {
+    data: t,
+    isLoading: w,
+    isError: S,
+    refetch: b
+  } = h.finops.getApprovalPolicies.useQuery({
+    query: {
+      limit: m,
+      name__ncontains: a[v] ?? void 0,
+      created_by: a[V] ?? void 0,
+      pagination_token: C,
+      created_at__gte: a[n] ? g(a[n]) : void 0,
+      created_at__lte: a[n] ? g(J(a[n], 1)) : void 0,
+      object_type: "payable"
+    }
+  }), E = (e, i) => {
+    d(void 0), A((l) => ({
+      ...l,
+      [e]: i === "all" ? null : i
+    })), s?.({
+      field: e,
+      value: i
+    });
+  }, R = [], F = () => {
+  }, x = K(() => [{
+    accessorKey: "name",
+    header: o._("Policy name")
+  }, {
+    id: "triggers",
+    header: o._("Conditions"),
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ r(W, { approvalPolicy: e.original })
+  }, {
+    id: "approvals",
+    header: o._("Approvals"),
+    cell: ({
+      row: e
+    }) => {
+      const i = e.original.script?.[0]?.if?.all;
+      if (!i)
+        return /* @__PURE__ */ _("span", { children: [
+          o._("N/A"),
+          " ",
+          o._("approvals required")
+        ] });
+      const l = O(i).reduce((D, L) => D + (L.params?.required_approval_count || 0), 0) || o._("N/A");
+      return /* @__PURE__ */ _("span", { children: [
+        l,
+        " ",
+        o._("approvals required")
+      ] });
+    }
+  }, {
+    id: "rule",
+    header: o._("Flow"),
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ r(N, { approvalPolicy: e.original })
+  }, {
+    id: "status",
+    header: o._("Status"),
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ r(I, { status: e.original.status })
+  }, {
+    accessorKey: "created_at",
+    header: o._("Created at"),
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ r("span", { children: o.date(e.original.created_at, c.dateFormat) })
+  }, {
+    accessorKey: "created_by",
+    header: o._("Created by"),
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ r(q, { userId: e.original.created_by })
+  }], [o, c.dateFormat]);
+  if (!T)
+    return /* @__PURE__ */ r(B, {});
+  const k = Object.keys(a).some((e) => a[e] !== null && a[e] !== void 0), $ = !!a[v];
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: /* @__PURE__ */ r(G, { columns: x, data: t?.data ?? [], sorting: R, onSortingChange: F, pageSize: m, onPageSizeChange: P, nextPaginationToken: t?.next_pagination_token ?? void 0, prevPaginationToken: t?.prev_pagination_token ?? void 0, onPaginationTokenChange: d, onRowClick: (e) => {
+    Q() || u?.(e.id);
+  }, filterComponent: /* @__PURE__ */ r(X, { onChangeFilter: E }), children: /* @__PURE__ */ r(M, { noDataTitle: o._("No Approval Policies"), noDataDescription1: o._("You don't have any approval policies yet."), filterTitle: o._("No Approval Policies Found"), isLoading: w, dataLength: t?.data.length || 0, isFiltering: k, isSearching: $, isError: S, onCreate: () => f?.(), refetch: b, entityName: o._("Approval Policies"), actionButtonLabel: o._("Create") }) }) });
+};
+export {
+  Fe as ApprovalPoliciesTable
+};

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

@@ -0,0 +1,90 @@
+import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
+import { FinanceBannerWrapper as d } from "./index336.js";
+import { FinanceOverviewCard as T } from "./index346.js";
+import { useFinancing as L } from "./index339.js";
+import { useGetFinanceOffers as O } from "./index347.js";
+import "react-hot-toast";
+import "./index59.js";
+import { useLingui as S } from "@lingui/react";
+import { useFinanceAnInvoice as C } from "./index348.js";
+import { useGetFinancedInvoices as E } from "./index342.js";
+import { useKanmonContext as D } from "./index58.js";
+import { Box as r, Typography as a, Tooltip as W, Button as j } from "@mui/material";
+import { useState as k } from "react";
+const B = 8640 * 60 * 1e3, R = ({
+  invoice: n
+}) => {
+  const {
+    i18n: i
+  } = S(), {
+    startFinanceSession: l
+  } = D(), [c, t] = k(!1), m = C(), {
+    isLoading: p,
+    data: u
+  } = E({
+    invoice_id: n.id,
+    type: "receivable"
+  }), {
+    isLoading: f,
+    isEnabled: v,
+    isServicing: h
+  } = L(), {
+    isLoading: y,
+    data: _
+  } = O(), b = !!u?.data?.find((s) => s?.invoice_id === n.id), x = f || p || y, I = ["issued", "partially_paid"].includes(n.status), g = n.due_date ? new Date(n.due_date).getTime() - ((/* @__PURE__ */ new Date()).getTime() + B) > 0 : !1, F = I && g, w = async () => {
+    try {
+      t(!0), m.mutate({
+        invoices: [{
+          id: n.id,
+          type: "receivable"
+        }]
+      }, {
+        onError: () => {
+          t(!1);
+        },
+        onSuccess: ({
+          session_token: s
+        }) => {
+          l({
+            sessionToken: s,
+            component: "SESSION_INVOICE_FLOW_WITH_INVOICE_FILE"
+          }), t(!1);
+        }
+      });
+    } catch {
+      t(!1);
+    }
+  };
+  return !v || !h ? null : b ? /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(T, { invoice: n, offers: _ ?? null }) }) : F ? /* @__PURE__ */ e(d, { children: /* @__PURE__ */ o(r, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: 2,
+    justifyContent: "space-between"
+  }, children: [
+    /* @__PURE__ */ o(r, { sx: {
+      flex: "1 1 0%"
+    }, children: [
+      /* @__PURE__ */ e(a, { variant: "subtitle2", children: i._("Don't wait for your client to pay") }),
+      /* @__PURE__ */ o(a, { variant: "body1", children: [
+        i._("This invoice can be financed"),
+        ".",
+        " ",
+        /* @__PURE__ */ e(W, { arrow: !0, title: i._("Invoices that are due within 7 days cannot be financed. Overdue invoices cannot be financed. The loan sum must be within your remaining limit."), children: /* @__PURE__ */ e(a, { variant: "body1", sx: {
+          textDecoration: "underline"
+        }, component: "span", children: i._("Why?") }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(j, { onClick: w, disabled: c || x, color: "primary", variant: "contained", sx: {
+      px: 2.5,
+      py: 1.5
+    }, children: c ? i._("Loading...") : i._("Get paid now") })
+  ] }) }) : /* @__PURE__ */ e(d, { children: /* @__PURE__ */ o(r, { sx: {
+    flex: "1 1 0%"
+  }, children: [
+    /* @__PURE__ */ e(a, { variant: "subtitle2", children: i._("This invoice can't be financed") }),
+    /* @__PURE__ */ e(a, { variant: "body1", children: i._("It must be in the “Issued” or “Partially paid” statuses and have more than 7 days till overdue.") })
+  ] }) });
+};
+export {
+  R as FinanceInvoice
+};