@tesouro/embedded-components-react 0.2.51 → 0.2.55

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

@@ -1,98 +1,28 @@
-import { jsxs as r, jsx as e, Fragment as O } from "@emotion/react/jsx-runtime";
-import { useState as v } from "react";
-import { toast as I } from "react-hot-toast";
-import "./index59.js";
-import { useLingui as $ } from "@lingui/react";
-import "./index94.js";
-import { useFileInput as z, LOGO_SUPPORTED_FORMATS as C, LOGO_MAX_FILE_SIZE_IN_MB as M } from "./index63.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import "@tanstack/react-query";
-import "date-fns";
-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 "./index395.js";
-import { useDeleteEntityLogo as U } from "./index396.js";
-import { DragAndDropBox as A } from "./index397.js";
-import { Skeleton as j } from "./index134.js";
-const st = () => {
-  const {
-    i18n: o
-  } = $(), {
-    data: i,
-    isLoading: m
-  } = P(), c = i?.id ?? "", {
-    FileInput: D,
-    openFileInput: d,
-    checkFileError: N,
-    resetInput: p
-  } = z({
-    acceptedFormats: C,
-    maxFileSizeInMB: M
-  }), [f, s] = v(!1), [g, n] = v(""), {
-    mutateAsync: _,
-    isSuccess: b,
-    isError: w,
-    isPending: u,
-    reset: E
-  } = B(), {
-    mutate: S,
-    isPending: F
-  } = U(c);
-  async function h(t) {
-    if (t) {
-      const a = N(t);
-      if (a) {
-        I.error(a);
-        return;
-      }
-      n(t.name), await _({
-        body: {
-          file: t
-        },
-        path: {
-          entity_id: c
-        }
-      }), p(), n("");
-    }
+import a from "chroma-js";
+const r = (e, f) => ({
+  dark: a(e).darken(0.3).saturate(0.2).hex(),
+  main: e,
+  light: a.mix(e, "#ffffff", 0.94).hex(),
+  // Improved progression using mix/desaturate/darken approach
+  10: a(e).darken(2.2).saturate(0.5).hex(),
+  20: a(e).darken(1.8).saturate(0.3).hex(),
+  25: a(e).darken(1.4).saturate(0.2).hex(),
+  30: a(e).darken(1).saturate(0.1).hex(),
+  40: a(e).darken(0.5).hex(),
+  50: e,
+  55: a(e).brighten(0.3).desaturate(0.1).hex(),
+  60: a.mix(e, "#ffffff", 0.25).desaturate(0.1).hex(),
+  65: a.mix(e, "#ffffff", 0.4).desaturate(0.2).hex(),
+  75: a.mix(e, "#ffffff", 0.6).desaturate(0.3).hex(),
+  80: a.mix(e, "#ffffff", 0.7).desaturate(0.4).hex(),
+  85: a.mix(e, "#ffffff", 0.8).desaturate(0.5).hex(),
+  90: a.mix(e, "#ffffff", 0.85).desaturate(0.3).hex(),
+  95: a.mix(e, "#ffffff", 0.9).desaturate(0.4).hex(),
+  100: a.mix(e, "#ffffff", 0.95).desaturate(0.5).hex(),
+  foreground: {
+    main: f
   }
-  const L = u || w, y = !!i?.logo && !g && !L && !m;
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-    /* @__PURE__ */ r("div", { className: "ttw:pt-5 ttw:pb-2.5 ttw:flex ttw:flex-col ttw:gap-1.5", children: [
-      /* @__PURE__ */ e(l, { variant: "h3", children: o._("Branding") }),
-      /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: o._("Control how your invoices will appear to your customers by adding your company's logo. Changes apply to new invoices only.") })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", onDragEnter: (t) => {
-      t.preventDefault(), s(!0);
-    }, onDragLeave: (t) => {
-      t.preventDefault(), s(!1);
-    }, onDragOver: (t) => t.preventDefault(), onDrop: (t) => {
-      t.preventDefault(), s(!1);
-      const a = t.dataTransfer?.files ? t.dataTransfer?.files?.[0] : null;
-      h(a);
-    }, children: [
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-0.5", children: [
-        /* @__PURE__ */ e(l, { variant: "body1", className: "ttw:font-medium", children: o._("Upload your company logo") }),
-        /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:leading-5", color: "muted", children: o._("Proudly display your logo on all your invoices.") })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:items-end ttw:gap-2", children: [
-        m ? /* @__PURE__ */ e(j, { className: "ttw:w-full ttw:h-38 ttw:bg-zinc-200" }) : /* @__PURE__ */ e(O, { children: y ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:w-full ttw:h-38 ttw:box-border", children: /* @__PURE__ */ e("img", { src: i?.logo?.url, className: "ttw:w-auto ttw:max-w-full ttw:object-contain ttw:max-h-38", alt: o._("Organization logo") }) }) : /* @__PURE__ */ e(A, { isUploading: u, isSuccess: b, isError: w, isDraggingOver: f, fileName: g, resetUpload: () => {
-          p(), E(), n("");
-        }, onClick: d }) }),
-        !f && y && /* @__PURE__ */ r("div", { className: "ttw:flex ttw:gap-4", children: [
-          /* @__PURE__ */ e(x, { variant: "ghost", size: "sm", onClick: d, "aria-label": o._("Edit logo"), children: /* @__PURE__ */ e(T, { className: "ttw:size-4 ttw:w-fit" }) }),
-          i?.logo && /* @__PURE__ */ e(x, { variant: "ghost", size: "sm", disabled: F, "aria-label": o._("Delete logo"), onClick: () => S(), children: /* @__PURE__ */ e(k, { className: "ttw:size-4" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(D, { onChange: (t) => {
-        const a = t.target.files ? t.target.files[0] : null;
-        h(a);
-      } })
-    ] })
-  ] });
-};
+});
 export {
-  st as LogoSection
+  r as getPrimaryColors
 };

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

@@ -1,103 +1,8 @@
-import { jsx as r, jsxs as x } from "@emotion/react/jsx-runtime";
-import { Button as h } from "./index86.js";
-import { PDFSettings as q } from "./index253.js";
-import { useForm as S, FormProvider as D } from "react-hook-form";
-import { useLingui as k } from "@lingui/react";
-import { useDiscardChangesContext as N } from "./index223.js";
-import { usePatchEntitySettings as w } from "./index254.js";
-import { safeZodResolver as F } from "./index255.js";
-import { useEffect as P } from "react";
-import { InvoiceNumbering as C } from "./index256.js";
-import { getInvoiceSettingsFormSchema as I } from "./index257.js";
-import { getBankDisplayValue as d, buildDocumentRendering as V } from "./index258.js";
-const Z = ({
-  entityId: _,
-  entitySettings: e,
-  nextNumbers: i,
-  isDialog: c
-}) => {
-  const {
-    i18n: a
-  } = k(), {
-    handleShowModal: s
-  } = N(), {
-    mutate: m,
-    isPending: p
-  } = w(_), o = S({
-    resolver: F(I(a, i)),
-    defaultValues: {
-      credit_note: e?.document_ids?.document_type_prefix?.credit_note ?? "CN",
-      credit_note_number: i?.credit_note ?? 1,
-      delivery_note: e?.document_ids?.document_type_prefix?.delivery_note ?? "DN",
-      delivery_note_number: i?.delivery_note ?? 1,
-      invoice: e?.document_ids?.document_type_prefix?.invoice ?? "INV",
-      invoice_number: i?.invoice ?? 1,
-      purchase_order: e?.document_ids?.document_type_prefix?.purchase_order ?? "PO",
-      purchase_order_number: i?.purchase_order ?? 1,
-      quote: e?.document_ids?.document_type_prefix?.quote ?? "Q",
-      quote_number: i?.quote ?? 1,
-      include_date: e?.document_ids?.include_date ?? !1,
-      min_digits: e?.document_ids?.min_digits ?? 5,
-      prefix: e?.document_ids?.prefix ?? "",
-      separator: e?.document_ids?.separator ?? "-",
-      invoice_bank_display: d(e?.document_rendering?.invoice, !!(e?.document_rendering?.display_organization_bank_account ?? !1)),
-      credit_note_bank_display: d(e?.document_rendering?.credit_note, !!(e?.document_rendering?.display_organization_bank_account ?? !1)),
-      quote_bank_display: d(e?.document_rendering?.quote, !!(e?.document_rendering?.display_organization_bank_account ?? !1)),
-      update_paid_invoices: e?.generate_paid_invoice_pdf ?? !1,
-      quote_signature_display: e?.document_rendering?.quote?.display_signature ?? !1,
-      quote_electronic_signature: e?.quote_signature_required ?? !1
-    }
-  }), {
-    control: u,
-    handleSubmit: l,
-    formState: n,
-    reset: g
-  } = o, f = (t) => {
-    const {
-      dirtyFields: y
-    } = n, v = V(e?.document_rendering, t), b = y.invoice_number;
-    m({
-      path: {
-        entity_id: _
-      },
-      body: {
-        ...e,
-        document_ids: {
-          document_type_prefix: {
-            invoice: t.invoice,
-            credit_note: t.credit_note,
-            delivery_note: t.delivery_note,
-            purchase_order: t.purchase_order,
-            quote: t.quote
-          },
-          ...b && {
-            next_number: {
-              invoice: t.invoice_number
-            }
-          },
-          min_digits: t.min_digits,
-          separator: t.separator,
-          include_date: t.include_date,
-          prefix: t.prefix || null
-        },
-        document_rendering: v,
-        generate_paid_invoice_pdf: t.update_paid_invoices,
-        quote_signature_required: t.quote_electronic_signature === !0 || t.quote_electronic_signature === "true"
-      }
-    }, {
-      onSuccess: () => {
-        g(o.getValues());
-      }
-    });
-  };
-  return P(() => {
-    s(n?.isDirty);
-  }, [n?.isDirty, s]), /* @__PURE__ */ r(D, { ...o, children: /* @__PURE__ */ x("form", { className: "ttw:flex ttw:flex-col ttw:gap-6", onSubmit: l(f), children: [
-    /* @__PURE__ */ r(C, { control: u }),
-    /* @__PURE__ */ r(q, { control: u, isDialog: c }),
-    /* @__PURE__ */ r(h, { type: "submit", className: "ttw:w-fit", disabled: p || !n?.isDirty, children: a._("Save changes") })
-  ] }) });
-};
+import e from "chroma-js";
+const r = (a) => ({
+  main: a,
+  dark: e(a).darken(1.2).saturate(0.2).hex()
+});
 export {
-  Z as TemplateSettingsContent
+  r as getSecondaryColors
 };

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

@@ -1,20 +1,14 @@
-import { jsxs as t, jsx as n } from "@emotion/react/jsx-runtime";
-import { ConfirmationModal as s } from "./index252.js";
-import { Typography as i } from "./index87.js";
-import { useLingui as l } from "@lingui/react";
-const d = ({
-  open: a,
-  onClose: e,
-  onContinue: r
-}) => {
-  const {
-    i18n: o
-  } = l();
-  return /* @__PURE__ */ t(s, { open: a, title: o._("You have unsaved changes"), confirmLabel: o._("Quit without saving"), cancelLabel: o._("Cancel"), onClose: e, onConfirm: r, children: [
-    /* @__PURE__ */ n(i, { variant: "body1", children: o._("Any unsaved changes will be lost.") }),
-    /* @__PURE__ */ n(i, { variant: "body1", children: o._("Are you sure you want to quit without saving?") })
-  ] });
-};
+import h from "chroma-js";
+const t = (r) => ({
+  main: r,
+  10: h(r).darken(2.5).hex(),
+  30: h(r).darken(1.5).hex(),
+  50: r,
+  70: h(r).brighten(0.7).hex(),
+  80: h(r).brighten(2.3).hex(),
+  90: h(r).brighten(2.68).hex(),
+  95: h(r).brighten(2.84).hex()
+});
 export {
-  d as DiscardChangesModal
+  t as getNeutralColors
 };

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

@@ -1,16 +1,9 @@
-import { useMoniteContext as i } from "./index59.js";
-const o = (t, e = !0) => {
-  const {
-    api: n
-  } = i();
-  return n.finops.getEntitiesIdSettings.useQuery({
-    path: {
-      entity_id: t
-    }
-  }, {
-    enabled: e && !!t
-  });
-};
+import o from "chroma-js";
+const t = (a) => ({
+  main: a,
+  light: o(a).alpha(0.25).hex(),
+  dark: o(a).alpha(1).hex()
+});
 export {
-  o as useGetEntitySettings
+  t as getSeverityColors
 };

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

@@ -1,16 +1,12 @@
-import { useMoniteContext as o } from "./index59.js";
-const s = (t, e = !0) => {
-  const {
-    api: n
-  } = o();
-  return n.finops.getDocumentsIdNextNumbers.useQuery({
-    path: {
-      entity_id: t
-    }
-  }, {
-    enabled: e && !!t
-  });
+import r from "chroma-js";
+const e = (s) => {
+  const o = r(s).alpha();
+  return {
+    primary: s,
+    secondary: r(s).alpha(o * 0.81).css(),
+    disabled: r(s).alpha(o * 0.62).css()
+  };
 };
 export {
-  s as useGetEntityDocumentNumber
+  e as getTextColors
 };

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

@@ -1,62 +1,216 @@
-const e = {
-  getApiWidgetGatewayInit: {
-    schema: {
-      method: "get",
-      url: "/api/widget-gateway/init",
-      security: ["HTTPBearer"]
+import { getTheme as n } from "./index223.js";
+import t from "chroma-js";
+const l = (o, e, i) => {
+  const r = n(e);
+  return {
+    styleOverrides: {
+      root: {
+        "&[hidden]": {
+          display: "none",
+          visibility: "hidden",
+          opacity: 0
+        },
+        "& .MuiInputBase-root": {
+          minHeight: "48px",
+          backgroundColor: o.neutral[95],
+          borderRadius: r.borderRadius * 2,
+          "& > .MuiOutlinedInput-notchedOutline": {
+            top: 0,
+            "> legend": {
+              display: "none"
+            }
+          },
+          "&:not(.Mui-disabled):hover fieldset.MuiOutlinedInput-notchedOutline": {
+            borderColor: "transparent"
+          },
+          ".MuiSelect-icon": {
+            color: o.text.primary
+          },
+          "&.Mui-focused": {
+            backgroundColor: o.neutral[80],
+            borderColor: "transparent",
+            boxShadow: `0 0 0 4px ${t(o.primary.main).alpha(0.24).hex()}`
+          },
+          "&.Mui-error": {
+            border: `1px solid ${o.error.main}`,
+            boxShadow: `0 0 0 4px ${t(o.error.main).alpha(0.24).hex()}`
+          },
+          "&.MuiInputBase-adornedEnd": {
+            paddingRight: 8
+          }
+        },
+        "label+.MuiInputBase-root": {
+          marginTop: 0
+        },
+        "&:hover": {
+          "&.MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            backgroundColor: o.neutral[90],
+            border: `1px solid ${o.primary[40]}`
+          },
+          "& .MuiFormLabel-root.MuiFormLabel-filled": {
+            "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+              backgroundColor: "transparent",
+              border: `1px solid ${o.primary[40]}`
+            }
+          }
+        },
+        "&:not(.Monite-FilterControl):not(.Monite-Selector):hover": {
+          "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            border: `1px solid ${o.primary[40]}`
+          },
+          "& .MuiInputAdornment-root .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            borderColor: "transparent"
+          },
+          "& .MuiFormLabel-root": {
+            "+ .MuiInputBase-root:not(.Mui-focused)": {
+              backgroundColor: "transparent",
+              border: `1px solid ${o.primary[40]}`
+            }
+          }
+        },
+        "&:not(.Monite-Selector):not(.Monite-FilterControl) .MuiFormLabel-root": {
+          fontSize: "14px",
+          color: " rgba(112, 112, 112, 1)",
+          backgroundColor: "transparent",
+          "&:hover, &.Mui-focused": {
+            backgroundColor: "transparent",
+            "& > .MuiOutlinedInput-notchedOutline": {
+              backgroundColor: "transparent"
+            }
+          },
+          "&.Mui-required > .MuiFormLabel-asterisk": {
+            display: "none"
+          },
+          "&.Mui-required::after": {
+            content: '"●"',
+            position: "relative",
+            bottom: "2px",
+            left: "4px",
+            color: " rgba(255, 71, 93, 1)"
+          },
+          "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+            backgroundColor: "transparent",
+            border: `1px solid ${o.neutral[80]}`
+          },
+          "+ .MuiInputBase-root.Mui-focused": {
+            backgroundColor: "transparent",
+            border: `1px solid ${o.primary.main}`
+          },
+          "&:not(.Monite-Selector) > .MuiInputLabel-root > .MuiFormLabel-asterisk": {
+            display: "none"
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            top: 0
+          },
+          // Hide border cutout
+          "& .MuiOutlinedInput-notchedOutline legend": {
+            display: "none"
+          },
+          "& .MuiOutlinedInput-root": {
+            left: 0,
+            top: 0,
+            "&:hover .MuiOutlinedInput-notchedOutline": {
+              borderColor: "transparent"
+            }
+          },
+          // Monite Filter Control styles
+          "&.Monite-FilterControl": {
+            height: "40px",
+            minHeight: "40px",
+            maxHeight: "40px",
+            maxWidth: i,
+            width: "100%",
+            "& .MuiInputBase-root": {
+              marginTop: 0,
+              height: "40px",
+              minHeight: "40px",
+              maxHeight: "40px",
+              borderRadius: r.borderRadius * 2,
+              color: o.text.primary,
+              fontWeight: 500,
+              backgroundColor: o.neutral[95],
+              padding: "0 6px",
+              "&.Mui-focused": {
+                backgroundColor: t(o.primary.main).alpha(0.05).hex()
+              }
+            },
+            "&:hover": {
+              "& .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+                border: "none"
+              },
+              ".MuiFormLabel-root.MuiFormLabel-filled": {
+                opacity: 0,
+                "+ .MuiInputBase-root:not(.Mui-disabled):not(.Mui-focused)": {
+                  backgroundColor: t(o.primary.main).alpha(0.12).hex()
+                }
+              }
+            },
+            "& .MuiSelect-select": {
+              fontSize: "14px",
+              "&:focus": {
+                backgroundColor: "transparent"
+              }
+            },
+            "& .MuiFormLabel-root": {
+              position: "absolute",
+              zIndex: 1,
+              left: "45px",
+              top: "10px",
+              fontSize: "14px",
+              maxWidth: "calc(100% - 52px)",
+              textOverflow: "ellipsis",
+              pointerEvents: "none",
+              "&.MuiFormLabel-filled": {
+                opacity: 0,
+                "+ .MuiInputBase-root": {
+                  color: o.primary.main,
+                  backgroundColor: t(o.primary.main).alpha(0.05).hex(),
+                  ".MuiSelect-icon, .MuiSvgIcon-root, .MuiSvgIcon-root>*": {
+                    color: o.primary.main
+                  }
+                }
+              }
+            },
+            "& .MuiInputLabel-root": {
+              fontWeight: 500,
+              color: o.text.secondary
+            },
+            "& .MuiIconButton-root": {
+              marginRight: "-6px"
+            },
+            "& .MuiInputAdornment-positionEnd .MuiSvgIcon-root, & .MuiIconButton-root .MuiSvgIcon-root": {
+              width: "20px",
+              height: "20px",
+              "> *": {
+                color: o.text.primary
+              }
+            },
+            "&.Monite-DateFilterControl": {
+              "input::placeholder": {
+                opacity: 0
+              }
+            },
+            "& .MuiInputBase-input:not(.MuiSelect-select)": {
+              padding: "0 0 0 8px",
+              fontSize: "14px",
+              textOverflow: "ellipsis",
+              "& + .MuiInputAdornment-root": {
+                marginLeft: 0
+              }
+            }
+          },
+          "&.Monite-SearchField": {
+            maxWidth: "400px",
+            width: "100%",
+            "& label": {
+              color: "secondary.main"
+            }
+          }
+        }
+      }
     }
-  },
-  postApiWidgetGatewayProxy: {
-    schema: {
-      method: "post",
-      url: "/api/widget-gateway/proxy",
-      mediaType: "application/json",
-      security: ["HTTPBearer"]
-    }
-  },
-  getApiWidgetGatewayProxyPath: {
-    schema: {
-      method: "get",
-      url: "/api/widget-gateway/proxy/{path}",
-      security: ["HTTPBearer"]
-    }
-  },
-  postApiWidgetGatewayProxyPath: {
-    schema: {
-      method: "post",
-      url: "/api/widget-gateway/proxy/{path}",
-      security: ["HTTPBearer"]
-    }
-  },
-  putApiWidgetGatewayProxyPath: {
-    schema: {
-      method: "put",
-      url: "/api/widget-gateway/proxy/{path}",
-      security: ["HTTPBearer"]
-    }
-  },
-  patchApiWidgetGatewayProxyPath: {
-    schema: {
-      method: "patch",
-      url: "/api/widget-gateway/proxy/{path}",
-      security: ["HTTPBearer"]
-    }
-  },
-  deleteApiWidgetGatewayProxyPath: {
-    schema: {
-      method: "delete",
-      url: "/api/widget-gateway/proxy/{path}",
-      security: ["HTTPBearer"]
-    }
-  },
-  postApiWidgetGatewayRevoke: {
-    schema: {
-      method: "post",
-      url: "/api/widget-gateway/revoke",
-      security: ["HTTPBearer"]
-    }
-  }
+  };
 };
 export {
-  e as apiService
+  l as getFormControlStyles
 };

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

@@ -1,4 +1,4 @@
-import { useMoniteContext as s } from "./index59.js";
+import { useMoniteContext as s } from "./index58.js";
 const r = (e, t) => {
   const {
     api: o