@tesouro/embedded-components-react 0.5.219 → 0.5.222

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 (36) hide show
  1. package/dist/index.css +87 -0
  2. package/dist/index.d.ts +26 -0
  3. package/dist/index.js +1 -1
  4. package/dist/lib/ReceivablesWidget.d.ts +26 -0
  5. package/dist/lib/ReceivablesWidget.js +1 -1
  6. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index.js +2 -2
  7. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index12.js +22 -1
  8. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index.js +1 -1
  9. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index13.js +18 -1
  10. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index23.js +219 -453
  11. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index24.js +29 -67
  12. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index25.js +458 -99
  13. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index26.js +40 -310
  14. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index27.js +43 -0
  15. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index28.js +82 -0
  16. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index29.js +121 -0
  17. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index30.js +317 -0
  18. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index9.js +30 -27
  19. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index.js +17 -15
  20. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index13.js +6 -6
  21. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index28.js +2 -28
  22. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index29.js +4 -236
  23. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index30.js +0 -2
  24. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js +90 -239
  25. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index32.js +24 -89
  26. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index33.js +223 -331
  27. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index34.js +3 -0
  28. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index35.js +249 -0
  29. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index36.js +93 -0
  30. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index37.js +59 -0
  31. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index38.js +353 -0
  32. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index4.js +8 -7
  33. package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/useMyEntityQuery.js +8 -8
  34. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  35. package/package.json +1 -1
  36. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index27.js +0 -100
@@ -1,236 +1,4 @@
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 "./index3.js";
3
- import { CreationModeOption as m } from "./index28.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/index29.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",
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
- ]
231
- })
232
- ]
233
- });
234
- }
235
- //#endregion
236
- export { y as ReceivableRecurrenceSection, y as default };
1
+ import "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import "./index28.js";
3
+ import "react/jsx-runtime";
4
+ import "lucide-react";
@@ -1,3 +1 @@
1
- import "./index3.js";
2
- import "./index27.js";
3
1
  import "./index29.js";
@@ -1,249 +1,100 @@
1
- import { Button as e, Input as t, Label as n, RadioGroup as r, RadioGroupItem as i, Switch as a, Typography as o } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import { RECEIVABLE_FORM_SHEET_LABELS_EN as s } from "./index4.js";
3
- import { Fragment as c } from "react";
4
- import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
5
- import { PlusIcon as f } from "lucide-react";
1
+ import { Button as e, Dialog as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogTitle as o, Field as s, FieldContent as c, FieldLabel as l, Input as u, InputTags as d, Textarea as f, Typography as p } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { RECEIVABLE_RECURRENCE_EMAIL_DIALOG_LABELS_EN as m } from "./index3.js";
3
+ import { jsx as h, jsxs as g } from "react/jsx-runtime";
6
4
  //#region ../../libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index31.js
7
- function p(e) {
8
- e.key === "Enter" && e.preventDefault();
9
- }
10
- var m = "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2";
11
- function h({ id: e, value: t, label: r }) {
12
- return /* @__PURE__ */ d("li", {
13
- className: "ttw:flex ttw:items-center ttw:gap-2",
14
- children: [/* @__PURE__ */ u(i, {
15
- value: t,
16
- id: e
17
- }), /* @__PURE__ */ u(n, {
18
- htmlFor: e,
19
- className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
20
- children: r
21
- })]
22
- });
23
- }
24
- function g({ idPrefix: e, options: t, selectedId: n, noneLabel: i, onSelect: a }) {
25
- return /* @__PURE__ */ u(r, {
26
- className: "ttw:contents",
27
- value: n,
28
- onValueChange: a,
29
- children: /* @__PURE__ */ d("ul", {
30
- className: "ttw:flex ttw:flex-col ttw:gap-3",
31
- children: [/* @__PURE__ */ u(h, {
32
- id: `${e}-none`,
33
- value: "",
34
- label: i
35
- }), t.map((t) => /* @__PURE__ */ u(h, {
36
- id: `${e}-${t.value}`,
37
- value: t.value,
38
- label: t.label
39
- }, t.value))]
40
- })
41
- });
42
- }
43
- function _({ direction: e, directionClassName: t, labels: n }) {
44
- return /* @__PURE__ */ d(o, {
45
- variant: "body2",
46
- children: [
47
- n.reminderNumberOfDays,
48
- " ",
49
- /* @__PURE__ */ u("span", {
50
- className: t,
51
- children: e
52
- }),
53
- " ",
54
- n.reminderDueDate
55
- ]
56
- });
57
- }
58
- function v({ idPrefix: n, view: r, labels: i, onSelect: a, onInputChange: s, onSave: c }) {
59
- let { create: l } = r, f = `${n}-error`;
60
- return /* @__PURE__ */ d("div", {
61
- className: m,
62
- children: [
63
- /* @__PURE__ */ u(_, {
64
- direction: i.reminderBefore,
65
- directionClassName: "ttw:text-green-700 ttw:font-bold",
66
- labels: i
67
- }),
68
- /* @__PURE__ */ u(g, {
69
- idPrefix: `${n}-option`,
70
- options: r.options,
71
- selectedId: r.selectedId,
72
- noneLabel: i.reminderNone,
73
- onSelect: a
74
- }),
75
- l && /* @__PURE__ */ d("div", {
76
- className: "ttw:flex ttw:flex-col ttw:gap-2.5",
77
- children: [
78
- l.caption && /* @__PURE__ */ u(o, {
79
- variant: "caption",
80
- color: "muted",
81
- children: l.caption
82
- }),
83
- /* @__PURE__ */ d("div", {
84
- className: "ttw:flex ttw:items-center ttw:gap-2.5",
85
- children: [
86
- /* @__PURE__ */ u(t, {
87
- type: "text",
88
- inputMode: "numeric",
89
- value: l.value,
90
- onChange: (e) => s(e.target.value),
91
- onKeyDown: p,
92
- disabled: l.inputDisabled,
93
- className: "ttw:text-right ttw:w-full ttw:p-1.5 ttw:max-w-56",
94
- placeholder: i.reminderPlaceholder,
95
- "aria-label": i.reminderBeforeDueInputLabel,
96
- "aria-invalid": !!l.error,
97
- "aria-describedby": l.error ? f : void 0
98
- }),
99
- /* @__PURE__ */ u(o, {
100
- variant: "body2",
101
- children: l.unitLabel
102
- }),
103
- /* @__PURE__ */ u(e, {
104
- type: "button",
105
- variant: "secondary",
106
- className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
107
- disabled: l.saveDisabled,
108
- loading: l.isSaving,
109
- onClick: c,
110
- children: i.reminderSaveButton
111
- })
112
- ]
113
- }),
114
- l.error && /* @__PURE__ */ u(o, {
115
- id: f,
116
- variant: "caption",
117
- color: "destructive",
118
- children: l.error
119
- })
120
- ]
121
- }),
122
- r.warning && /* @__PURE__ */ u(o, {
123
- variant: "body2",
124
- className: "ttw:text-amber-700",
125
- children: r.warning
126
- })
127
- ]
128
- });
129
- }
130
- function y({ idPrefix: n, view: r, labels: i, onSelect: a, onTermChange: s, onAddTerm: l, onClear: h, onSave: v }) {
131
- let { create: y } = r;
132
- return /* @__PURE__ */ d("div", {
133
- className: m,
134
- children: [
135
- /* @__PURE__ */ u(_, {
136
- direction: i.reminderAfter,
137
- directionClassName: "ttw:text-destructive ttw:font-bold",
138
- labels: i
139
- }),
140
- /* @__PURE__ */ u(g, {
141
- idPrefix: `${n}-option`,
142
- options: r.options,
143
- selectedId: r.selectedId,
144
- noneLabel: i.reminderNone,
145
- onSelect: a
146
- }),
147
- y && /* @__PURE__ */ d("div", {
148
- className: "ttw:flex ttw:flex-col ttw:gap-2.5",
5
+ function _({ idPrefix: _, view: v, onOpenChange: y, onChange: b, onSave: x, labels: S }) {
6
+ let C = {
7
+ ...m,
8
+ ...S
9
+ }, w = {
10
+ to: `${_}-recipients-to`,
11
+ cc: `${_}-recipients-cc`,
12
+ bcc: `${_}-recipients-bcc`,
13
+ subject: `${_}-subject`,
14
+ message: `${_}-message`
15
+ };
16
+ return /* @__PURE__ */ h(t, {
17
+ open: v.open,
18
+ onOpenChange: y,
19
+ children: /* @__PURE__ */ g(n, {
20
+ className: "ttw:sm:max-w-lg",
21
+ children: [/* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(o, { children: C.recurrenceEmailTitle }), /* @__PURE__ */ h(r, { children: C.recurrenceEmailDescription })] }), v.ready && /* @__PURE__ */ g("form", {
22
+ className: "ttw:flex ttw:flex-col ttw:gap-4",
23
+ onSubmit: (e) => {
24
+ e.preventDefault(), e.stopPropagation(), v.saveDisabled || x();
25
+ },
149
26
  children: [
150
- /* @__PURE__ */ u(o, {
27
+ /* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
28
+ htmlFor: w.to,
29
+ children: C.recurrenceEmailTo
30
+ }), /* @__PURE__ */ h(d, {
31
+ id: w.to,
32
+ value: v.to,
33
+ onChange: (e) => b("to", e),
34
+ inputValue: v.toInput,
35
+ onInputValueChange: (e) => b("toInput", e),
36
+ removeTagLabel: v.removeRecipientLabel,
37
+ placeholder: v.showToPlaceholder ? C.recurrenceEmailRecipientPlaceholder : void 0
38
+ })] }) }),
39
+ /* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
40
+ htmlFor: w.cc,
41
+ children: C.recurrenceEmailCc
42
+ }), /* @__PURE__ */ h(d, {
43
+ id: w.cc,
44
+ value: v.cc,
45
+ onChange: (e) => b("cc", e),
46
+ inputValue: v.ccInput,
47
+ onInputValueChange: (e) => b("ccInput", e),
48
+ removeTagLabel: v.removeRecipientLabel
49
+ })] }) }),
50
+ /* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
51
+ htmlFor: w.bcc,
52
+ children: C.recurrenceEmailBcc
53
+ }), /* @__PURE__ */ h(d, {
54
+ id: w.bcc,
55
+ value: v.bcc,
56
+ onChange: (e) => b("bcc", e),
57
+ inputValue: v.bccInput,
58
+ onInputValueChange: (e) => b("bccInput", e),
59
+ removeTagLabel: v.removeRecipientLabel
60
+ })] }) }),
61
+ /* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
62
+ htmlFor: w.subject,
63
+ children: C.recurrenceEmailSubject
64
+ }), /* @__PURE__ */ h(u, {
65
+ id: w.subject,
66
+ value: v.subject,
67
+ onChange: (e) => b("subject", e.target.value)
68
+ })] }) }),
69
+ /* @__PURE__ */ h(s, { children: /* @__PURE__ */ g(c, { children: [/* @__PURE__ */ h(l, {
70
+ htmlFor: w.message,
71
+ children: C.recurrenceEmailMessage
72
+ }), /* @__PURE__ */ h(f, {
73
+ id: w.message,
74
+ rows: 5,
75
+ placeholder: C.recurrenceEmailMessagePlaceholder,
76
+ value: v.message,
77
+ onChange: (e) => b("message", e.target.value)
78
+ })] }) }),
79
+ /* @__PURE__ */ h(p, {
151
80
  variant: "caption",
152
81
  color: "muted",
153
- children: y.caption
82
+ children: C.recurrenceEmailFootnote
154
83
  }),
155
- /* @__PURE__ */ d("div", {
156
- className: "ttw:flex ttw:items-center ttw:gap-2.5",
157
- children: [y.terms.map((e, n) => /* @__PURE__ */ d(c, { children: [/* @__PURE__ */ u(t, {
158
- type: "text",
159
- inputMode: "numeric",
160
- value: e.value,
161
- onChange: (e) => s(n, e.target.value),
162
- onKeyDown: p,
163
- disabled: y.inputsDisabled,
164
- className: "ttw:text-right ttw:w-15 ttw:p-1.5",
165
- placeholder: e.showPlaceholder ? i.reminderPlaceholder : void 0,
166
- "aria-label": e.ariaLabel
167
- }), /* @__PURE__ */ u(o, {
168
- variant: "body2",
169
- children: e.unitLabel
170
- })] }, n)), y.showAddTerm && /* @__PURE__ */ d(e, {
171
- type: "button",
172
- variant: "ghost",
173
- className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary",
174
- disabled: y.addTermDisabled,
175
- onClick: l,
176
- children: [/* @__PURE__ */ u(f, {}), i.reminderAddTermButton]
177
- })]
178
- }),
179
- /* @__PURE__ */ d("div", {
180
- className: "ttw:flex ttw:items-center ttw:gap-2.5",
181
- children: [/* @__PURE__ */ u(e, {
182
- type: "button",
183
- variant: "ghost",
184
- className: "ttw:text-xs",
185
- disabled: y.clearDisabled,
186
- onClick: h,
187
- children: i.reminderClearButton
188
- }), /* @__PURE__ */ u(e, {
189
- type: "button",
190
- variant: "secondary",
191
- className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs",
192
- disabled: y.saveDisabled,
193
- loading: y.isSaving,
194
- onClick: v,
195
- children: i.reminderSaveButton
196
- })]
197
- })
84
+ /* @__PURE__ */ g(i, { children: [/* @__PURE__ */ h(e, {
85
+ type: "button",
86
+ variant: "outline",
87
+ onClick: () => y(!1),
88
+ children: C.recurrenceEmailCancel
89
+ }), /* @__PURE__ */ h(e, {
90
+ type: "submit",
91
+ disabled: v.saveDisabled,
92
+ children: C.recurrenceEmailSave
93
+ })] })
198
94
  ]
199
- })
200
- ]
201
- });
202
- }
203
- function b({ idPrefix: e, view: t, onToggle: n, onPaymentReminderSelect: r, onOverdueReminderSelect: i, onBeforeDueInputChange: c, onBeforeDueSave: f, onOverdueTermChange: p, onOverdueAddTerm: m, onOverdueClear: h, onOverdueSave: g, labels: _ }) {
204
- let b = {
205
- ...s,
206
- ..._
207
- }, { cards: x } = t;
208
- return /* @__PURE__ */ d("section", {
209
- className: "ttw:flex ttw:flex-col ttw:gap-6",
210
- children: [/* @__PURE__ */ d("div", {
211
- className: "ttw:flex ttw:items-center ttw:gap-3",
212
- children: [/* @__PURE__ */ u(a, {
213
- checked: t.checked,
214
- disabled: t.toggleDisabled,
215
- onCheckedChange: n,
216
- "aria-label": b.remindersToggleLabel
217
- }), /* @__PURE__ */ u(o, {
218
- variant: "body2",
219
- children: b.remindersDescription
220
95
  })]
221
- }), x && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
222
- className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:w-full ttw:xl:flex-row",
223
- children: [x.beforeDue && /* @__PURE__ */ u(v, {
224
- idPrefix: `${e}-before`,
225
- view: x.beforeDue,
226
- labels: b,
227
- onSelect: r,
228
- onInputChange: c,
229
- onSave: f
230
- }), /* @__PURE__ */ u(y, {
231
- idPrefix: `${e}-overdue`,
232
- view: x.overdue,
233
- labels: b,
234
- onSelect: i,
235
- onTermChange: p,
236
- onAddTerm: m,
237
- onClear: h,
238
- onSave: g
239
- })]
240
- }), /* @__PURE__ */ u(o, {
241
- variant: "body2",
242
- color: "muted",
243
- className: "ttw:font-medium",
244
- children: b.remindersLibraryNote
245
- })] })]
96
+ })
246
97
  });
247
98
  }
248
99
  //#endregion
249
- export { b as ReceivableRemindersSection };
100
+ export { _ as ReceivableRecurrenceEmailDialog, _ as default };