@tesouro/embedded-components-react 0.2.286 → 0.2.289

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

@@ -1,80 +1,73 @@
-import { Typography as e } from "./index62.js";
-import { Switch as t } from "./index456.js";
-import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useLingui as i } from "@lingui/react";
-import { twMerge as a } from "tailwind-merge";
-import { Controller as o, useFormContext as s } from "react-hook-form";
+import { LoadingSpinner as e } from "./index51.js";
+import "./index52.js";
+import { Typography as t } from "./index62.js";
+import { UploadBar as n } from "./index589.js";
+import { useEffect as r } from "react";
+import { AlertCircle as i, CheckCircle2 as a, CloudUpload as o, X as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useLingui as d } from "@lingui/react";
+import { twMerge as f } from "tailwind-merge";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index590.js
-var c = ({ control: c, isDialog: l }) => {
-	let { i18n: u } = i(), { watch: d, setValue: f } = s(), p = d("invoice_bank_display");
-	return /* @__PURE__ */ r("div", {
-		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [/* @__PURE__ */ r("div", {
-			className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5",
-			children: [/* @__PURE__ */ n(e, {
-				variant: "h3",
-				children: u._("PDF settings")
-			}), /* @__PURE__ */ n(e, {
-				variant: "body2",
-				color: "muted",
-				children: u._("Invoices are generated as PDFs")
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: a("ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg", l ? "ttw:bg-zinc-100 ttw:p-4" : ""),
-			children: [/* @__PURE__ */ r("section", {
-				className: "ttw:flex ttw:justify-between ttw:gap-4",
-				children: [/* @__PURE__ */ r("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [/* @__PURE__ */ n(e, {
-						variant: "body1",
-						className: "ttw:font-medium",
-						children: u._("Display your bank account details on the PDF")
-					}), /* @__PURE__ */ n(e, {
-						variant: "body2",
-						color: "muted",
-						children: u._("Shows your bank account number, routing number, and account holder name so that customers can pay using an ACH bank transfer. Should only be used with accounts that have a debit block.")
-					})]
-				}), /* @__PURE__ */ n(t, {
-					checked: p,
-					onCheckedChange: (e) => {
-						f("invoice_bank_display", e, { shouldDirty: !0 });
-					},
-					"aria-label": u._("Display bank display options")
+var p = ({ isUploading: p, isSuccess: m, isError: h, isDraggingOver: g, resetUpload: _, fileName: v, onClick: y }) => {
+	let { i18n: b } = d(), x = p || m || h;
+	function S() {
+		return h ? /* @__PURE__ */ l(i, { className: "ttw:size-5 ttw:text-danger" }) : m ? /* @__PURE__ */ l(a, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ l(e, { className: "ttw:w-5 ttw:h-5" });
+	}
+	return r(() => {
+		let e;
+		return m && (e = setTimeout(() => _(), 2e3)), () => clearTimeout(e);
+	}, [m, _]), /* @__PURE__ */ l("div", {
+		className: f("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", g ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"),
+		onClick: () => {
+			x || y();
+		},
+		children: x ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
+			className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full",
+			children: [/* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center",
+				children: [S(), /* @__PURE__ */ l("span", {
+					className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate",
+					children: v
 				})]
-			}), /* @__PURE__ */ r("section", {
-				className: "ttw:flex ttw:justify-between ttw:gap-4",
-				children: [/* @__PURE__ */ r("div", {
-					className: "ttw:flex ttw:flex-col ttw:gap-1",
-					children: [
-						/* @__PURE__ */ n(e, {
-							variant: "body1",
-							className: "ttw:font-medium",
-							children: u._("Update PDF files for paid invoices")
-						}),
-						/* @__PURE__ */ n(e, {
-							variant: "body2",
-							color: "muted",
-							children: u._("PDF invoice files will be regenerated to reflect payments made and any remaining amount due. Once a PDF has been updated, you won't be able to revert it.")
-						}),
-						/* @__PURE__ */ n(e, {
-							variant: "body2",
-							color: "muted",
-							className: "ttw:font-medium",
-							children: u._("Once updated, you won't be able to revert the PDFs.")
-						})
-					]
-				}), /* @__PURE__ */ n(o, {
-					name: "update_paid_invoices",
-					control: c,
-					render: ({ field: e }) => /* @__PURE__ */ n(t, {
-						checked: e.value,
-						onCheckedChange: e.onChange,
-						"aria-label": u._("Enable update paid invoices pdf")
-					})
+			}), /* @__PURE__ */ u("div", {
+				className: "ttw:flex ttw:gap-2 ttw:items-center",
+				children: [/* @__PURE__ */ l(n, {
+					shouldStartProgress: p,
+					isError: h,
+					isSuccess: m
+				}), h && /* @__PURE__ */ l("button", {
+					type: "button",
+					disabled: p,
+					onClick: _,
+					className: "ttw:border-none ttw:cursor-pointer",
+					children: /* @__PURE__ */ l(s, { className: "ttw:size-4" })
 				})]
 			})]
-		})]
+		}), h && /* @__PURE__ */ l(t, {
+			variant: "body2",
+			color: "destructive",
+			className: "ttw:font-medium",
+			children: b._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.")
+		})] }) : /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l("div", {
+				className: "ttw:p-3 ttw:bg-primary ttw:rounded-full",
+				children: /* @__PURE__ */ l(o, { className: "ttw:text-white ttw:size-5" })
+			}),
+			/* @__PURE__ */ u(t, {
+				variant: "body2",
+				className: "ttw:font-medium",
+				children: [b._("Drop your files here, or "), /* @__PURE__ */ l("span", {
+					className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer",
+					children: b._("click to browse")
+				})]
+			}),
+			/* @__PURE__ */ l(t, {
+				variant: "caption",
+				color: "muted",
+				children: b._("PNG, JPG or GIF (max. 10MB)")
+			})
+		] })
 	});
 };
 //#endregion
-export { c as PDFSettings };
+export { p as DragAndDropBox };

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

@@ -1,146 +1,120 @@
-import { Input as e } from "./index89.js";
-import { Typography as t } from "./index62.js";
-import { Field as n, FieldContent as r, FieldError as i, FieldLabel as a } from "./index88.js";
-import { Checkbox as o } from "./index99.js";
-import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
-import { useLingui as l } from "@lingui/react";
-import { Controller as u, useFormContext as d } from "react-hook-form";
+import { Button as e } from "./index56.js";
+import { useMyEntity as t } from "./index133.js";
+import "./index138.js";
+import { LOGO_SUPPORTED_FORMATS as n, useFileInput as r } from "./index181.js";
+import "./index189.js";
+import { Skeleton as i } from "./index54.js";
+import { Typography as a } from "./index62.js";
+import { useUploadEntityLogo as o } from "./index583.js";
+import { useDeleteEntityLogo as s } from "./index584.js";
+import "./index588.js";
+import { DragAndDropBox as c } from "./index590.js";
+import { useState as l } from "react";
+import { SquarePen as u, Trash2 as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "@emotion/react/jsx-runtime";
+import { toast as h } from "react-hot-toast";
+import { useLingui as g } from "@lingui/react";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index591.js
-var f = ({ control: f }) => {
-	let { i18n: p } = l(), { setValue: m, watch: h } = d(), g = h("min_digits"), _ = h("prefix"), v = h("separator"), y = h("include_date"), b = h("invoice"), x = h("invoice_number");
-	function S() {
-		return `${b}${v}${_ ? `${_}${v}` : ""}${y ? `${(/* @__PURE__ */ new Date()).getFullYear()}${v}` : ""}${x.toString().padStart(g, "0")}`;
+var _ = () => {
+	let { i18n: _ } = g(), { data: v, isLoading: y } = t(), b = v?.id ?? "", { FileInput: x, openFileInput: S, checkFileError: C, resetInput: w } = r({
+		acceptedFormats: n,
+		maxFileSizeInMB: 10
+	}), [T, E] = l(!1), [D, O] = l(""), { mutateAsync: k, isSuccess: A, isError: j, isPending: M, reset: N } = o(), { mutate: P, isPending: F } = s(b);
+	async function I(e) {
+		if (e) {
+			let t = C(e);
+			if (t) {
+				h.error(t);
+				return;
+			}
+			O(e.name), await k({
+				body: { file: e },
+				path: { entity_id: b }
+			}), w(), O("");
+		}
 	}
-	let C = S();
-	return /* @__PURE__ */ c("div", {
+	let L = M || j, R = !!v?.logo && !D && !L && !y;
+	return /* @__PURE__ */ m("div", {
 		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5",
-				children: [/* @__PURE__ */ s(t, {
-					variant: "h3",
-					children: p._("Invoice numbering")
-				}), /* @__PURE__ */ s(t, {
-					variant: "body2",
-					color: "muted",
-					children: p._("Specify how you want your invoices to be numbered. Changes apply to new invoices only. Existing invoice numbers won't be updated.")
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:flex-col ttw:w-94 ttw:gap-0.5 ttw:p-4 ttw:bg-neutral-200 ttw:rounded-xl",
-				children: [/* @__PURE__ */ s(t, {
-					variant: "body2",
-					color: "muted",
-					children: p._("Preview")
-				}), /* @__PURE__ */ s(t, {
-					variant: "h4",
-					className: "ttw:font-medium",
-					children: C
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "ttw:flex ttw:w-min ttw:gap-2 ttw:p-2",
-				children: [
-					/* @__PURE__ */ s(u, {
-						name: "invoice",
-						control: f,
-						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
-							className: "ttw:grow-0",
-							children: [
-								/* @__PURE__ */ s(a, {
-									htmlFor: t.name,
-									children: p._("Invoice prefix")
-								}),
-								/* @__PURE__ */ s(e, {
-									...t,
-									id: t.name,
-									maxLength: 25,
-									"aria-invalid": !!o || void 0,
-									className: "ttw:w-29 ttw:min-w-29 ttw:bg-white"
-								}),
-								/* @__PURE__ */ s(i, { errors: [o] })
-							]
-						}) })
-					}),
-					/* @__PURE__ */ s(u, {
-						name: "invoice_number",
-						control: f,
-						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
-							className: "ttw:grow-0",
-							children: [
-								/* @__PURE__ */ s(a, {
-									htmlFor: t.name,
-									children: p._("Starting number")
-								}),
-								/* @__PURE__ */ s(e, {
-									...t,
-									id: t.name,
-									type: "number",
-									"aria-invalid": !!o || void 0,
-									onChange: (e) => {
-										let n = e.target.value.replace(/^0+(?=\d)/, "");
-										t.onChange(Number(n));
-									},
-									value: t.value.toString().padStart(g, "0"),
-									className: "ttw:w-29 ttw:min-w-29 ttw:bg-white"
-								}),
-								/* @__PURE__ */ s(i, { errors: [o] })
-							]
-						}) })
-					}),
-					/* @__PURE__ */ s(u, {
-						name: "min_digits",
-						control: f,
-						render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
-							className: "ttw:grow-0",
-							children: [
-								/* @__PURE__ */ s(a, {
-									htmlFor: t.name,
-									children: p._("Digit count")
-								}),
-								/* @__PURE__ */ s(e, {
-									...t,
-									id: t.name,
-									type: "number",
-									className: "ttw:bg-white ttw:w-29 ttw:max-w-29",
-									onChange: (e) => {
-										+e.target.value > 20 ? m("min_digits", 20, { shouldDirty: !0 }) : t.onChange(e);
-									},
-									"aria-invalid": !!o || void 0
-								}),
-								/* @__PURE__ */ s(i, { errors: [o] })
-							]
-						}) })
-					})
-				]
-			}),
-			/* @__PURE__ */ s("div", {
-				className: "ttw:bg-transparent ttw:w-full ttw:p-2",
-				children: /* @__PURE__ */ s(u, {
-					name: "include_date",
-					control: f,
-					render: ({ field: e }) => /* @__PURE__ */ s(n, {
-						orientation: "horizontal",
-						children: /* @__PURE__ */ c(r, {
-							className: "ttw:flex-row ttw:items-center",
-							children: [/* @__PURE__ */ s(o, {
-								id: e.name,
-								ref: e.ref,
-								checked: e.value ?? !1,
-								onCheckedChange: e.onChange,
-								onBlur: e.onBlur,
-								className: "ttw:bg-white"
-							}), /* @__PURE__ */ s(a, {
-								htmlFor: e.name,
-								className: "ttw:font-normal",
-								children: p._("Include the current year in the invoice number prefix")
-							})]
+		children: [/* @__PURE__ */ m("div", {
+			className: "ttw:pt-5 ttw:pb-2.5 ttw:flex ttw:flex-col ttw:gap-1.5",
+			children: [/* @__PURE__ */ p(a, {
+				variant: "h3",
+				children: _._("Branding")
+			}), /* @__PURE__ */ p(a, {
+				variant: "body2",
+				color: "muted",
+				children: _._("Control how your invoices will appear to your customers by adding your company's logo. Changes apply to new invoices only.")
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-4",
+			onDragEnter: (e) => {
+				e.preventDefault(), E(!0);
+			},
+			onDragLeave: (e) => {
+				e.preventDefault(), E(!1);
+			},
+			onDragOver: (e) => e.preventDefault(),
+			onDrop: (e) => {
+				e.preventDefault(), E(!1), I(e.dataTransfer?.files ? e.dataTransfer?.files?.[0] : null);
+			},
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-0.5",
+					children: [/* @__PURE__ */ p(a, {
+						variant: "body1",
+						className: "ttw:font-medium",
+						children: _._("Upload your company logo")
+					}), /* @__PURE__ */ p(a, {
+						variant: "body2",
+						className: "ttw:leading-5",
+						color: "muted",
+						children: _._("Proudly display your logo on all your invoices.")
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "ttw:flex ttw:flex-col ttw:items-end ttw:gap-2",
+					children: [y ? /* @__PURE__ */ p(i, { className: "ttw:w-full ttw:h-38 ttw:bg-zinc-200" }) : /* @__PURE__ */ p(f, { children: R ? /* @__PURE__ */ p("div", {
+						className: "ttw:flex ttw:w-full ttw:h-38 ttw:box-border",
+						children: /* @__PURE__ */ p("img", {
+							src: v?.logo?.url,
+							className: "ttw:w-auto ttw:max-w-full ttw:object-contain ttw:max-h-38",
+							alt: _._("Organization logo")
 						})
-					})
-				})
-			})
-		]
+					}) : /* @__PURE__ */ p(c, {
+						isUploading: M,
+						isSuccess: A,
+						isError: j,
+						isDraggingOver: T,
+						fileName: D,
+						resetUpload: () => {
+							w(), N(), O("");
+						},
+						onClick: S
+					}) }), !T && R && /* @__PURE__ */ m("div", {
+						className: "ttw:flex ttw:gap-4",
+						children: [/* @__PURE__ */ p(e, {
+							variant: "ghost",
+							size: "sm",
+							onClick: S,
+							"aria-label": _._("Edit logo"),
+							children: /* @__PURE__ */ p(u, { className: "ttw:size-4 ttw:w-fit" })
+						}), v?.logo && /* @__PURE__ */ p(e, {
+							variant: "ghost",
+							size: "sm",
+							disabled: F,
+							"aria-label": _._("Delete logo"),
+							onClick: () => P(),
+							children: /* @__PURE__ */ p(d, { className: "ttw:size-4" })
+						})]
+					})]
+				}),
+				/* @__PURE__ */ p(x, { onChange: (e) => {
+					I(e.target.files ? e.target.files[0] : null);
+				} })
+			]
+		})]
 	});
 };
 //#endregion
-export { f as InvoiceNumbering };
+export { _ as LogoSection };

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

@@ -1,30 +1,80 @@
-import { z as e } from "zod";
+import { Typography as e } from "./index62.js";
+import { Switch as t } from "./index458.js";
+import { jsx as n, jsxs as r } from "@emotion/react/jsx-runtime";
+import { useLingui as i } from "@lingui/react";
+import { twMerge as a } from "tailwind-merge";
+import { Controller as o, useFormContext as s } from "react-hook-form";
 //#region ../../libs/tesouro-embedded-components-react/monite-sdk/dist/index592.js
-var t = (t, n) => e.object({
-	min_digits: e.coerce.number().int().min(1, t._("Can't be less than 1")).max(20, t._("Can't be greater than 20")),
-	credit_note: e.string().min(1),
-	credit_note_number: e.coerce.number().int().min(n.credit_note, t._("Can't be less than {nextNumbersCredit_note}", { nextNumbersCredit_note: n.credit_note })),
-	delivery_note: e.string().min(1),
-	delivery_note_number: e.coerce.number().int().min(n.delivery_note, t._("Can't be less than {nextNumbersDelivery_note}", { nextNumbersDelivery_note: n.delivery_note })),
-	quote: e.string().min(1),
-	quote_number: e.coerce.number().int().min(n.quote, t._("Can't be less than {nextNumbersQuote}", { nextNumbersQuote: n.quote })),
-	invoice: e.string().min(1, t._("Invoice prefix is required")).max(25, t._("Invoice prefix should have at most 25 characters")),
-	invoice_number: e.coerce.number().int().min(n.invoice, t._("Can't be less than {nextNumbersInvoice}", { nextNumbersInvoice: n.invoice })),
-	purchase_order: e.string().min(1),
-	purchase_order_number: e.coerce.number().int().min(n.purchase_order, t._("Can't be less than {nextNumbersPurchase_order}", { nextNumbersPurchase_order: n.purchase_order })),
-	include_date: e.boolean(),
-	prefix: e.string().max(25, t._("Prefix should have at most 25 characters")),
-	separator: e.enum([
-		"/",
-		"-",
-		"|",
-		".",
-		""
-	]),
-	invoice_bank_display: e.boolean(),
-	update_paid_invoices: e.boolean(),
-	quote_signature_display: e.boolean(),
-	quote_electronic_signature: e.union([e.boolean(), e.string()])
-});
+var c = ({ control: c, isDialog: l }) => {
+	let { i18n: u } = i(), { watch: d, setValue: f } = s(), p = d("invoice_bank_display");
+	return /* @__PURE__ */ r("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5",
+		children: [/* @__PURE__ */ r("div", {
+			className: "ttw:flex ttw:flex-col ttw:gap-1.5 ttw:pt-5 ttw:pb-2.5",
+			children: [/* @__PURE__ */ n(e, {
+				variant: "h3",
+				children: u._("PDF settings")
+			}), /* @__PURE__ */ n(e, {
+				variant: "body2",
+				color: "muted",
+				children: u._("Invoices are generated as PDFs")
+			})]
+		}), /* @__PURE__ */ r("div", {
+			className: a("ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-lg", l ? "ttw:bg-zinc-100 ttw:p-4" : ""),
+			children: [/* @__PURE__ */ r("section", {
+				className: "ttw:flex ttw:justify-between ttw:gap-4",
+				children: [/* @__PURE__ */ r("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [/* @__PURE__ */ n(e, {
+						variant: "body1",
+						className: "ttw:font-medium",
+						children: u._("Display your bank account details on the PDF")
+					}), /* @__PURE__ */ n(e, {
+						variant: "body2",
+						color: "muted",
+						children: u._("Shows your bank account number, routing number, and account holder name so that customers can pay using an ACH bank transfer. Should only be used with accounts that have a debit block.")
+					})]
+				}), /* @__PURE__ */ n(t, {
+					checked: p,
+					onCheckedChange: (e) => {
+						f("invoice_bank_display", e, { shouldDirty: !0 });
+					},
+					"aria-label": u._("Display bank display options")
+				})]
+			}), /* @__PURE__ */ r("section", {
+				className: "ttw:flex ttw:justify-between ttw:gap-4",
+				children: [/* @__PURE__ */ r("div", {
+					className: "ttw:flex ttw:flex-col ttw:gap-1",
+					children: [
+						/* @__PURE__ */ n(e, {
+							variant: "body1",
+							className: "ttw:font-medium",
+							children: u._("Update PDF files for paid invoices")
+						}),
+						/* @__PURE__ */ n(e, {
+							variant: "body2",
+							color: "muted",
+							children: u._("PDF invoice files will be regenerated to reflect payments made and any remaining amount due. Once a PDF has been updated, you won't be able to revert it.")
+						}),
+						/* @__PURE__ */ n(e, {
+							variant: "body2",
+							color: "muted",
+							className: "ttw:font-medium",
+							children: u._("Once updated, you won't be able to revert the PDFs.")
+						})
+					]
+				}), /* @__PURE__ */ n(o, {
+					name: "update_paid_invoices",
+					control: c,
+					render: ({ field: e }) => /* @__PURE__ */ n(t, {
+						checked: e.value,
+						onCheckedChange: e.onChange,
+						"aria-label": u._("Enable update paid invoices pdf")
+					})
+				})]
+			})]
+		})]
+	});
+};
 //#endregion
-export { t as getInvoiceSettingsFormSchema };
+export { c as PDFSettings };