@tesouro/embedded-components-react 0.5.233 → 0.5.236

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/README.md +19 -14
  2. package/dist/index.d.ts +175 -16
  3. package/dist/index.js +1 -1
  4. package/dist/lib/BankAccountOnboardingWidget.d.ts +39 -1
  5. package/dist/lib/ReceivablesWidget.d.ts +110 -1
  6. package/dist/lib/ReceivablesWidget.js +1 -1
  7. package/dist/lib/WidgetSuite.d.ts +65 -15
  8. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index.js +3 -2
  9. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index12.js +2 -1
  10. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index22.js +6 -0
  11. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index23.js +15 -11
  12. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index26.js +441 -409
  13. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index10.js +18 -14
  14. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index.js +1 -1
  15. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index10.js +1 -1
  16. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index15.js +1 -1
  17. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index16.js +3 -3
  18. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index19.js +1 -1
  19. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index21.js +1 -1
  20. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index23.js +1 -1
  21. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index31.js +210 -208
  22. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index32.js +98 -40
  23. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index33.js +159 -39
  24. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index34.js +53 -77
  25. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index35.js +99 -132
  26. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index36.js +40 -341
  27. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index37.js +43 -0
  28. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index38.js +92 -0
  29. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index39.js +146 -0
  30. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index40.js +354 -0
  31. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index5.js +1 -1
  32. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index9.js +1 -1
  33. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index.js +28 -24
  34. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index10.js +2 -37
  35. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index11.js +9 -214
  36. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index12.js +27 -159
  37. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index13.js +233 -14
  38. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index14.js +34 -22
  39. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index15.js +214 -2
  40. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js +153 -87
  41. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index17.js +16 -3
  42. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index18.js +22 -21
  43. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index19.js +2 -51
  44. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index2.js +30 -15
  45. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js +90 -14
  46. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index21.js +3 -10
  47. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index22.js +20 -69
  48. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index23.js +51 -33
  49. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index24.js +16 -17
  50. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index25.js +8 -14
  51. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index26.js +70 -30
  52. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index27.js +33 -14
  53. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index28.js +17 -25
  54. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index29.js +12 -83
  55. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index3.js +9 -121
  56. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index30.js +28 -401
  57. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js +16 -2
  58. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.js +22 -42
  59. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index33.js +80 -65
  60. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index34.js +383 -473
  61. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index35.js +2 -106
  62. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index36.js +48 -0
  63. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index37.js +72 -2
  64. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index38.js +498 -4
  65. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index39.js +106 -1
  66. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index4.js +141 -93
  67. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index41.js +2 -28
  68. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index42.js +4 -236
  69. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index43.js +0 -2
  70. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index44.js +90 -239
  71. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index45.js +24 -89
  72. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index46.js +231 -54
  73. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index47.js +3 -353
  74. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index48.js +249 -0
  75. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index49.js +93 -0
  76. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index5.js +3 -40
  77. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index50.js +59 -0
  78. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index51.js +353 -0
  79. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index6.js +18 -2
  80. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index7.js +121 -9
  81. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index8.js +100 -27
  82. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index9.js +38 -233
  83. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  84. package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index16.js +123 -92
  85. package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index4.js +12 -5
  86. package/package.json +1 -1
  87. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index40.js +0 -100
@@ -1,59 +1,236 @@
1
- import { Skeleton as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { RECEIVABLE_STATUS_CARDS_LABELS_EN as n } from "./index9.js";
3
- import { ReceivableStatusBadge as r } from "./index18.js";
4
- import { jsx as i, jsxs as a } from "react/jsx-runtime";
1
+ import { Button as e, DatePicker as t, FieldError as n, Input as r, Label as i, Select as a, SelectContent as o, SelectItem as s, SelectSeparator as c, SelectTrigger as l, SelectValue as u, Typography as d, cn as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { RECEIVABLE_RECURRENCE_SECTION_LABELS_EN as p } from "./index12.js";
3
+ import { CreationModeOption as m } from "./index45.js";
4
+ import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
5
5
  //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index46.js
6
- var o = 6;
7
- function s({ selected: e, onClick: n, children: r }) {
8
- return /* @__PURE__ */ i("button", {
9
- type: "button",
10
- "aria-pressed": e,
11
- onClick: n,
12
- className: t("ttw:flex ttw:w-42 ttw:shrink-0 ttw:cursor-pointer ttw:flex-col ttw:gap-2 ttw:rounded-xl ttw:border ttw:bg-card ttw:px-4 ttw:py-2 ttw:text-left ttw:transition-colors", e ? "ttw:border-primary" : "ttw:border-card ttw:hover:border-primary"),
13
- children: r
14
- });
15
- }
16
- function c({ view: t, onSelect: c, labels: l }) {
17
- let u = {
18
- ...n,
19
- ...l
20
- };
21
- return t.kind === "loading" ? /* @__PURE__ */ i("div", {
22
- className: "ttw:flex ttw:gap-2",
23
- children: Array.from({ length: o }).map((t, n) => /* @__PURE__ */ i(e, { className: "ttw:h-16.5 ttw:w-42 ttw:rounded-xl" }, n))
24
- }) : /* @__PURE__ */ a("div", {
25
- className: "ttw:mb-6 ttw:flex ttw:gap-2 ttw:overflow-x-auto ttw:[scrollbar-width:none] ttw:[&::-webkit-scrollbar]:hidden",
26
- children: [/* @__PURE__ */ a(s, {
27
- selected: t.all.selected,
28
- onClick: () => c(t.all.value),
29
- children: [/* @__PURE__ */ i("span", {
30
- className: "ttw:text-xs ttw:font-medium ttw:text-foreground",
31
- children: u.all
32
- }), /* @__PURE__ */ i("span", {
33
- className: "ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
34
- children: t.all.countLabel
35
- })]
36
- }), t.statuses.map((e) => /* @__PURE__ */ i(s, {
37
- selected: e.selected,
38
- onClick: () => c(e.value),
39
- children: /* @__PURE__ */ a("div", {
40
- className: "ttw:flex ttw:flex-col",
41
- children: [/* @__PURE__ */ a("div", {
42
- className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-2",
43
- children: [/* @__PURE__ */ i(r, {
44
- label: e.statusLabel,
45
- tone: e.statusTone
46
- }), /* @__PURE__ */ i("span", {
47
- className: "ttw:text-xs ttw:font-medium ttw:leading-4.5 ttw:tabular-nums ttw:text-foreground",
48
- children: e.countLabel
49
- })]
50
- }), /* @__PURE__ */ i("span", {
51
- className: "ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:text-2xl ttw:font-medium ttw:leading-8 ttw:tabular-nums ttw:text-foreground",
52
- children: e.amountLabel
53
- })]
6
+ var v = "ttw:text-sm ttw:font-normal ttw:text-nowrap ttw:text-muted-foreground";
7
+ function y({ idPrefix: y, view: b, disabled: x, onFrequencyChange: S, onMonthDayChange: C, onWeekdayChange: w, onStartDateChange: T, onEndModeChange: E, onEndDateChange: D, onMaxOccurrencesChange: O, onCreationModeChange: k, onSetUpEmailClick: A, emailDialog: j, labels: M }) {
8
+ let N = {
9
+ ...p,
10
+ ...M
11
+ }, P = {
12
+ frequency: `${y}-frequency`,
13
+ monthDay: `${y}-issue-mode`,
14
+ startDate: `${y}-start-date`,
15
+ endMode: `${y}-end-mode`,
16
+ endDate: `${y}-end-date`,
17
+ occurrences: `${y}-max-occurrences`,
18
+ creationMode: `${y}-automation-level`,
19
+ emailError: `${y}-email-error`
20
+ }, { schedule: F, creationMode: I } = b, L = (e, n, r) => /* @__PURE__ */ g("div", {
21
+ className: "ttw:w-44",
22
+ children: /* @__PURE__ */ g(t, {
23
+ id: e,
24
+ value: n.value,
25
+ onChange: r,
26
+ placeholder: N.recurrenceDatePlaceholder,
27
+ disabled: x || n.disabled,
28
+ minDate: n.minDate,
29
+ maxDate: n.maxDate,
30
+ defaultMonth: n.minDate,
31
+ disabledDates: n.isDateDisabled,
32
+ "aria-invalid": n.invalid || void 0
33
+ })
34
+ }), R = (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
35
+ id: P.occurrences,
36
+ className: "ttw:w-16",
37
+ type: "text",
38
+ inputMode: "numeric",
39
+ value: e.value,
40
+ disabled: x,
41
+ "aria-invalid": e.invalid || void 0,
42
+ "aria-describedby": F?.maxOccurrencesError ? `${P.occurrences}-error` : void 0,
43
+ onChange: (e) => O(e.target.value)
44
+ }), /* @__PURE__ */ g(i, {
45
+ htmlFor: P.occurrences,
46
+ className: v,
47
+ children: e.unitLabel
48
+ })] });
49
+ return /* @__PURE__ */ _("section", {
50
+ className: "ttw:flex ttw:flex-col ttw:gap-2.5",
51
+ children: [
52
+ /* @__PURE__ */ _("div", {
53
+ className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
54
+ children: [
55
+ /* @__PURE__ */ g(i, {
56
+ htmlFor: P.frequency,
57
+ className: v,
58
+ children: N.recurrenceRepeatLabel
59
+ }),
60
+ /* @__PURE__ */ _(a, {
61
+ value: b.frequency.value,
62
+ disabled: x || b.frequency.disabled,
63
+ onValueChange: S,
64
+ children: [/* @__PURE__ */ g(l, {
65
+ id: P.frequency,
66
+ className: "ttw:w-31",
67
+ children: /* @__PURE__ */ g(u, {})
68
+ }), /* @__PURE__ */ g(o, { children: b.frequency.options.map((e) => /* @__PURE__ */ g(s, {
69
+ value: e.value,
70
+ children: e.label
71
+ }, e.value)) })]
72
+ }),
73
+ b.monthDay && /* @__PURE__ */ _(h, { children: [
74
+ /* @__PURE__ */ g(i, {
75
+ htmlFor: P.monthDay,
76
+ className: v,
77
+ children: N.recurrenceMonthDayLead
78
+ }),
79
+ /* @__PURE__ */ _(a, {
80
+ value: b.monthDay.value,
81
+ disabled: x || b.monthDay.disabled,
82
+ onValueChange: C,
83
+ children: [/* @__PURE__ */ g(l, {
84
+ id: P.monthDay,
85
+ className: "ttw:w-fit ttw:min-w-21",
86
+ "aria-invalid": b.monthDay.invalid || void 0,
87
+ children: /* @__PURE__ */ g(u, {})
88
+ }), /* @__PURE__ */ _(o, { children: [
89
+ b.monthDay.edgeOptions.map((e) => /* @__PURE__ */ g(s, {
90
+ value: e.value,
91
+ children: e.label
92
+ }, e.value)),
93
+ /* @__PURE__ */ g(c, {}),
94
+ b.monthDay.dayOptions.map((e) => /* @__PURE__ */ g(s, {
95
+ value: e.value,
96
+ children: e.label
97
+ }, e.value))
98
+ ] })]
99
+ }),
100
+ /* @__PURE__ */ g(d, {
101
+ variant: "body2",
102
+ color: "muted",
103
+ component: "span",
104
+ className: "ttw:text-nowrap",
105
+ children: N.recurrenceMonthDayTrail
106
+ })
107
+ ] }),
108
+ b.weekday && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, {
109
+ variant: "body2",
110
+ color: "muted",
111
+ component: "span",
112
+ children: N.recurrenceWeekdayLead
113
+ }), /* @__PURE__ */ g("div", {
114
+ className: f("ttw:flex ttw:h-8 ttw:w-56 ttw:rounded-md ttw:border ttw:border-border", b.weekday.invalid && "ttw:border-destructive", b.weekday.disabled && "ttw:opacity-50"),
115
+ children: b.weekday.options.map((e, t, n) => /* @__PURE__ */ g("button", {
116
+ type: "button",
117
+ disabled: x || b.weekday?.disabled,
118
+ "aria-pressed": e.pressed,
119
+ onClick: () => w(e.value),
120
+ className: f("ttw:flex ttw:flex-1 ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:transition-colors ttw:hover:cursor-pointer ttw:hover:bg-muted ttw:disabled:pointer-events-none", e.pressed && "ttw:bg-muted", t < n.length - 1 && "ttw:border-r ttw:border-border"),
121
+ children: e.label
122
+ }, e.value))
123
+ })] })
124
+ ]
125
+ }),
126
+ F && /* @__PURE__ */ _("div", {
127
+ className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
128
+ children: [
129
+ /* @__PURE__ */ g(i, {
130
+ htmlFor: P.startDate,
131
+ className: v,
132
+ children: N.recurrenceStartOnLabel
133
+ }),
134
+ L(P.startDate, F.start, T),
135
+ F.end.kind === "choice" ? /* @__PURE__ */ _(h, { children: [
136
+ /* @__PURE__ */ g(i, {
137
+ htmlFor: P.endMode,
138
+ className: v,
139
+ children: N.recurrenceEndChoiceLead
140
+ }),
141
+ /* @__PURE__ */ _(a, {
142
+ value: F.end.mode.value,
143
+ disabled: x,
144
+ onValueChange: E,
145
+ children: [/* @__PURE__ */ g(l, {
146
+ id: P.endMode,
147
+ className: "ttw:w-21",
148
+ "aria-invalid": F.end.mode.invalid || void 0,
149
+ children: /* @__PURE__ */ g(u, {})
150
+ }), /* @__PURE__ */ g(o, { children: F.end.mode.options.map((e) => /* @__PURE__ */ g(s, {
151
+ value: e.value,
152
+ children: e.label
153
+ }, e.value)) })]
154
+ }),
155
+ F.end.date && L(P.endDate, F.end.date, D),
156
+ F.end.occurrences && R(F.end.occurrences)
157
+ ] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(i, {
158
+ htmlFor: P.occurrences,
159
+ className: v,
160
+ children: N.recurrenceEndCountLead
161
+ }), R(F.end.occurrences)] })
162
+ ]
163
+ }),
164
+ F?.maxOccurrencesError && /* @__PURE__ */ g(n, {
165
+ id: `${P.occurrences}-error`,
166
+ errors: [{ message: F.maxOccurrencesError }]
167
+ }),
168
+ j,
169
+ b.lastDayCaption && /* @__PURE__ */ g(d, {
170
+ variant: "caption",
171
+ color: "muted",
172
+ children: b.lastDayCaption
173
+ }),
174
+ I && /* @__PURE__ */ _("div", {
175
+ className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
176
+ children: [
177
+ /* @__PURE__ */ g(i, {
178
+ htmlFor: P.creationMode,
179
+ children: /* @__PURE__ */ _(d, {
180
+ variant: "body2",
181
+ component: "span",
182
+ className: "ttw:block",
183
+ children: [
184
+ N.recurrenceCreationModeQuestion,
185
+ " ",
186
+ /* @__PURE__ */ g(d, {
187
+ variant: "body2",
188
+ component: "span",
189
+ color: "muted",
190
+ children: N.recurrenceCreationModeHint
191
+ })
192
+ ]
193
+ })
194
+ }),
195
+ /* @__PURE__ */ _(a, {
196
+ value: I.value,
197
+ disabled: x,
198
+ onValueChange: (e) => k(e),
199
+ children: [/* @__PURE__ */ g(l, {
200
+ id: P.creationMode,
201
+ "aria-invalid": !!I.emailError || void 0,
202
+ "aria-describedby": I.emailError ? P.emailError : void 0,
203
+ className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
204
+ children: /* @__PURE__ */ g(u, {})
205
+ }), /* @__PURE__ */ g(o, { children: I.options.map((e) => /* @__PURE__ */ g(s, {
206
+ value: e.value,
207
+ children: /* @__PURE__ */ g(m, { option: e })
208
+ }, e.value)) })]
209
+ }),
210
+ I.emailSummary !== void 0 && /* @__PURE__ */ _("div", {
211
+ className: "ttw:flex ttw:items-center ttw:gap-2",
212
+ children: [/* @__PURE__ */ g(d, {
213
+ variant: "body2",
214
+ color: "muted",
215
+ className: "ttw:truncate",
216
+ children: I.emailSummary
217
+ }), /* @__PURE__ */ g(e, {
218
+ type: "button",
219
+ variant: "link",
220
+ className: "ttw:h-auto ttw:p-0",
221
+ disabled: x,
222
+ onClick: A,
223
+ children: N.recurrenceSetUpEmail
224
+ })]
225
+ }),
226
+ I.emailError && /* @__PURE__ */ g(n, {
227
+ id: P.emailError,
228
+ errors: [{ message: I.emailError }]
229
+ })
230
+ ]
54
231
  })
55
- }, e.value))]
232
+ ]
56
233
  });
57
234
  }
58
235
  //#endregion
59
- export { c as ReceivableStatusCards, c as default };
236
+ export { y as ReceivableRecurrenceSection, y as default };
@@ -1,353 +1,3 @@
1
- import { Button as e, DataTable as t, DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a, Input as o, Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d, Tabs as f, TabsList as p, TabsTrigger as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { EmptyState as h } from "../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
3
- import { ErrorState as g } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
4
- import "../../../shared/ui/dist/index.js";
5
- import { RECEIVABLES_SCREEN_LABELS_EN as _ } from "./index9.js";
6
- import { ReceivableStatusBadge as v } from "./index18.js";
7
- import { ReceivableStatusCards as y } from "./index46.js";
8
- import { jsx as b, jsxs as x } from "react/jsx-runtime";
9
- import { ArrowDownIcon as S, ArrowUpDownIcon as C, ArrowUpIcon as w, MoreHorizontalIcon as T, PlusIcon as E, SearchIcon as D, SettingsIcon as O } from "lucide-react";
10
- //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index47.js
11
- var k = [
12
- 10,
13
- 25,
14
- 50,
15
- 100
16
- ], A = "all";
17
- function j({ label: t, ariaLabel: n, column: r }) {
18
- let i = r.getIsSorted();
19
- return /* @__PURE__ */ x("div", {
20
- className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit",
21
- children: [t, /* @__PURE__ */ b(e, {
22
- variant: "ghost",
23
- size: "icon-sm",
24
- "aria-label": n,
25
- onClick: () => r.toggleSorting(i === "asc"),
26
- children: b(i === "asc" ? w : i === "desc" ? S : C, { className: "ttw:size-4" })
27
- })]
28
- });
29
- }
30
- function M({ labels: e, searchValue: t, onSearchChange: n, statusFilter: r, statusOptions: i, onStatusFilterChange: a }) {
31
- return /* @__PURE__ */ x("div", {
32
- className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2 ttw:px-4",
33
- children: [/* @__PURE__ */ x("div", {
34
- className: "ttw:relative ttw:w-80",
35
- children: [/* @__PURE__ */ b(D, { className: "ttw:pointer-events-none ttw:absolute ttw:left-3 ttw:top-1/2 ttw:size-4 ttw:-translate-y-1/2 ttw:text-muted-foreground" }), /* @__PURE__ */ b(o, {
36
- className: "ttw:pl-9",
37
- placeholder: e.searchPlaceholder,
38
- value: t,
39
- onChange: (e) => n(e.target.value)
40
- })]
41
- }), /* @__PURE__ */ x(s, {
42
- value: r,
43
- onValueChange: a,
44
- children: [/* @__PURE__ */ b(u, {
45
- "aria-label": e.columnStatus,
46
- className: "ttw:w-48",
47
- children: /* @__PURE__ */ b(d, {})
48
- }), /* @__PURE__ */ x(c, { children: [/* @__PURE__ */ b(l, {
49
- value: A,
50
- children: e.statusFilterAll
51
- }), i.map((t) => /* @__PURE__ */ b(l, {
52
- value: t.value,
53
- children: P(t, e.statusBadge)
54
- }, t.value))] })]
55
- })]
56
- });
57
- }
58
- function N({ enabled: e, label: t, action: n, row: r, onActionClick: a, variant: o }) {
59
- return e ? /* @__PURE__ */ b(i, {
60
- variant: o,
61
- onClick: (e) => {
62
- e.stopPropagation(), a(n, r);
63
- },
64
- children: t
65
- }) : null;
66
- }
67
- function P(e, t) {
68
- return t[e.value] ?? e.label;
69
- }
70
- function F({ rows: i, activeTab: o, enabledTabs: s, onTabChange: c, isLoading: l, isError: u, sorting: d, onSortingChange: S, pageSize: C, onPageSizeChange: w, pageSizeOptions: D = k, pageInfo: A, hasNextPage: P, hasPrevPage: F, onNextPage: I, onPrevPage: L, searchValue: R, onSearchChange: z, statusFilter: B, statusOptions: V, onStatusFilterChange: H, statusCards: U, onStatusCardSelect: W, isFiltering: G, onCreateClick: K, onTemplateSettingsClick: q, onRowClick: J, onActionClick: Y, onRetry: X, labels: Z }) {
71
- let Q = {
72
- ..._,
73
- ...Z,
74
- statusBadge: {
75
- ..._.statusBadge,
76
- ...Z?.statusBadge
77
- }
78
- };
79
- return /* @__PURE__ */ x("div", {
80
- className: "ttw:flex ttw:flex-col ttw:gap-4",
81
- children: [
82
- /* @__PURE__ */ x("div", {
83
- className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
84
- children: [/* @__PURE__ */ b("div", {
85
- className: "ttw:flex ttw:items-center ttw:gap-3",
86
- children: /* @__PURE__ */ b(f, {
87
- value: o,
88
- onValueChange: (e) => c(e),
89
- children: /* @__PURE__ */ x(p, { children: [
90
- s.includes("invoices") && /* @__PURE__ */ b(m, {
91
- value: "invoices",
92
- children: Q.tabInvoices
93
- }),
94
- s.includes("quotes") && /* @__PURE__ */ b(m, {
95
- value: "quotes",
96
- children: Q.tabQuotes
97
- }),
98
- s.includes("credit_notes") && /* @__PURE__ */ b(m, {
99
- value: "credit_notes",
100
- children: Q.tabCreditNotes
101
- })
102
- ] })
103
- })
104
- }), /* @__PURE__ */ x("div", {
105
- className: "ttw:flex ttw:items-center ttw:gap-2",
106
- children: [q && /* @__PURE__ */ x(e, {
107
- variant: "outline",
108
- onClick: q,
109
- children: [/* @__PURE__ */ b(O, { className: "ttw:size-4" }), Q.templateSettingsButton]
110
- }), /* @__PURE__ */ x(e, {
111
- onClick: K,
112
- children: [/* @__PURE__ */ b(E, { className: "ttw:size-4" }), Q.createButton]
113
- })]
114
- })]
115
- }),
116
- U && W && /* @__PURE__ */ b(y, {
117
- view: U,
118
- onSelect: W,
119
- labels: { all: Q.statusCardsAll }
120
- }),
121
- u ? /* @__PURE__ */ b(g, {
122
- title: Q.errorTitle,
123
- description: Q.errorDescription,
124
- retryLabel: X ? Q.errorRetry : void 0,
125
- onRetry: X
126
- }) : /* @__PURE__ */ b(t, {
127
- columns: [
128
- {
129
- accessorKey: "documentLabel",
130
- enableSorting: !0,
131
- header: ({ column: e }) => /* @__PURE__ */ b(j, {
132
- column: e,
133
- label: Q.columnDocument,
134
- ariaLabel: Q.sortByDocument
135
- }),
136
- cell: ({ row: e }) => /* @__PURE__ */ x("div", {
137
- className: "ttw:flex ttw:flex-col ttw:gap-1",
138
- children: [/* @__PURE__ */ b("span", {
139
- className: "ttw:font-medium",
140
- children: e.original.documentLabel
141
- }), /* @__PURE__ */ b("span", {
142
- className: "ttw:text-xs ttw:text-muted-foreground",
143
- children: e.original.type === "credit_note" ? Q.tabCreditNotes : e.original.type === "quote" ? Q.tabQuotes : Q.tabInvoices
144
- })]
145
- }),
146
- minSize: 180
147
- },
148
- {
149
- accessorKey: "customerLabel",
150
- enableSorting: !0,
151
- header: ({ column: e }) => /* @__PURE__ */ b(j, {
152
- column: e,
153
- label: Q.columnCustomer,
154
- ariaLabel: Q.sortByCustomer
155
- }),
156
- minSize: 180
157
- },
158
- {
159
- accessorKey: "status",
160
- header: ({ column: e }) => /* @__PURE__ */ b(j, {
161
- column: e,
162
- label: Q.columnStatus,
163
- ariaLabel: Q.sortByStatus
164
- }),
165
- cell: ({ row: e }) => /* @__PURE__ */ b(v, {
166
- status: e.original.status,
167
- tone: e.original.statusTone,
168
- labels: Q.statusBadge
169
- })
170
- },
171
- {
172
- accessorKey: "issueDateLabel",
173
- enableSorting: !0,
174
- header: ({ column: e }) => /* @__PURE__ */ b(j, {
175
- column: e,
176
- label: Q.columnIssueDate,
177
- ariaLabel: Q.sortByIssueDate
178
- })
179
- },
180
- {
181
- accessorKey: "dueDateLabel",
182
- enableSorting: !0,
183
- header: ({ column: e }) => /* @__PURE__ */ b(j, {
184
- column: e,
185
- label: Q.columnDueDate,
186
- ariaLabel: Q.sortByDueDate
187
- })
188
- },
189
- {
190
- accessorKey: "totalLabel",
191
- enableSorting: !0,
192
- header: ({ column: e }) => /* @__PURE__ */ b("div", {
193
- className: "ttw:flex ttw:justify-end",
194
- children: /* @__PURE__ */ b(j, {
195
- column: e,
196
- label: Q.columnTotal,
197
- ariaLabel: Q.sortByTotal
198
- })
199
- }),
200
- cell: ({ row: e }) => /* @__PURE__ */ b("div", {
201
- className: "ttw:text-right",
202
- children: e.original.totalLabel
203
- })
204
- },
205
- {
206
- accessorKey: "amountDueLabel",
207
- header: () => /* @__PURE__ */ b("div", {
208
- className: "ttw:text-right",
209
- children: Q.columnAmountDue
210
- }),
211
- cell: ({ row: e }) => /* @__PURE__ */ b("div", {
212
- className: "ttw:text-right",
213
- children: e.original.amountDueLabel
214
- })
215
- },
216
- {
217
- id: "actions",
218
- header: () => /* @__PURE__ */ b("span", {
219
- className: "ttw:sr-only",
220
- children: Q.columnActions
221
- }),
222
- cell: ({ row: t }) => /* @__PURE__ */ b("div", {
223
- className: "ttw:flex ttw:justify-end",
224
- children: /* @__PURE__ */ x(n, { children: [/* @__PURE__ */ b(a, {
225
- asChild: !0,
226
- children: /* @__PURE__ */ b(e, {
227
- variant: "ghost",
228
- size: "icon-sm",
229
- "aria-label": Q.columnActions,
230
- onClick: (e) => e.stopPropagation(),
231
- children: /* @__PURE__ */ b(T, { className: "ttw:size-4" })
232
- })
233
- }), /* @__PURE__ */ x(r, {
234
- align: "end",
235
- children: [
236
- /* @__PURE__ */ b(N, {
237
- enabled: t.original.actions.edit,
238
- label: Q.actionEdit,
239
- action: "edit",
240
- row: t.original,
241
- onActionClick: Y
242
- }),
243
- /* @__PURE__ */ b(N, {
244
- enabled: t.original.actions.issue,
245
- label: Q.actionIssue,
246
- action: "issue",
247
- row: t.original,
248
- onActionClick: Y
249
- }),
250
- /* @__PURE__ */ b(N, {
251
- enabled: t.original.actions.send,
252
- label: Q.actionSend,
253
- action: "send",
254
- row: t.original,
255
- onActionClick: Y
256
- }),
257
- /* @__PURE__ */ b(N, {
258
- enabled: t.original.actions.recordPayment,
259
- label: Q.actionRecordPayment,
260
- action: "recordPayment",
261
- row: t.original,
262
- onActionClick: Y
263
- }),
264
- /* @__PURE__ */ b(N, {
265
- enabled: t.original.actions.markPaid,
266
- label: Q.actionMarkPaid,
267
- action: "markPaid",
268
- row: t.original,
269
- onActionClick: Y
270
- }),
271
- /* @__PURE__ */ b(N, {
272
- enabled: t.original.actions.markUncollectible,
273
- label: Q.actionMarkUncollectible,
274
- action: "markUncollectible",
275
- row: t.original,
276
- onActionClick: Y
277
- }),
278
- /* @__PURE__ */ b(N, {
279
- enabled: t.original.actions.accept,
280
- label: Q.actionAccept,
281
- action: "accept",
282
- row: t.original,
283
- onActionClick: Y
284
- }),
285
- /* @__PURE__ */ b(N, {
286
- enabled: t.original.actions.decline,
287
- label: Q.actionDecline,
288
- action: "decline",
289
- row: t.original,
290
- onActionClick: Y
291
- }),
292
- /* @__PURE__ */ b(N, {
293
- enabled: t.original.actions.cancel,
294
- label: Q.actionCancel,
295
- action: "cancel",
296
- row: t.original,
297
- onActionClick: Y
298
- }),
299
- /* @__PURE__ */ b(N, {
300
- enabled: t.original.actions.clone,
301
- label: Q.actionClone,
302
- action: "clone",
303
- row: t.original,
304
- onActionClick: Y
305
- }),
306
- /* @__PURE__ */ b(N, {
307
- enabled: t.original.actions.delete,
308
- label: Q.actionDelete,
309
- action: "delete",
310
- row: t.original,
311
- onActionClick: Y,
312
- variant: "destructive"
313
- })
314
- ]
315
- })] })
316
- }),
317
- size: 72
318
- }
319
- ],
320
- data: i,
321
- isLoading: l,
322
- sorting: d,
323
- onSortingChange: S,
324
- pageSize: C,
325
- onPageSizeChange: w,
326
- pageSizeOptions: D,
327
- pageInfo: A,
328
- hasNextPage: P,
329
- hasPrevPage: F,
330
- onNextPage: I,
331
- onPrevPage: L,
332
- onRowClick: J,
333
- rowAriaLabel: (e) => Q.openRow(e.documentLabel),
334
- filterComponent: /* @__PURE__ */ b(M, {
335
- labels: Q,
336
- searchValue: R,
337
- onSearchChange: z,
338
- statusFilter: B,
339
- statusOptions: V,
340
- onStatusFilterChange: H
341
- }),
342
- children: /* @__PURE__ */ b(h, {
343
- title: G ? Q.filterEmptyTitle : Q.emptyTitle,
344
- description: G ? Q.filterEmptyDescription : Q.emptyDescription,
345
- actionLabel: G ? void 0 : Q.emptyAction,
346
- onAction: G ? void 0 : K
347
- })
348
- })
349
- ]
350
- });
351
- }
352
- //#endregion
353
- export { F as ReceivablesScreen, F as default };
1
+ import "./index12.js";
2
+ import "./index44.js";
3
+ import "./index46.js";