@tesouro/embedded-components-react 0.5.257 → 0.5.259

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 (64) hide show
  1. package/README.md +2 -1
  2. package/dist/fixtures/index.d.ts +1 -1
  3. package/dist/index.css +109 -9
  4. package/dist/index.d.ts +41 -10
  5. package/dist/lib/ReceivablesWidget.d.ts +41 -10
  6. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index.js +11 -10
  7. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index10.js +42 -94
  8. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index11.js +91 -76
  9. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index12.js +67 -173
  10. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index13.js +186 -17
  11. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index14.js +27 -0
  12. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index4.js +28 -72
  13. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index5.js +128 -53
  14. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index6.js +66 -28
  15. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index7.js +28 -34
  16. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index8.js +24 -168
  17. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index9.js +173 -44
  18. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/ReceivablesWidget.js +274 -267
  19. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/helpers.js +99 -95
  20. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/labels.js +1 -0
  21. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/paymentTerms.js +28 -25
  22. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/preview.js +49 -43
  23. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/unsavedChanges.js +13 -0
  24. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableActions.js +4 -4
  25. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableActionsModal.js +2 -2
  26. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableAttachmentUploads.js +1 -1
  27. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableBankAccount.js +77 -72
  28. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableDetails.js +4 -4
  29. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableForm.js +363 -295
  30. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableIssuePreflight.js +1 -1
  31. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablePaymentRecord.js +1 -1
  32. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablePreview.js +36 -21
  33. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableReminders.js +1 -1
  34. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivableStatusCards.js +1 -1
  35. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/lib/ReceivablesWidget/useReceivablesTable.js +1 -1
  36. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index.js +12 -10
  37. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index13.js +21 -14
  38. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index15.js +1 -1
  39. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index16.js +1 -1
  40. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index20.js +68 -64
  41. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index38.js +383 -379
  42. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index40.js +22 -0
  43. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index41.js +8 -2
  44. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index43.js +258 -1
  45. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index44.js +2 -100
  46. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index45.js +95 -23
  47. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index46.js +23 -231
  48. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index47.js +237 -3
  49. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index48.js +3 -249
  50. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index49.js +234 -78
  51. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index50.js +87 -53
  52. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index51.js +49 -349
  53. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index52.js +359 -0
  54. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index53.js +45 -0
  55. package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/index.js +40 -40
  56. package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js +247 -214
  57. package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/sdk.gen.js +175 -147
  58. package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/rest/zod.gen.js +1 -1
  59. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  60. package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/feature/dist/index.js +12 -12
  61. package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index2.js +2 -1
  62. package/dist/libs/tesouro-embedded-components-react/shared/product-catalog/ui/dist/index6.js +109 -89
  63. package/package.json +1 -1
  64. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index42.js +0 -4
@@ -1,236 +1,28 @@
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";
1
+ import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
+ import { FileIcon as r, MailXIcon as i, SendIcon as a } from "lucide-react";
5
4
  //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index46.js
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",
5
+ var o = {
6
+ issue_and_send: a,
7
+ issue: i,
8
+ draft: r
9
+ };
10
+ function s({ option: r }) {
11
+ let i = o[r.value];
12
+ return /* @__PURE__ */ n("div", {
13
+ className: "ttw:flex ttw:items-center ttw:gap-3",
14
+ children: [/* @__PURE__ */ t(i, { className: "ttw:size-5 ttw:shrink-0 ttw:text-muted-foreground" }), /* @__PURE__ */ n("div", {
15
+ className: "ttw:flex ttw:flex-col ttw:text-left",
16
+ children: [/* @__PURE__ */ t(e, {
17
+ variant: "body2",
18
+ children: r.title
19
+ }), /* @__PURE__ */ t(e, {
20
+ variant: "body2",
171
21
  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
- ]
231
- })
232
- ]
22
+ children: r.description
23
+ })]
24
+ })]
233
25
  });
234
26
  }
235
27
  //#endregion
236
- export { y as ReceivableRecurrenceSection, y as default };
28
+ export { s as CreationModeOption };
@@ -1,3 +1,237 @@
1
- import "./index12.js";
2
- import "./index44.js";
3
- import "./index46.js";
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 "./index46.js";
4
+ import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
5
+ //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index47.js
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
+ className: "ttw:flex-row-reverse ttw:justify-between ttw:text-foreground ttw:[&>svg]:mr-0"
34
+ })
35
+ }), R = (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(r, {
36
+ id: P.occurrences,
37
+ className: "ttw:w-16",
38
+ type: "text",
39
+ inputMode: "numeric",
40
+ value: e.value,
41
+ disabled: x,
42
+ "aria-invalid": e.invalid || void 0,
43
+ "aria-describedby": F?.maxOccurrencesError ? `${P.occurrences}-error` : void 0,
44
+ onChange: (e) => O(e.target.value)
45
+ }), /* @__PURE__ */ g(i, {
46
+ htmlFor: P.occurrences,
47
+ className: v,
48
+ children: e.unitLabel
49
+ })] });
50
+ return /* @__PURE__ */ _("section", {
51
+ className: "ttw:flex ttw:flex-col ttw:gap-2.5",
52
+ children: [
53
+ /* @__PURE__ */ _("div", {
54
+ className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
55
+ children: [
56
+ /* @__PURE__ */ g(i, {
57
+ htmlFor: P.frequency,
58
+ className: v,
59
+ children: N.recurrenceRepeatLabel
60
+ }),
61
+ /* @__PURE__ */ _(a, {
62
+ value: b.frequency.value,
63
+ disabled: x || b.frequency.disabled,
64
+ onValueChange: S,
65
+ children: [/* @__PURE__ */ g(l, {
66
+ id: P.frequency,
67
+ className: "ttw:w-31",
68
+ children: /* @__PURE__ */ g(u, {})
69
+ }), /* @__PURE__ */ g(o, { children: b.frequency.options.map((e) => /* @__PURE__ */ g(s, {
70
+ value: e.value,
71
+ children: e.label
72
+ }, e.value)) })]
73
+ }),
74
+ b.monthDay && /* @__PURE__ */ _(h, { children: [
75
+ /* @__PURE__ */ g(i, {
76
+ htmlFor: P.monthDay,
77
+ className: v,
78
+ children: N.recurrenceMonthDayLead
79
+ }),
80
+ /* @__PURE__ */ _(a, {
81
+ value: b.monthDay.value,
82
+ disabled: x || b.monthDay.disabled,
83
+ onValueChange: C,
84
+ children: [/* @__PURE__ */ g(l, {
85
+ id: P.monthDay,
86
+ className: "ttw:w-fit ttw:min-w-21",
87
+ "aria-invalid": b.monthDay.invalid || void 0,
88
+ children: /* @__PURE__ */ g(u, {})
89
+ }), /* @__PURE__ */ _(o, { children: [
90
+ b.monthDay.edgeOptions.map((e) => /* @__PURE__ */ g(s, {
91
+ value: e.value,
92
+ children: e.label
93
+ }, e.value)),
94
+ /* @__PURE__ */ g(c, {}),
95
+ b.monthDay.dayOptions.map((e) => /* @__PURE__ */ g(s, {
96
+ value: e.value,
97
+ children: e.label
98
+ }, e.value))
99
+ ] })]
100
+ }),
101
+ /* @__PURE__ */ g(d, {
102
+ variant: "body2",
103
+ color: "muted",
104
+ component: "span",
105
+ className: "ttw:text-nowrap",
106
+ children: N.recurrenceMonthDayTrail
107
+ })
108
+ ] }),
109
+ b.weekday && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, {
110
+ variant: "body2",
111
+ color: "muted",
112
+ component: "span",
113
+ children: N.recurrenceWeekdayLead
114
+ }), /* @__PURE__ */ g("div", {
115
+ 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"),
116
+ children: b.weekday.options.map((e, t, n) => /* @__PURE__ */ g("button", {
117
+ type: "button",
118
+ disabled: x || b.weekday?.disabled,
119
+ "aria-pressed": e.pressed,
120
+ onClick: () => w(e.value),
121
+ 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"),
122
+ children: e.label
123
+ }, e.value))
124
+ })] })
125
+ ]
126
+ }),
127
+ F && /* @__PURE__ */ _("div", {
128
+ className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2.5",
129
+ children: [
130
+ /* @__PURE__ */ g(i, {
131
+ htmlFor: P.startDate,
132
+ className: v,
133
+ children: N.recurrenceStartOnLabel
134
+ }),
135
+ L(P.startDate, F.start, T),
136
+ F.end.kind === "choice" ? /* @__PURE__ */ _(h, { children: [
137
+ /* @__PURE__ */ g(i, {
138
+ htmlFor: P.endMode,
139
+ className: v,
140
+ children: N.recurrenceEndChoiceLead
141
+ }),
142
+ /* @__PURE__ */ _(a, {
143
+ value: F.end.mode.value,
144
+ disabled: x,
145
+ onValueChange: E,
146
+ children: [/* @__PURE__ */ g(l, {
147
+ id: P.endMode,
148
+ className: "ttw:w-21",
149
+ "aria-invalid": F.end.mode.invalid || void 0,
150
+ children: /* @__PURE__ */ g(u, {})
151
+ }), /* @__PURE__ */ g(o, { children: F.end.mode.options.map((e) => /* @__PURE__ */ g(s, {
152
+ value: e.value,
153
+ children: e.label
154
+ }, e.value)) })]
155
+ }),
156
+ F.end.date && L(P.endDate, F.end.date, D),
157
+ F.end.occurrences && R(F.end.occurrences)
158
+ ] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(i, {
159
+ htmlFor: P.occurrences,
160
+ className: v,
161
+ children: N.recurrenceEndCountLead
162
+ }), R(F.end.occurrences)] })
163
+ ]
164
+ }),
165
+ F?.maxOccurrencesError && /* @__PURE__ */ g(n, {
166
+ id: `${P.occurrences}-error`,
167
+ errors: [{ message: F.maxOccurrencesError }]
168
+ }),
169
+ j,
170
+ b.lastDayCaption && /* @__PURE__ */ g(d, {
171
+ variant: "caption",
172
+ color: "muted",
173
+ children: b.lastDayCaption
174
+ }),
175
+ I && /* @__PURE__ */ _("div", {
176
+ className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:pt-1.5",
177
+ children: [
178
+ /* @__PURE__ */ g(i, {
179
+ htmlFor: P.creationMode,
180
+ children: /* @__PURE__ */ _(d, {
181
+ variant: "body2",
182
+ component: "span",
183
+ className: "ttw:block",
184
+ children: [
185
+ N.recurrenceCreationModeQuestion,
186
+ " ",
187
+ /* @__PURE__ */ g(d, {
188
+ variant: "body2",
189
+ component: "span",
190
+ color: "muted",
191
+ children: N.recurrenceCreationModeHint
192
+ })
193
+ ]
194
+ })
195
+ }),
196
+ /* @__PURE__ */ _(a, {
197
+ value: I.value,
198
+ disabled: x,
199
+ onValueChange: (e) => k(e),
200
+ children: [/* @__PURE__ */ g(l, {
201
+ id: P.creationMode,
202
+ "aria-invalid": !!I.emailError || void 0,
203
+ "aria-describedby": I.emailError ? P.emailError : void 0,
204
+ className: "ttw:h-auto! ttw:w-full ttw:py-2.5 ttw:*:data-[slot=select-value]:line-clamp-none",
205
+ children: /* @__PURE__ */ g(u, {})
206
+ }), /* @__PURE__ */ g(o, { children: I.options.map((e) => /* @__PURE__ */ g(s, {
207
+ value: e.value,
208
+ children: /* @__PURE__ */ g(m, { option: e })
209
+ }, e.value)) })]
210
+ }),
211
+ I.emailSummary !== void 0 && /* @__PURE__ */ _("div", {
212
+ className: "ttw:flex ttw:items-center ttw:gap-2",
213
+ children: [/* @__PURE__ */ g(d, {
214
+ variant: "body2",
215
+ color: "muted",
216
+ className: "ttw:truncate",
217
+ children: I.emailSummary
218
+ }), /* @__PURE__ */ g(e, {
219
+ type: "button",
220
+ variant: "link",
221
+ className: "ttw:h-auto ttw:p-0",
222
+ disabled: x,
223
+ onClick: A,
224
+ children: N.recurrenceSetUpEmail
225
+ })]
226
+ }),
227
+ I.emailError && /* @__PURE__ */ g(n, {
228
+ id: P.emailError,
229
+ errors: [{ message: I.emailError }]
230
+ })
231
+ ]
232
+ })
233
+ ]
234
+ });
235
+ }
236
+ //#endregion
237
+ export { y as ReceivableRecurrenceSection, y as default };