@tesouro/embedded-components-react 0.5.205 → 0.5.206

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index6.js

@@ -1,24 +1,161 @@
-import { Badge as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { RECEIVABLE_STATUS_BADGE_LABELS_EN as n } from "./index2.js";
-import { jsxs as r } from "react/jsx-runtime";
+import { Button as e, Checkbox as t, Separator as n, Typography as r, cn as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as a } from "./index3.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { FileText as l, ImageIcon as u, Loader2 as d, Trash2 as f, X as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index6.js
-var i = {
-	danger: "ttw:border-red-200 ttw:bg-red-50 ttw:text-red-700 ttw:hover:bg-red-50",
-	info: "ttw:border-blue-200 ttw:bg-blue-50 ttw:text-blue-700 ttw:hover:bg-blue-50",
-	neutral: "ttw:border-border ttw:bg-muted ttw:text-foreground ttw:hover:bg-muted",
-	success: "ttw:border-emerald-200 ttw:bg-emerald-50 ttw:text-emerald-700 ttw:hover:bg-emerald-50",
-	warning: "ttw:border-amber-200 ttw:bg-amber-50 ttw:text-amber-800 ttw:hover:bg-amber-50"
-};
-function a({ status: a, tone: o, labels: s, icon: c }) {
-	let l = {
-		...n,
-		...s
-	}, u = l[a] ?? l.unknown;
-	return /* @__PURE__ */ r(e, {
-		variant: "outline",
-		className: t(c && "ttw:gap-1", i[o]),
-		children: [c, u]
+function m({ view: m, isDragging: h, disabled: g, inputRef: _, onBrowseClick: v, onDragOver: y, onDragLeave: b, onDrop: x, onFilesSelect: S, onIncludeInEmailChange: C, onRemove: w, labels: T }) {
+	let E = {
+		...a,
+		...T
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:rounded-xl ttw:border ttw:border-border ttw:p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4",
+				children: [/* @__PURE__ */ s(r, {
+					variant: "h4",
+					children: E.attachmentsHeading
+				}), /* @__PURE__ */ s(r, {
+					variant: "body2",
+					color: "muted",
+					className: "ttw:font-medium",
+					children: E.attachmentsDescription
+				})]
+			}),
+			m.showRows && /* @__PURE__ */ c("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [m.emailCaption && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(r, {
+					variant: "caption",
+					color: "muted",
+					children: m.emailCaption
+				}), /* @__PURE__ */ s(n, {})] }), /* @__PURE__ */ c("ul", {
+					className: "ttw:flex ttw:flex-col ttw:gap-2",
+					children: [m.attachedRows.map((n) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:items-center ttw:gap-2",
+						children: [/* @__PURE__ */ s(t, {
+							checked: n.includeInEmail,
+							disabled: g,
+							"aria-label": n.includeInEmailLabel,
+							onCheckedChange: (e) => C(n.id, e === !0)
+						}), /* @__PURE__ */ c("div", {
+							className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg 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: n.name
+								}), /* @__PURE__ */ c(r, {
+									variant: "body2",
+									color: "muted",
+									className: "ttw:shrink-0",
+									children: [
+										"(",
+										n.sizeLabel,
+										")"
+									]
+								})]
+							}), /* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: "ttw:size-4",
+								disabled: g,
+								"aria-label": n.removeLabel,
+								onClick: () => w(n.id),
+								children: /* @__PURE__ */ s(f, { className: "ttw:size-4" })
+							})]
+						})]
+					}, n.id)), m.pendingRows.map((t) => /* @__PURE__ */ c("li", {
+						className: "ttw:flex ttw:w-full ttw:items-center ttw:gap-3 ttw:rounded-lg ttw:bg-muted ttw:px-2 ttw:py-1",
+						children: [
+							t.state === "uploading" ? /* @__PURE__ */ s(d, { className: "ttw:size-5 ttw:shrink-0 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ s(l, { 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: t.name
+								}), t.state === "uploading" ? /* @__PURE__ */ s(r, {
+									variant: "caption",
+									color: "muted",
+									children: t.message
+								}) : /* @__PURE__ */ s(r, {
+									variant: "caption",
+									role: "alert",
+									className: "ttw:text-destructive",
+									children: t.message
+								})]
+							}),
+							/* @__PURE__ */ s(e, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								disabled: g,
+								"aria-label": t.removeLabel,
+								onClick: () => w(t.id),
+								children: /* @__PURE__ */ s(p, { className: "ttw:size-4" })
+							})
+						]
+					}, t.id))]
+				})]
+			}),
+			/* @__PURE__ */ c("button", {
+				type: "button",
+				disabled: g,
+				onClick: v,
+				onDragOver: (e) => {
+					e.preventDefault(), y();
+				},
+				onDragLeave: (e) => {
+					e.preventDefault(), b();
+				},
+				onDrop: (e) => {
+					e.preventDefault(), x(e.dataTransfer.files);
+				},
+				className: i("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", h ? "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(u, { className: "ttw:size-5 ttw:text-muted-foreground" })
+					}),
+					/* @__PURE__ */ c(r, {
+						variant: "body2",
+						children: [
+							E.attachmentsDropPrompt,
+							" ",
+							/* @__PURE__ */ s("span", {
+								className: "ttw:text-primary ttw:underline",
+								children: E.attachmentsBrowseLink
+							})
+						]
+					}),
+					/* @__PURE__ */ s(r, {
+						variant: "caption",
+						color: "muted",
+						children: E.attachmentsFormatsHint
+					})
+				]
+			}),
+			m.countLimitMessage && /* @__PURE__ */ s(r, {
+				variant: "body2",
+				role: "alert",
+				className: "ttw:text-destructive",
+				children: m.countLimitMessage
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: _,
+				type: "file",
+				multiple: !0,
+				tabIndex: -1,
+				"aria-hidden": !0,
+				className: "ttw:sr-only",
+				accept: m.accept,
+				onChange: (e) => S(e.target.files)
+			})
+		]
 	});
 }
 //#endregion
-export { a as ReceivableStatusBadge, a as default };
+export { m as ReceivableAttachmentsSection };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js

@@ -1 +1,16 @@
-import "lucide-react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js
+function n({ option: n }) {
+	return /* @__PURE__ */ t("span", {
+		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
+		children: [/* @__PURE__ */ e("span", {
+			className: "ttw:truncate",
+			children: n.label
+		}), n.dueDateLabel && /* @__PURE__ */ e("span", {
+			className: "ttw:shrink-0 ttw:text-xs ttw:text-muted-foreground",
+			children: n.dueDateLabel
+		})]
+	});
+}
+//#endregion
+export { n as OptionRow };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index8.js

@@ -1,3 +1,25 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "./index7.js";
-import "react/jsx-runtime";
+import { cn as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { OptionRow as t } from "./index7.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { CalendarIcon as i } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index8.js
+function a({ selection: a, labels: o }) {
+	return a?.kind === "receiptDue" ? /* @__PURE__ */ n("span", {
+		className: "ttw:truncate",
+		children: o.paymentTermsReceiptDue
+	}) : a?.kind === "customDate" ? /* @__PURE__ */ r("span", {
+		className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2",
+		children: [/* @__PURE__ */ r("span", {
+			className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5",
+			children: [/* @__PURE__ */ n(i, { className: e("ttw:size-4 ttw:shrink-0", !a.hasDate && "ttw:text-muted-foreground") }), /* @__PURE__ */ n("span", {
+				className: e("ttw:truncate", !a.hasDate && "ttw:text-muted-foreground"),
+				children: a.dateLabel
+			})]
+		}), /* @__PURE__ */ n("span", {
+			className: "ttw:shrink-0 ttw:text-xs ttw:text-muted-foreground",
+			children: o.paymentTermsCustomDate
+		})]
+	}) : a?.kind === "term" ? /* @__PURE__ */ n(t, { option: a.option }) : null;
+}
+//#endregion
+export { a as SelectionValue };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index9.js

@@ -1,3 +1,4 @@
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "react/jsx-runtime";
-import "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index9.js
+var e = "receipt_due", t = "custom";
+//#endregion
+export { t as RECEIVABLE_PAYMENT_TERMS_CUSTOM_DATE, e as RECEIVABLE_PAYMENT_TERMS_RECEIPT_DUE };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.5.205", n = "a3f0bb078bb0c8ef13f80eee919cd10143ad5af4", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.5.206", n = "0536ac0575fabe0c5f630232f7530e1604f46209", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.5.205",
+  "version": "0.5.206",
   "license": "Apache-2.0",
   "type": "module",
   "packageDepSync": {