@tesouro/embedded-components-react 0.2.183 → 0.2.184

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

@@ -1,4 +1,105 @@
-const t = (e) => e.preventDefault();
+import { jsx as r, jsxs as f, Fragment as h } from "@emotion/react/jsx-runtime";
+import { useState as _, useMemo as A } from "react";
+import { toast as s } from "react-hot-toast";
+import { useMoniteContext as I } from "./index57.js";
+import { getAPIErrorMessage as B } from "./index118.js";
+import { useLingui as S } from "@lingui/react";
+import "./index92.js";
+import { useFileInput as E } from "./index61.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { CenteredContentBox as M } from "./index197.js";
+import T from "@mui/icons-material/AttachFile";
+import j from "@mui/icons-material/CloudUploadOutlined";
+import { useTheme as k, alpha as $, CircularProgress as z, Box as g, Typography as a, Button as L } from "@mui/material";
+const X = ({
+  payableId: i
+}) => {
+  const {
+    i18n: o
+  } = S(), {
+    api: n,
+    queryClient: m
+  } = I(), p = k(), {
+    FileInput: y,
+    openFileInput: b,
+    checkFileError: v
+  } = E(), [c, l] = _(!1), u = n.finops.postPayablesIdAttachFile.useMutation({
+    path: {
+      payable_id: i
+    }
+  }, {
+    onSuccess: () => Promise.all([n.finops.getPayables.invalidateQueries(m), n.finops.getPayablesId.invalidateQueries({
+      parameters: {
+        path: {
+          payable_id: i
+        }
+      }
+    }, m)]),
+    onError: () => {
+    }
+  }), x = A(() => ({
+    border: 2,
+    borderRadius: 2,
+    borderStyle: "dashed",
+    borderColor: "primary.main",
+    backgroundColor: $(p.palette.primary.main, 0.05)
+  }), [p.palette.primary.main]), D = (e) => {
+    e.preventDefault(), l(!0);
+  }, C = (e) => {
+    e.preventDefault(), l(!1);
+  }, F = (e) => {
+    e.preventDefault(), l(!1);
+    const t = Array.from(e.dataTransfer.files)[0];
+    t && d(t);
+  }, d = (e) => {
+    const t = v(e);
+    if (t) {
+      s.error(t);
+      return;
+    }
+    i && u.mutate({
+      file: e
+    }, {
+      onSuccess: () => {
+        s.success(o._("File successfully attached"));
+      },
+      onError: (P) => {
+        s.error(B(o, P));
+      }
+    });
+  };
+  return u.isPending ? /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(z, {}) }) : /* @__PURE__ */ r(g, { className: "Monite-PayableDetailsAttachFile", sx: {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    textAlign: "center",
+    ...c && x
+  }, onDragOver: D, onDragLeave: C, onDrop: F, children: /* @__PURE__ */ r(g, { sx: {
+    margin: "auto"
+  }, children: c ? /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ r(j, { color: "primary", fontSize: "large" }),
+    /* @__PURE__ */ r(a, { color: "primary", variant: "subtitle2", children: o._("Drop the file here to upload") })
+  ] }) : /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ r(T, { color: "primary", fontSize: "large", sx: {
+      marginBottom: 2
+    } }),
+    /* @__PURE__ */ r(a, { variant: "h3", sx: {
+      marginBottom: 1
+    }, children: o._("Attach a file") }),
+    /* @__PURE__ */ r(a, { children: o._("This invoice doesn't have a file attached.") }),
+    /* @__PURE__ */ r(a, { sx: {
+      marginBottom: 2
+    }, children: o._("Drag & Drop it here to save for administrative purposes.") }),
+    /* @__PURE__ */ r(L, { variant: "outlined", component: "label", onClick: b, children: o._("Choose from device") }),
+    /* @__PURE__ */ r(y, { onChange: (e) => {
+      const t = e.target.files ? e.target.files[0] : null;
+      t && d(t);
+    } })
+  ] }) }) });
+};
 export {
-  t as preventTooltipFocusOpen
+  X as PayableDetailsAttachFile
 };

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

@@ -1,119 +1,164 @@
-import { parseISO as d } from "date-fns";
-import { rateMinorToMajor as n } from "./index309.js";
-import { CUSTOM_DATE_PAYMENT_TERM as i, RECEIPT_DUE_PAYMENT_TERM as c } from "./index308.js";
-const u = (e) => {
-  if (e?.id)
-    return {
-      payment_terms_id: e.id,
-      payment_terms_custom_date: null
-    };
-  const t = e?.term_final?.end_date;
-  return t ? {
-    payment_terms_id: i,
-    payment_terms_custom_date: d(t)
-  } : e?.term_final?.number_of_days === 0 ? {
-    payment_terms_id: c,
-    payment_terms_custom_date: null
-  } : {
-    payment_terms_id: "",
-    payment_terms_custom_date: null
-  };
-}, o = ["su", "mo", "tu", "we", "th", "fr", "sa"], m = {
-  frequency: "once",
-  recurrence_start_date: void 0,
-  recurrence_end_date: void 0,
-  recurrence_end_mode: "after",
-  recurrence_max_occurrences: void 0,
-  recurrence_issue_mode: "first_day",
-  recurrence_days_of_week: void 0,
-  recurrence_subject_text: void 0,
-  recurrence_body_text: void 0
-}, s = (e) => {
-  if (!e) return m;
-  const t = e.start_date ? d(e.start_date) : void 0;
-  return {
-    frequency: e.frequency,
-    recurrence_start_date: t,
-    recurrence_end_date: e.end_date ? d(e.end_date) : void 0,
-    recurrence_end_mode: e.end_date ? "on" : "after",
-    // The API returns `null` for these when unset, but the form's schema fields
-    // are `string | number | undefined` (optional) — `null` fails validation
-    // (invalid_type), so coerce absent values to `undefined`.
-    recurrence_max_occurrences: e.max_occurrences ?? void 0,
-    // Only read for a monthly frequency; harmless otherwise.
-    recurrence_issue_mode: t ? String(t.getDate()) : "first_day",
-    // Only read for a weekly frequency; harmless otherwise.
-    recurrence_days_of_week: t ? o[t.getDay()] : void 0,
-    recurrence_subject_text: e.subject_text ?? void 0,
-    recurrence_body_text: e.body_text ?? void 0
-  };
-}, y = (e, t) => ({
-  // `invoice` is the only editable receivable type.
-  type: "invoice",
-  /** Customer section */
-  counterpart_id: e.counterpart_id,
-  // Existing counterpart is always selected by id, so the inline-create
-  // fields start empty.
-  counterpart_name: "",
-  counterpart_email: "",
-  default_shipping_address_id: e.counterpart_shipping_address?.id ?? "",
-  default_billing_address_id: e.counterpart_billing_address?.id ?? "",
-  /** Billing section */
-  purchase_order: e.purchase_order ?? "",
-  footer: e.footer ?? "",
-  ...u(e.payment_terms),
-  /** Items section */
-  tax_mode: e.tax_mode ?? "exclusive",
-  tax_rate: (() => {
-    const r = e.line_items.find((_) => _.product.tax_rate?.value !== void 0);
-    return r ? String(n(r.product.tax_rate.value ?? 0)) : void 0;
-  })(),
-  line_items: e.line_items.map((r) => {
-    const _ = r.product.measure_unit?.name, a = r.product.measure_unit?.id;
-    return {
-      quantity: r.quantity,
-      product_id: r.product.id,
-      taxable: r.tax_status === "taxable",
-      product: {
-        name: r.product.name,
-        price: e.tax_mode === "inclusive" ? r.product.price_after_tax : r.product.price,
-        measure_unit_id: a && a !== "" ? a : void 0,
-        measure_unit_name: !a && _ ? _ : void 0,
-        type: r.product.type || "product"
+import { jsxs as s, jsx as r, Fragment as z } from "@emotion/react/jsx-runtime";
+import { useState as L } from "react";
+import { getCounterpartName as T } from "./index7.js";
+import { PayableStatusChip as h } from "./index181.js";
+import { useCounterpartById as W } from "./index70.js";
+import "@tanstack/react-query";
+import "./index57.js";
+import "react-hot-toast";
+import { useLingui as q } from "@lingui/react";
+import { DropdownMenu as G } from "./index451.js";
+import { FullScreenModalHeader as J } from "./index452.js";
+import { Box as K, Button as C } from "@mui/material";
+import { Wallet as Q } from "lucide-react";
+import { isPayableInOCRProcessing as U } from "./index238.js";
+import { PayableDetailsCancelModal as V } from "./index453.js";
+import { isBillOverdue as X } from "./index185.js";
+const fe = ({
+  payable: o,
+  permissions: a,
+  setEdit: d,
+  isEdit: _,
+  submitInvoice: b,
+  rejectInvoice: y,
+  approveInvoice: I,
+  forceRejectInvoice: j,
+  forceApproveInvoice: k,
+  cancelInvoice: x,
+  reopenInvoice: g,
+  deleteInvoice: R,
+  payInvoice: B,
+  payableDetailsFormId: $,
+  onClose: l,
+  modalComponent: D,
+  showPayButton: P
+}) => {
+  const {
+    i18n: t
+  } = q(), {
+    data: w
+  } = W(o?.counterpart_id), [A, p] = L(!1), m = T(w), E = X(o?.status ?? "draft", o?.due_date), c = {
+    edit: {
+      variant: "outlined",
+      onClick: () => d(!0),
+      children: t._("Edit")
+    },
+    save: {
+      variant: "contained",
+      form: $,
+      type: "submit",
+      children: t._("Save")
+    },
+    cancelEdit: {
+      variant: "outlined",
+      onClick: () => {
+        d(!1), !o && l && l();
       },
-      measure_unit: !a && _ ? {
-        name: _,
-        id: null
-      } : void 0,
-      tax_rate_value: r.product.tax_rate.value !== void 0 ? n(r.product.tax_rate.value) : void 0
-    };
-  }),
-  memo: e.memo ?? "",
-  /** Payment / bank section */
-  bank_account_id: e.bank_account_id ?? "",
-  // A draft without a bank account has `bank_account_type: null`, but the
-  // form's enum field only accepts a valid member or `undefined` — seeding
-  // `null` fails validation (and, being an object-level parse error, would
-  // short-circuit the customer-required refinement). Coerce absent to
-  // `undefined`.
-  bank_account_type: e.bank_account_type || void 0,
-  /** Reminders section */
-  payment_reminder_id: e.payment_reminder_id ?? "",
-  overdue_reminder_id: e.overdue_reminder_id ?? "",
-  /** Attachments — seeded from the saved invoice so they show and persist. */
-  attachments: (e.attachments ?? []).map((r) => ({
-    id: r.id,
-    include_in_email: r.include_in_email,
-    name: r.name,
-    size: r.size
-  })),
-  /**
-   * Recurrence — seeded from the existing series when editing a recurring
-   * master (so the user can change the schedule), or the "once" defaults for
-   * a plain draft (where setting a frequency starts a new series on submit).
-   */
-  ...s(t)
-});
+      children: t._("Cancel")
+    },
+    submit: {
+      variant: "contained",
+      onClick: () => b(),
+      children: t._("Submit")
+    },
+    reject: {
+      variant: "text",
+      color: "error",
+      onClick: () => y(),
+      children: t._("Reject")
+    },
+    reopen: {
+      variant: "text",
+      color: "error",
+      onClick: () => g(),
+      children: t._("Reopen")
+    },
+    approve: {
+      variant: "contained",
+      onClick: () => I(),
+      children: t._("Approve")
+    },
+    cancel: {
+      variant: "text",
+      color: "error",
+      onClick: () => p(!0),
+      children: t._("Cancel bill")
+    },
+    delete: {
+      variant: "text",
+      color: "error",
+      onClick: () => {
+        R(), l?.();
+      },
+      children: t._("Delete bill")
+    },
+    pay: {
+      variant: "contained",
+      size: "small",
+      onClick: () => B(),
+      disabled: !P,
+      startIcon: /* @__PURE__ */ r(Q, { size: 14 }),
+      children: t._("Pay")
+    },
+    forceApprove: {
+      variant: "outlined",
+      onClick: () => k(),
+      children: t._("Force Approve")
+    },
+    forceReject: {
+      variant: "outlined",
+      color: "error",
+      onClick: () => j(),
+      children: t._("Force Reject")
+    }
+  }, F = "Monite-PayableDetails-Header", S = a.includes("cancel"), M = o?.document_id ? m ? `${t._("Bill")} #${o.document_id} ${t._("from")} ${m}` : _ ? `${t._("Edit bill")} #${o.document_id}` : `${t._("Bill")} #${o.document_id}` : t._("New incoming invoice");
+  let u = null;
+  if (!o || !U(o)) {
+    const f = a.filter((e) => e === "approve" || e === "reject"), N = a.filter((e) => e === "forceApprove" || e === "forceReject"), v = ["forceApprove", "forceReject"].filter((e) => N.includes(e)), O = v.map((e) => {
+      const {
+        children: i,
+        onClick: n
+      } = c[e];
+      return {
+        key: e,
+        label: i,
+        onClick: n,
+        sx: {
+          color: e === "forceReject" ? "error.main" : "text.primary"
+        }
+      };
+    }), H = a.filter((e) => !["approve", "reject", "forceApprove", "forceReject"].includes(e));
+    u = /* @__PURE__ */ s(K, { sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: 1
+    }, children: [
+      H.map((e) => {
+        const {
+          children: i,
+          ...n
+        } = c[e];
+        return /* @__PURE__ */ r(C, { ...n, children: i }, e);
+      }),
+      f.length > 0 && f.map((e) => {
+        const {
+          children: i,
+          ...n
+        } = c[e];
+        return /* @__PURE__ */ r(C, { ...n, children: i }, e);
+      }),
+      v.length > 0 && /* @__PURE__ */ r(G, { items: O })
+    ] });
+  }
+  return /* @__PURE__ */ s(z, { children: [
+    /* @__PURE__ */ r(J, { className: F, title: M, statusElement: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+      /* @__PURE__ */ r(h, { status: o?.status ?? "draft", dueDate: o?.due_date }),
+      E && /* @__PURE__ */ r(h, { status: o?.status ?? "draft", dueDate: o?.due_date, showOverdueBadge: !0 })
+    ] }), actions: u, closeButtonTooltip: t._("Close payable details") }),
+    D,
+    S && /* @__PURE__ */ r(V, { isOpen: A, handleCloseModal: () => p(!1), handleConfirmation: x })
+  ] });
+};
 export {
-  y as buildEditInvoiceFormValues
+  fe as PayableDetailsHeader
 };