@tesouro/embedded-components-react 0.2.234 → 0.2.238

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

@@ -1,54 +1,250 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useRootElements as T } from "./index92.js";
-import { Autocomplete as V, TextField as I } from "@mui/material";
-import { Controller as K } from "react-hook-form";
-const H = ({
-  control: m,
-  name: n,
-  label: a,
-  renderInput: i,
-  optionKey: r,
-  labelKey: s,
-  options: t,
-  required: p,
-  slotProps: d,
-  rules: g,
-  shouldUnregister: f,
-  disabled: c,
-  defaultValue: b,
-  readOnly: y,
-  onChange: S,
-  ...h
-}) => {
-  const A = (e) => i ? (o) => i(o, {
-    error: e,
-    label: a,
-    required: p
-  }) : (o) => /* @__PURE__ */ l(I, { ...o, variant: "standard", required: p, label: a, error: !!e?.message, helperText: e?.message, inputProps: {
-    ...o.inputProps,
-    autoComplete: "new-password"
-  } }), C = (e) => e ? typeof e == "string" || Array.isArray(e) ? e : r ? String(e[r]) : e : "", O = (e) => e ? r ? t.find((o) => String(o[r]) === String(e)) ?? null : t.find((o) => String(o) === String(e)) ?? null : null, v = (e) => typeof e == "string" ? e : s ? `${e[s]}` : "", {
-    root: x
-  } = T();
-  return /* @__PURE__ */ l(K, { control: m, name: n, rules: g, shouldUnregister: f, defaultValue: b, render: ({
-    field: e,
-    fieldState: {
-      error: o,
-      isTouched: P
-    },
-    formState: {
-      isValid: q
-    }
-  }) => /* @__PURE__ */ l(V, { ...e, ...h, disabled: c, slotProps: {
-    ...d,
-    popper: {
-      ...d?.popper,
-      container: x
-    }
-  }, options: t, blurOnSelect: !0, onChange: (w, u, F, R) => {
-    e.onChange(C(u)), S?.(w, u, F, R);
-  }, value: O(e.value), id: n, getOptionLabel: v, renderInput: A(P || !q ? o : void 0), readOnly: y }) });
-};
-export {
-  H as RHFAutocomplete
+import { cn as e } from "./index49.js";
+import { Button as t } from "./index56.js";
+import { useFileInput as n } from "./index181.js";
+import "./index189.js";
+import { Typography as r } from "./index62.js";
+import { Separator as i } from "./index64.js";
+import { Checkbox as a } from "./index99.js";
+import { useUploadReceivableAttachment as o } from "./index192.js";
+import { useDeleteFile as s } from "./index193.js";
+import { validateAttachmentFile as c } from "./index218.js";
+import { formatFileSize as l } from "./index219.js";
+import { toFileArray as u } from "./index220.js";
+import { ATTACHMENT_ACCEPTED_EXTENSIONS as d, ATTACHMENT_ACCEPTED_FORMATS as f } from "./index433.js";
+import { useEffect as p, useRef as m, useState as h } from "react";
+import { FileText as g, ImageIcon as _, Loader2 as v, Trash2 as y, X as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "@emotion/react/jsx-runtime";
+import { useLingui as w } from "@lingui/react";
+import { useFormContext as T } from "react-hook-form";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index486.js
+var E = ({ disabled: E, onUploadingChange: D }) => {
+	let { i18n: O } = w(), { watch: k, setValue: A, getValues: j } = T(), { mutateAsync: M } = o(), { mutate: N } = s(), { FileInput: P, openFileInput: F, resetInput: I } = n({
+		acceptedFormats: f,
+		maxFileSizeInMB: 3
+	}), L = k("attachments") ?? [], R = k("frequency"), z = !!R && R !== "once", [B, V] = h([]), [H, U] = h(!1), [W, G] = h(!1), K = m(0), q = m(!1);
+	p(() => (q.current = !1, () => {
+		q.current = !0;
+	}), []);
+	let J = m(/* @__PURE__ */ new Set()), Y = B.some((e) => e.status === "uploading");
+	p(() => {
+		D?.(Y);
+	}, [Y, D]), p(() => () => D?.(!1), [D]);
+	let X = () => (K.current += 1, `attachment-${K.current}`), Z = (e) => e === "too_large" ? O._("File too large (max 3 MB)") : O._("File type not supported. Use PDF, DOC, JPG or PNG"), Q = async (e, t) => {
+		try {
+			let n = await M({
+				file: t,
+				file_type: "attachments"
+			});
+			if (q.current || J.current.delete(e)) {
+				N({ path: { file_id: n.id } });
+				return;
+			}
+			V((t) => t.filter((t) => t.localId !== e)), A("attachments", [...j("attachments") ?? [], {
+				id: n.id,
+				include_in_email: !0,
+				name: n.name,
+				size: n.size
+			}], { shouldDirty: !0 });
+		} catch {
+			let t = J.current.delete(e);
+			if (q.current || t) return;
+			V((t) => t.map((t) => t.localId === e ? {
+				...t,
+				status: "error",
+				errorMessage: O._("Upload failed. Please try again.")
+			} : t));
+		}
+	}, $ = (e) => {
+		if (e.length === 0) return;
+		let t = j("attachments") ?? [], n = B.filter((e) => e.status === "uploading").length, r = 10 - t.length - n, i = [], a = !1;
+		for (let t of e) {
+			let e = c(t, {
+				acceptedFormats: f,
+				acceptedExtensions: d,
+				maxFileSizeInMB: 3
+			});
+			if (e) {
+				i.push({
+					localId: X(),
+					name: t.name,
+					size: t.size,
+					status: "error",
+					errorMessage: Z(e)
+				});
+				continue;
+			}
+			if (r <= 0) {
+				a = !0;
+				continue;
+			}
+			--r;
+			let n = X();
+			i.push({
+				localId: n,
+				name: t.name,
+				size: t.size,
+				status: "uploading"
+			}), Q(n, t);
+		}
+		i.length > 0 && V((e) => [...e, ...i]), U(a);
+	}, ee = (e, t) => {
+		A("attachments", (j("attachments") ?? []).map((n) => n.id === e ? {
+			...n,
+			include_in_email: t
+		} : n), { shouldDirty: !0 });
+	}, te = (e) => {
+		A("attachments", (j("attachments") ?? []).filter((t) => t.id !== e), { shouldDirty: !0 }), U(!1), N({ path: { file_id: e } });
+	}, ne = (e) => {
+		B.some((t) => t.localId === e && t.status === "uploading") && J.current.add(e), V((t) => t.filter((t) => t.localId !== e)), U(!1);
+	}, re = (e) => {
+		e.preventDefault(), G(!1), !E && $(u(e.dataTransfer.files));
+	}, ie = L.length > 0 || B.length > 0;
+	return /* @__PURE__ */ C("div", {
+		className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ S(r, {
+					variant: "h4",
+					children: O._("Attachments")
+				}), /* @__PURE__ */ S(r, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: O._("Associate additional documents with this invoice for your own reference or to share with the customer. e.g. contracts, photos, terms and conditions, etc.")
+				})]
+			}),
+			ie && /* @__PURE__ */ C("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [L.length > 0 && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(r, {
+					variant: "caption",
+					color: "muted",
+					children: z ? O._("Selected files will be attached to every invoice email in the recurring series.") : O._("Selected files will be attached to the invoice email sent to the customer.")
+				}), /* @__PURE__ */ S(i, {})] }), /* @__PURE__ */ C("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [L.map((e) => {
+						let n = `attachment-include-${e.id}`;
+						return /* @__PURE__ */ C("li", {
+							className: "ttw:flex ttw:items-center ttw:gap-2",
+							children: [/* @__PURE__ */ S(a, {
+								id: n,
+								checked: e.include_in_email,
+								disabled: E,
+								"aria-label": `${O._("Include in email:")} ${e.name}`,
+								onCheckedChange: (t) => ee(e.id, t === !0)
+							}), /* @__PURE__ */ C("div", {
+								className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 ttw:bg-muted ttw:px-2 ttw:py-1",
+								children: [/* @__PURE__ */ C("div", {
+									className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:gap-1",
+									children: [/* @__PURE__ */ S(r, {
+										variant: "body2",
+										className: "ttw:truncate",
+										children: e.name
+									}), /* @__PURE__ */ C(r, {
+										variant: "body2",
+										color: "muted",
+										className: "ttw:shrink-0",
+										children: [
+											"(",
+											l(e.size),
+											")"
+										]
+									})]
+								}), /* @__PURE__ */ S(t, {
+									type: "button",
+									variant: "ghost",
+									size: "icon",
+									className: "ttw:size-4",
+									disabled: E,
+									"aria-label": `${O._("Remove")} ${e.name}`,
+									onClick: () => te(e.id),
+									children: /* @__PURE__ */ S(y, { className: "ttw:size-4" })
+								})]
+							})]
+						}, e.id);
+					}), B.map((e) => /* @__PURE__ */ C("li", {
+						className: "ttw:flex ttw:w-full ttw:items-center ttw:rounded-lg ttw:gap-3 ttw:bg-muted ttw:px-2 ttw:py-1",
+						children: [
+							e.status === "uploading" ? /* @__PURE__ */ S(v, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ S(g, { className: "ttw:size-5 ttw:shrink-0 ttw:text-destructive" }),
+							/* @__PURE__ */ C("div", {
+								className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col",
+								children: [/* @__PURE__ */ S(r, {
+									variant: "body2",
+									className: "ttw:truncate",
+									children: e.name
+								}), e.status === "uploading" ? /* @__PURE__ */ S(r, {
+									variant: "caption",
+									color: "muted",
+									children: O._("Uploading…")
+								}) : /* @__PURE__ */ S(r, {
+									variant: "caption",
+									role: "alert",
+									className: "ttw:text-destructive",
+									children: e.errorMessage
+								})]
+							}),
+							/* @__PURE__ */ S(t, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								disabled: E,
+								"aria-label": `${O._("Remove")} ${e.name}`,
+								onClick: () => ne(e.localId),
+								children: /* @__PURE__ */ S(b, { className: "ttw:size-4" })
+							})
+						]
+					}, e.localId))]
+				})]
+			}),
+			/* @__PURE__ */ C("button", {
+				type: "button",
+				disabled: E,
+				onClick: F,
+				onDragOver: (e) => {
+					e.preventDefault(), E || G(!0);
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), G(!1);
+				},
+				onDrop: re,
+				className: e("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-2 ttw:rounded-xl ttw:border ttw:border-dashed ttw:p-6 ttw:text-center ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", W ? "ttw:border-primary ttw:bg-primary/5" : "ttw:border-border ttw:bg-muted"),
+				children: [
+					/* @__PURE__ */ S("span", {
+						className: "ttw:flex ttw:size-10 ttw:items-center ttw:justify-center ttw:rounded-full ttw:border ttw:border-border",
+						children: /* @__PURE__ */ S(_, { className: "ttw:size-5 ttw:text-muted-foreground" })
+					}),
+					/* @__PURE__ */ C(r, {
+						variant: "body2",
+						children: [
+							O._("Drop your files here, or"),
+							" ",
+							/* @__PURE__ */ S("span", {
+								className: "ttw:text-primary ttw:underline",
+								children: O._("browse to upload")
+							})
+						]
+					}),
+					/* @__PURE__ */ S(r, {
+						variant: "caption",
+						color: "muted",
+						children: O._("PDF, DOC, JPG, PNG (max. 3MB)")
+					})
+				]
+			}),
+			H && /* @__PURE__ */ S(r, {
+				variant: "body2",
+				role: "alert",
+				className: "ttw:text-destructive",
+				children: O._("You can attach up to 10 files.")
+			}),
+			/* @__PURE__ */ S(P, {
+				multiple: !0,
+				onChange: (e) => {
+					$(u(e.target.files)), I();
+				}
+			})
+		]
+	});
 };
+//#endregion
+export { E as AttachmentSection };

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

@@ -1,58 +1,10 @@
-import { jsx as s, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useRef as C } from "react";
-import { useCurrencies as b } from "./index58.js";
-import "./index92.js";
-import { useLingui as I } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { getCurrenciesArray as P } from "./index94.js";
-import "date-fns";
-import { Tooltip as T, TextField as $, Box as u } from "@mui/material";
-import { useIsTextTruncated as v } from "./index490.js";
-const z = ({
-  error: l,
-  required: a,
-  label: c,
-  showCodeOnly: t = !1,
-  showCurrencySymbol: d = !0,
-  showCurrencyCode: f = !1,
-  ...r
-}) => {
-  const {
-    i18n: h
-  } = I(), {
-    getSymbolFromCurrency: x
-  } = b(), p = C(null), i = r.inputProps.value, e = i ? P(h).find((m) => (t ? m.code : m.label) === i) : null;
-  let o = i;
-  e && t && (o = e.code), e && !t && (o = e.label, f && (o += ` (${e.code})`));
-  const n = e ? x(e.code) : "", w = e ? `${e.label} (${e.code})${n ? `, ${n}` : ""}` : "", y = v(p.current, o);
-  return /* @__PURE__ */ s(T, { title: y ? w : "", placement: "top", children: /* @__PURE__ */ s($, { ...r, inputProps: {
-    ...r.inputProps,
-    value: o
-  }, inputRef: p, required: a, label: c, error: !!l?.message, helperText: l?.message, InputProps: {
-    ...r.InputProps,
-    sx: {
-      "& input": {
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        whiteSpace: "nowrap"
-      }
-    },
-    endAdornment: /* @__PURE__ */ g(u, { sx: {
-      display: "flex",
-      alignItems: "center",
-      minWidth: 0,
-      height: "100%"
-    }, children: [
-      !t && d && n && /* @__PURE__ */ s(u, { sx: {
-        whiteSpace: "nowrap",
-        mr: 1
-      }, children: n }),
-      r.InputProps.endAdornment
-    ] })
-  } }) });
-};
-export {
-  z as CurrencyInput
-};
+import { getCountries as e } from "./index12.js";
+//#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index487.js
+var t = (e, t) => t.find((t) => t.id === e)?.name ?? null, n = (e) => {
+	if (e) {
+		if ("organization" in e) return e.organization.phone;
+		if ("individual" in e) return e.individual.phone;
+	}
+}, r = (t, n) => n ? e(t)[n] ?? n : "";
+//#endregion
+export { n as getCounterpartPhone, r as getCountryName, t as getMeasureUnitName };