@tesouro/embedded-components-react 0.2.280 → 0.2.282

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 (112) hide show
  1. package/README.md +17 -14
  2. package/dist/experimental/WidgetSuite.d.ts +9 -1
  3. package/dist/experimental/index.d.ts +9 -1
  4. package/dist/index.css +20 -6
  5. package/dist/index.d.ts +46 -23
  6. package/dist/index.js +54 -53
  7. package/dist/lib/AcceptDisclosuresWidget.d.ts +9 -1
  8. package/dist/lib/BalancesWidget.d.ts +8 -0
  9. package/dist/lib/BankAccountOnboardingWidget.d.ts +9 -1
  10. package/dist/lib/BankAccountsWidget.d.ts +9 -1
  11. package/dist/lib/BillPayWidget.d.ts +8 -0
  12. package/dist/lib/BillPayWidget.js +1 -1
  13. package/dist/lib/CardDetailsWidget.d.ts +9 -1
  14. package/dist/lib/CardsWidget.d.ts +9 -1
  15. package/dist/lib/ChartOfAccountsWidget.d.ts +9 -1
  16. package/dist/lib/CounterpartsWidget.d.ts +9 -1
  17. package/dist/lib/CreateCardWidget.d.ts +9 -1
  18. package/dist/lib/ExpenseApprovalPoliciesWidget.d.ts +9 -1
  19. package/dist/lib/ExpenseManagementWidget.d.ts +9 -1
  20. package/dist/lib/ExpenseRequirementsWidget.d.ts +9 -1
  21. package/dist/lib/HelpWidget.d.ts +9 -1
  22. package/dist/lib/InsightsWidget.d.ts +8 -0
  23. package/dist/lib/InvoicingWidget.d.ts +9 -1
  24. package/dist/lib/LinkedAccountsWidget.d.ts +9 -1
  25. package/dist/lib/ProductsWidget.d.ts +9 -1
  26. package/dist/lib/ProfileWidget.d.ts +9 -1
  27. package/dist/lib/ReceiptMatchWidget.d.ts +9 -1
  28. package/dist/lib/ReceivablesWidget.d.ts +9 -1
  29. package/dist/lib/SettingsWidget.d.ts +9 -1
  30. package/dist/lib/TagsWidget.d.ts +9 -1
  31. package/dist/lib/TeamWidget.d.ts +9 -1
  32. package/dist/lib/TransfersWidget.d.ts +8 -0
  33. package/dist/lib/WidgetProvider.d.ts +25 -2
  34. package/dist/lib/WidgetProvider.js +8 -7
  35. package/dist/lib/WidgetProviderPublic.d.ts +8 -0
  36. package/dist/libs/tesouro-embedded-components-react/accept-disclosures-widget/feature/dist/index4.js +3 -2
  37. package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index17.js +54 -53
  38. package/dist/libs/tesouro-embedded-components-react/bank-accounts-widget/feature/dist/index8.js +3 -2
  39. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index.js +9 -5
  40. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index10.js +42 -39
  41. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index12.js +69 -54
  42. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index14.js +21 -2
  43. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index15.js +46 -40
  44. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index16.js +81 -1
  45. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index17.js +46 -47
  46. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index18.js +3 -11
  47. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index19.js +2 -8
  48. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index2.js +5 -3
  49. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index20.js +43 -5
  50. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index21.js +1 -102
  51. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index22.js +11 -3
  52. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index23.js +9 -6
  53. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index24.js +4 -5
  54. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index25.js +127 -76
  55. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index27.js +6 -6
  56. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index28.js +7 -111
  57. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index29.js +85 -1
  58. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index3.js +16 -12
  59. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index30.js +2 -24
  60. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index31.js +8 -0
  61. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index32.js +114 -0
  62. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index33.js +1 -0
  63. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index34.js +25 -0
  64. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index5.js +50 -49
  65. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index6.js +1 -1
  66. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index7.js +25 -12
  67. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index8.js +86 -69
  68. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index9.js +2 -1
  69. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index.js +7 -7
  70. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index13.js +17 -16
  71. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index16.js +1 -0
  72. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index21.js +1 -1
  73. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index22.js +89 -124
  74. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index24.js +2 -1
  75. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index25.js +31 -26
  76. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index27.js +1 -1
  77. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js +80 -77
  78. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js +20 -4
  79. package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index37.js +228 -6
  80. package/dist/libs/tesouro-embedded-components-react/card-details-widget/feature/dist/index6.js +3 -2
  81. package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js +3 -2
  82. package/dist/libs/tesouro-embedded-components-react/counterparts-widget/feature/dist/index8.js +3 -2
  83. package/dist/libs/tesouro-embedded-components-react/create-card-widget/feature/dist/index7.js +30 -29
  84. package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js +2 -1
  85. package/dist/libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index3.js +3 -2
  86. package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/feature/dist/lib/ReceiptMatchWidget.js +7 -6
  87. package/dist/libs/tesouro-embedded-components-react/expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js +2 -1
  88. package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/feature/dist/index8.js +5 -4
  89. package/dist/libs/tesouro-embedded-components-react/help-widget/feature/dist/index3.js +3 -2
  90. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index12.js +3 -2
  91. package/dist/libs/tesouro-embedded-components-react/invoicing-widget/feature/dist/index3.js +5 -4
  92. package/dist/libs/tesouro-embedded-components-react/linked-accounts-widget/feature/dist/index9.js +3 -2
  93. package/dist/libs/tesouro-embedded-components-react/products-widget/feature/dist/index8.js +3 -2
  94. package/dist/libs/tesouro-embedded-components-react/profile-widget/feature/dist/index4.js +3 -2
  95. package/dist/libs/tesouro-embedded-components-react/settings-widget/feature/dist/index6.js +3 -2
  96. package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/index.js +6 -6
  97. package/dist/libs/tesouro-embedded-components-react/shared/data-access/dist/lib/reference-data/useLedgerAccountsQuery.js +53 -11
  98. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/index.js +5 -5
  99. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/RootWidgetProvider.js +69 -67
  100. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/WidgetProvider.js +158 -132
  101. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/hooks.js +7 -4
  102. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/isDisclosuresAcceptanceRequired.js +20 -0
  103. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/WidgetProvider/labels.js +6 -1
  104. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  105. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/index.js +9 -9
  106. package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/ErrorState/ErrorState.js +19 -18
  107. package/dist/libs/tesouro-embedded-components-react/tags-widget/feature/dist/index11.js +3 -2
  108. package/dist/libs/tesouro-embedded-components-react/team-widget/feature/dist/index17.js +3 -2
  109. package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index5.js +1 -1
  110. package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index6.js +3 -2
  111. package/dist/packages/shared-ui-shadcn/dist/index.js +3445 -3413
  112. package/package.json +1 -1
@@ -8,145 +8,148 @@ import "./index17.js";
8
8
  import { VendorSection as p } from "./index25.js";
9
9
  import "./index26.js";
10
10
  import { BILL_CREATE_SCREEN_LABELS_EN as m } from "./index27.js";
11
- import { jsx as h, jsxs as g } from "react/jsx-runtime";
12
- import { MoreVertical as _, X as v } from "lucide-react";
11
+ import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
12
+ import { MoreVertical as v, X as y } from "lucide-react";
13
13
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index28.js
14
- function y({ open: y, onOpenChange: b, title: x, subtitle: S, notice: C, vendor: w, values: T, errors: E, onChange: D, lineItems: O, documentPanel: k, menuItems: A, isLineItemsLoading: j, isSavingDraft: M, isFinalizing: N, onCancel: P, onSaveDraft: F, onFinalize: I, testId: L, labels: R }) {
15
- let z = {
14
+ function b({ open: b, onOpenChange: x, title: S, subtitle: C, notice: w, vendor: T, values: E, errors: D, onChange: O, lineItems: k, documentPanel: A, menuItems: j, readOnly: M, isLineItemsLoading: N, isSaving: P, isSavingDraft: F, isFinalizing: I, onCancel: L, onSaveDraft: R, onFinalize: z, testId: B, labels: V }) {
15
+ let H = {
16
16
  ...m,
17
- ...R,
17
+ ...V,
18
18
  vendorSection: {
19
19
  ...m.vendorSection,
20
- ...R?.vendorSection,
20
+ ...V?.vendorSection,
21
21
  summaryCard: {
22
22
  ...m.vendorSection.summaryCard,
23
- ...R?.vendorSection?.summaryCard
23
+ ...V?.vendorSection?.summaryCard
24
24
  },
25
25
  search: {
26
26
  ...m.vendorSection.search,
27
- ...R?.vendorSection?.search
27
+ ...V?.vendorSection?.search
28
28
  }
29
29
  },
30
30
  detailsFields: {
31
31
  ...m.detailsFields,
32
- ...R?.detailsFields
32
+ ...V?.detailsFields
33
33
  },
34
34
  lineItems: {
35
35
  ...m.lineItems,
36
- ...R?.lineItems
36
+ ...V?.lineItems
37
37
  }
38
38
  };
39
- return /* @__PURE__ */ h(t, {
40
- open: y,
41
- onOpenChange: (e) => e ? b(e) : P(),
42
- children: /* @__PURE__ */ g(n, {
39
+ return /* @__PURE__ */ g(t, {
40
+ open: b,
41
+ onOpenChange: x,
42
+ children: /* @__PURE__ */ _(n, {
43
43
  showCloseButton: !1,
44
44
  className: "ttw:flex ttw:h-[calc(100vh-3rem)] ttw:w-[calc(100vw-3rem)] ttw:max-w-[calc(100vw-3rem)] ttw:flex-col ttw:gap-0 ttw:p-0",
45
- "data-testid": L,
45
+ "data-testid": B,
46
46
  children: [
47
- /* @__PURE__ */ g(i, {
47
+ /* @__PURE__ */ _(i, {
48
48
  className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:border-b ttw:border-border ttw:px-6 ttw:py-4",
49
- children: [/* @__PURE__ */ g("div", {
49
+ children: [/* @__PURE__ */ _("div", {
50
50
  className: "ttw:flex ttw:flex-col ttw:gap-0.5",
51
51
  children: [
52
- /* @__PURE__ */ h(a, {
52
+ /* @__PURE__ */ g(a, {
53
53
  className: "ttw:text-xl ttw:font-semibold",
54
- children: x
54
+ children: S
55
55
  }),
56
- S ? /* @__PURE__ */ h("p", {
56
+ C ? /* @__PURE__ */ g("p", {
57
57
  className: "ttw:text-sm ttw:text-muted-foreground",
58
- children: S
58
+ children: C
59
59
  }) : null,
60
- /* @__PURE__ */ h(r, {
60
+ /* @__PURE__ */ g(r, {
61
61
  className: "ttw:sr-only",
62
- children: z.hiddenDescription
62
+ children: H.hiddenDescription
63
63
  })
64
64
  ]
65
- }), /* @__PURE__ */ g("div", {
65
+ }), /* @__PURE__ */ _("div", {
66
66
  className: "ttw:flex ttw:items-center ttw:gap-1",
67
- children: [A && A.length > 0 ? /* @__PURE__ */ g(o, { children: [/* @__PURE__ */ h(l, {
67
+ children: [j && j.length > 0 ? /* @__PURE__ */ _(o, { children: [/* @__PURE__ */ g(l, {
68
68
  asChild: !0,
69
- children: /* @__PURE__ */ h(e, {
69
+ children: /* @__PURE__ */ g(e, {
70
70
  type: "button",
71
71
  variant: "ghost",
72
72
  size: "icon",
73
- "aria-label": z.menuTrigger,
74
- children: /* @__PURE__ */ h(_, { className: "ttw:size-4" })
73
+ "aria-label": H.menuTrigger,
74
+ disabled: P,
75
+ children: /* @__PURE__ */ g(v, { className: "ttw:size-4" })
75
76
  })
76
- }), /* @__PURE__ */ h(s, {
77
+ }), /* @__PURE__ */ g(s, {
77
78
  align: "end",
78
- children: A.map((e) => /* @__PURE__ */ h(c, {
79
+ children: j.map((e) => /* @__PURE__ */ g(c, {
79
80
  variant: e.destructive ? "destructive" : void 0,
80
81
  onSelect: e.onSelect,
81
82
  children: e.label
82
83
  }, e.id))
83
- })] }) : null, /* @__PURE__ */ h(e, {
84
+ })] }) : null, /* @__PURE__ */ g(e, {
84
85
  type: "button",
85
86
  variant: "ghost",
86
87
  size: "icon",
87
- "aria-label": z.closeButton,
88
- onClick: P,
89
- children: /* @__PURE__ */ h(v, { className: "ttw:size-4" })
88
+ "aria-label": H.closeButton,
89
+ disabled: P,
90
+ onClick: L,
91
+ children: /* @__PURE__ */ g(y, { className: "ttw:size-4" })
90
92
  })]
91
93
  })]
92
94
  }),
93
- /* @__PURE__ */ g("div", {
95
+ /* @__PURE__ */ _("div", {
94
96
  className: "ttw:grid ttw:flex-1 ttw:grid-cols-2 ttw:overflow-hidden",
95
- children: [/* @__PURE__ */ g("div", {
97
+ children: [/* @__PURE__ */ _("div", {
96
98
  className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:overflow-y-auto ttw:px-6 ttw:py-6",
97
99
  children: [
98
- E?.form ? /* @__PURE__ */ h(u, { children: E.form }) : null,
99
- C,
100
- /* @__PURE__ */ h(p, {
101
- ...w,
102
- labels: z.vendorSection
100
+ D?.form ? /* @__PURE__ */ g(u, { children: D.form }) : null,
101
+ w,
102
+ /* @__PURE__ */ g(p, {
103
+ ...T,
104
+ onEdit: M ? void 0 : T.onEdit,
105
+ onClear: M ? void 0 : T.onClear,
106
+ disabled: M,
107
+ labels: H.vendorSection
103
108
  }),
104
- /* @__PURE__ */ h(d, {
105
- values: T,
106
- errors: E,
107
- onChange: D,
108
- labels: z.detailsFields
109
+ /* @__PURE__ */ g(d, {
110
+ values: E,
111
+ errors: D,
112
+ onChange: O,
113
+ disabled: M,
114
+ labels: H.detailsFields
109
115
  }),
110
- /* @__PURE__ */ h(f, {
111
- ...O,
112
- disabled: O.disabled || j,
113
- labels: z.lineItems
116
+ /* @__PURE__ */ g(f, {
117
+ ...k,
118
+ disabled: k.disabled || N || M,
119
+ labels: H.lineItems
114
120
  })
115
121
  ]
116
- }), /* @__PURE__ */ h("div", {
122
+ }), /* @__PURE__ */ g("div", {
117
123
  className: "ttw:overflow-y-auto ttw:bg-muted/30 ttw:px-6 ttw:py-6",
118
- children: k
124
+ children: A
119
125
  })]
120
126
  }),
121
- /* @__PURE__ */ g("div", {
127
+ /* @__PURE__ */ _("div", {
122
128
  className: "ttw:flex ttw:justify-end ttw:gap-2 ttw:border-t ttw:border-border ttw:px-6 ttw:py-4",
123
- children: [
124
- /* @__PURE__ */ h(e, {
125
- type: "button",
126
- variant: "ghost",
127
- onClick: P,
128
- children: z.cancelButton
129
- }),
130
- /* @__PURE__ */ h(e, {
131
- type: "button",
132
- variant: "secondary",
133
- onClick: F,
134
- loading: M,
135
- disabled: N || j,
136
- children: z.saveDraftButton
137
- }),
138
- /* @__PURE__ */ h(e, {
139
- type: "button",
140
- onClick: I,
141
- loading: N,
142
- disabled: M || j,
143
- children: z.finalizeButton
144
- })
145
- ]
129
+ children: [/* @__PURE__ */ g(e, {
130
+ type: "button",
131
+ variant: "ghost",
132
+ disabled: P,
133
+ onClick: L,
134
+ children: M ? H.closeButton : H.cancelButton
135
+ }), M ? null : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(e, {
136
+ type: "button",
137
+ variant: "secondary",
138
+ onClick: R,
139
+ loading: F,
140
+ disabled: I || N,
141
+ children: H.saveDraftButton
142
+ }), /* @__PURE__ */ g(e, {
143
+ type: "button",
144
+ onClick: z,
145
+ loading: I,
146
+ disabled: F || N,
147
+ children: H.finalizeButton
148
+ })] })]
146
149
  })
147
150
  ]
148
151
  })
149
152
  });
150
153
  }
151
154
  //#endregion
152
- export { y as BillCreateScreen, y as default };
155
+ export { b as BillCreateScreen, b as default };
@@ -3,13 +3,29 @@ import "./index8.js";
3
3
  import { BILL_STATUS_BADGE_LABELS_EN as t } from "./index33.js";
4
4
  import "./index35.js";
5
5
  //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index36.js
6
- var n = ".pdf,.png,.jpg,.jpeg,.doc,.docx", r = {
6
+ var n = {
7
+ loadingTitle: "Loading bill…",
8
+ hiddenDescription: "Bill details",
9
+ errorTitle: "Couldn't load this bill",
10
+ errorDescription: "Something went wrong. Try again.",
11
+ amountDueHeading: "Amount due",
12
+ invoiceDateLabel: "Invoice date",
13
+ dueDateLabel: "Due date",
14
+ payToHeading: "Pay to",
15
+ invoiceDetailsHeading: "Invoice details",
16
+ lineItemsHeading: "Line items",
17
+ lineItemsQuantityHeading: "Qty/Price",
18
+ lineItemsAmountHeading: "Amount",
19
+ expandButton: "Open full screen",
20
+ closeButton: "Close",
21
+ statusBadge: t
22
+ }, r = ".pdf,.png,.jpg,.jpeg,.doc,.docx", i = {
7
23
  ...e,
8
24
  dropzone: {
9
25
  ...e.dropzone,
10
26
  fileTypesHint: "PDF, DOC, JPG, or PNG (max. 3MB)"
11
27
  }
12
- }, i = {
28
+ }, a = {
13
29
  title: "Bills",
14
30
  createButton: "Add bill",
15
31
  columnVendor: "Vendor",
@@ -22,7 +38,7 @@ var n = ".pdf,.png,.jpg,.jpeg,.doc,.docx", r = {
22
38
  errorDescription: "Something went wrong. Try again.",
23
39
  errorRetry: "Retry",
24
40
  statusBadge: t,
25
- addBill: r
41
+ addBill: i
26
42
  };
27
43
  //#endregion
28
- export { i as BILLS_SCREEN_LABELS_EN, n as BILLS_SCREEN_UPLOAD_ACCEPT };
44
+ export { a as BILLS_SCREEN_LABELS_EN, r as BILLS_SCREEN_UPLOAD_ACCEPT, n as BILL_DETAILS_SHEET_LABELS_EN };
@@ -1,7 +1,229 @@
1
- import "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
- import "../../../shared/ui/dist/index.js";
3
- import "./index34.js";
1
+ import { Button as e, Collapsible as t, CollapsibleContent as n, CollapsibleTrigger as r, Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c, Skeleton as l, Typography as u } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
2
+ import { BillStatusBadge as d } from "./index34.js";
4
3
  import "./index35.js";
5
- import "./index36.js";
6
- import "react/jsx-runtime";
7
- import "lucide-react";
4
+ import { BILL_DETAILS_SHEET_LABELS_EN as f } from "./index36.js";
5
+ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
6
+ import { ChevronDownIcon as g, MoveDiagonal2Icon as _, XIcon as v } from "lucide-react";
7
+ //#region ../../libs/tesouro-embedded-components-react/bill-pay-widget/ui/dist/index37.js
8
+ function y({ items: e }) {
9
+ return /* @__PURE__ */ m("dl", {
10
+ className: "ttw:flex ttw:flex-col",
11
+ children: e.map((e) => /* @__PURE__ */ h("div", {
12
+ className: "ttw:flex ttw:items-start ttw:justify-between ttw:gap-6 ttw:border-b ttw:border-border ttw:py-3 ttw:last:border-b-0",
13
+ children: [/* @__PURE__ */ m("dt", {
14
+ className: "ttw:text-sm ttw:text-muted-foreground",
15
+ children: e.label
16
+ }), /* @__PURE__ */ h("dd", {
17
+ className: "ttw:flex ttw:flex-col ttw:items-end ttw:text-right",
18
+ children: [/* @__PURE__ */ m("span", {
19
+ className: "ttw:text-sm ttw:font-medium",
20
+ children: e.value
21
+ }), e.secondaryValue ? /* @__PURE__ */ m("span", {
22
+ className: "ttw:text-sm ttw:text-muted-foreground",
23
+ children: e.secondaryValue
24
+ }) : null]
25
+ })]
26
+ }, e.label))
27
+ });
28
+ }
29
+ function b({ heading: e, children: i }) {
30
+ return /* @__PURE__ */ h(t, {
31
+ defaultOpen: !0,
32
+ className: "ttw:flex ttw:flex-col ttw:gap-3",
33
+ children: [/* @__PURE__ */ h(r, {
34
+ className: "ttw:group ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:rounded-xs ttw:focus-visible:ring-2 ttw:focus-visible:ring-ring ttw:focus-visible:outline-hidden",
35
+ children: [/* @__PURE__ */ m(u, {
36
+ variant: "body1",
37
+ className: "ttw:font-semibold",
38
+ children: e
39
+ }), /* @__PURE__ */ m(g, { className: "ttw:size-4 ttw:text-muted-foreground ttw:transition-transform ttw:group-data-[state=closed]:-rotate-90" })]
40
+ }), /* @__PURE__ */ m(n, { children: i })]
41
+ });
42
+ }
43
+ function x({ open: t, onOpenChange: n, details: r, isLoading: u, isError: g, onClose: x, onExpand: S, testId: C, labels: w }) {
44
+ let T = {
45
+ ...f,
46
+ ...w,
47
+ statusBadge: {
48
+ ...f.statusBadge,
49
+ ...w?.statusBadge
50
+ }
51
+ };
52
+ return /* @__PURE__ */ m(i, {
53
+ open: t,
54
+ onOpenChange: (e) => e ? n(e) : x(),
55
+ children: /* @__PURE__ */ h(a, {
56
+ showCloseButton: !1,
57
+ className: "ttw:w-150 ttw:gap-0 ttw:overflow-y-auto ttw:sm:max-w-150",
58
+ "data-testid": C,
59
+ children: [/* @__PURE__ */ h(s, {
60
+ className: "ttw:flex ttw:flex-row ttw:items-start ttw:justify-between ttw:gap-3",
61
+ children: [/* @__PURE__ */ h("div", {
62
+ className: "ttw:flex ttw:flex-col ttw:gap-0.5",
63
+ children: [
64
+ /* @__PURE__ */ m(c, {
65
+ className: u ? "ttw:sr-only" : "ttw:text-xl ttw:font-semibold",
66
+ children: g ? T.errorTitle : u ? T.loadingTitle : r?.title
67
+ }),
68
+ u ? /* @__PURE__ */ h("div", {
69
+ "aria-hidden": !0,
70
+ className: "ttw:flex ttw:flex-col ttw:gap-2 ttw:py-1",
71
+ children: [/* @__PURE__ */ m(l, { className: "ttw:h-6 ttw:w-48" }), /* @__PURE__ */ m(l, { className: "ttw:h-4 ttw:w-28" })]
72
+ }) : null,
73
+ r && !u && !g ? /* @__PURE__ */ m("p", {
74
+ className: "ttw:text-sm ttw:text-muted-foreground",
75
+ children: r.subtitle
76
+ }) : null,
77
+ /* @__PURE__ */ m(o, {
78
+ className: "ttw:sr-only",
79
+ children: T.hiddenDescription
80
+ })
81
+ ]
82
+ }), /* @__PURE__ */ h("div", {
83
+ className: "ttw:flex ttw:items-center ttw:gap-1",
84
+ children: [S ? /* @__PURE__ */ m(e, {
85
+ type: "button",
86
+ variant: "ghost",
87
+ size: "icon",
88
+ "aria-label": T.expandButton,
89
+ onClick: S,
90
+ children: /* @__PURE__ */ m(_, { className: "ttw:size-4" })
91
+ }) : null, /* @__PURE__ */ m(e, {
92
+ type: "button",
93
+ variant: "ghost",
94
+ size: "icon",
95
+ "aria-label": T.closeButton,
96
+ onClick: x,
97
+ children: /* @__PURE__ */ m(v, { className: "ttw:size-4" })
98
+ })]
99
+ })]
100
+ }), /* @__PURE__ */ m("div", {
101
+ className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6",
102
+ children: g ? /* @__PURE__ */ m("p", {
103
+ className: "ttw:text-sm ttw:text-muted-foreground",
104
+ children: T.errorDescription
105
+ }) : u ? /* @__PURE__ */ h("div", {
106
+ className: "ttw:flex ttw:flex-col ttw:gap-6",
107
+ children: [/* @__PURE__ */ m(l, { className: "ttw:h-32 ttw:w-full" }), /* @__PURE__ */ h("div", {
108
+ className: "ttw:flex ttw:flex-col ttw:gap-2",
109
+ children: [
110
+ /* @__PURE__ */ m(l, { className: "ttw:h-4 ttw:w-40" }),
111
+ /* @__PURE__ */ m(l, { className: "ttw:h-9 ttw:w-full" }),
112
+ /* @__PURE__ */ m(l, { className: "ttw:h-9 ttw:w-full" })
113
+ ]
114
+ })]
115
+ }) : r ? /* @__PURE__ */ h(p, { children: [
116
+ /* @__PURE__ */ h("section", {
117
+ className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:rounded-lg ttw:bg-muted/50 ttw:p-4",
118
+ children: [/* @__PURE__ */ h("div", {
119
+ className: "ttw:flex ttw:flex-col ttw:gap-2",
120
+ children: [
121
+ /* @__PURE__ */ m("span", {
122
+ className: "ttw:text-sm ttw:text-muted-foreground",
123
+ children: T.amountDueHeading
124
+ }),
125
+ /* @__PURE__ */ m("span", {
126
+ className: "ttw:text-3xl ttw:font-semibold",
127
+ children: r.amountDueLabel
128
+ }),
129
+ /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(d, {
130
+ status: r.status,
131
+ tone: r.statusTone,
132
+ labels: T.statusBadge
133
+ }) })
134
+ ]
135
+ }), /* @__PURE__ */ h("div", {
136
+ className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-1",
137
+ children: [/* @__PURE__ */ h("div", {
138
+ className: "ttw:flex ttw:flex-col",
139
+ children: [/* @__PURE__ */ m("span", {
140
+ className: "ttw:text-xs ttw:text-muted-foreground",
141
+ children: T.invoiceDateLabel
142
+ }), /* @__PURE__ */ m("span", {
143
+ className: "ttw:text-sm ttw:font-medium",
144
+ children: r.invoiceDateLabel
145
+ })]
146
+ }), /* @__PURE__ */ h("div", {
147
+ className: "ttw:flex ttw:flex-col",
148
+ children: [/* @__PURE__ */ m("span", {
149
+ className: "ttw:text-xs ttw:text-muted-foreground",
150
+ children: T.dueDateLabel
151
+ }), /* @__PURE__ */ m("span", {
152
+ className: "ttw:text-sm ttw:font-medium",
153
+ children: r.dueDateLabel
154
+ })]
155
+ })]
156
+ })]
157
+ }),
158
+ /* @__PURE__ */ m(b, {
159
+ heading: T.payToHeading,
160
+ children: /* @__PURE__ */ m(y, { items: r.payToItems })
161
+ }),
162
+ /* @__PURE__ */ m(b, {
163
+ heading: T.invoiceDetailsHeading,
164
+ children: /* @__PURE__ */ h("div", {
165
+ className: "ttw:flex ttw:flex-col ttw:gap-4",
166
+ children: [
167
+ /* @__PURE__ */ m(y, { items: r.invoiceItems }),
168
+ r.lineItems.length ? /* @__PURE__ */ h("table", {
169
+ className: "ttw:w-full ttw:text-sm",
170
+ children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
171
+ className: "ttw:bg-muted/50 ttw:text-xs ttw:text-muted-foreground",
172
+ children: [
173
+ /* @__PURE__ */ m("th", {
174
+ className: "ttw:px-3 ttw:py-2 ttw:text-left ttw:font-normal",
175
+ children: T.lineItemsHeading
176
+ }),
177
+ /* @__PURE__ */ m("th", {
178
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
179
+ children: T.lineItemsQuantityHeading
180
+ }),
181
+ /* @__PURE__ */ m("th", {
182
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:font-normal",
183
+ children: T.lineItemsAmountHeading
184
+ })
185
+ ]
186
+ }) }), /* @__PURE__ */ m("tbody", { children: r.lineItems.map((e) => /* @__PURE__ */ h("tr", {
187
+ className: "ttw:border-b ttw:border-border",
188
+ children: [
189
+ /* @__PURE__ */ h("td", {
190
+ className: "ttw:px-3 ttw:py-2",
191
+ children: [/* @__PURE__ */ m("span", {
192
+ className: "ttw:block",
193
+ children: e.description
194
+ }), /* @__PURE__ */ m("span", {
195
+ className: "ttw:block ttw:text-xs ttw:text-muted-foreground",
196
+ children: e.glCodeLabel
197
+ })]
198
+ }),
199
+ /* @__PURE__ */ m("td", {
200
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap ttw:text-muted-foreground",
201
+ children: e.quantityLabel
202
+ }),
203
+ /* @__PURE__ */ m("td", {
204
+ className: "ttw:px-3 ttw:py-2 ttw:text-right ttw:whitespace-nowrap",
205
+ children: e.amountLabel
206
+ })
207
+ ]
208
+ }, e.id)) })]
209
+ }) : null,
210
+ /* @__PURE__ */ m("dl", {
211
+ className: "ttw:flex ttw:flex-col ttw:gap-1",
212
+ children: r.totals.map((e) => /* @__PURE__ */ h("div", {
213
+ className: e.emphasis ? "ttw:flex ttw:justify-between ttw:gap-6 ttw:border-t ttw:border-border ttw:pt-2 ttw:text-base ttw:font-semibold" : "ttw:flex ttw:justify-between ttw:gap-6 ttw:text-sm",
214
+ children: [/* @__PURE__ */ m("dt", {
215
+ className: e.emphasis ? "" : "ttw:text-muted-foreground",
216
+ children: e.label
217
+ }), /* @__PURE__ */ m("dd", { children: e.value })]
218
+ }, e.label))
219
+ })
220
+ ]
221
+ })
222
+ })
223
+ ] }) : null
224
+ })]
225
+ })
226
+ });
227
+ }
228
+ //#endregion
229
+ export { x as BillDetailsSheet, x as default };
@@ -83,7 +83,7 @@ function w({ cardId: r, cardProgram: l, onClose: w, labels: T, featureLabels: E,
83
83
  onRetry: N === d.Supported ? G : void 0
84
84
  })] });
85
85
  }
86
- function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: u, onError: d, analytics: f, ...p }) {
86
+ function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, ...m }) {
87
87
  return /* @__PURE__ */ S(r, {
88
88
  widgetName: l,
89
89
  baseUrl: e,
@@ -97,7 +97,8 @@ function T({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gat
97
97
  errorFallback: u,
98
98
  onError: d,
99
99
  analytics: f,
100
- children: /* @__PURE__ */ S(w, { ...p })
100
+ disclosuresAcceptance: p,
101
+ children: /* @__PURE__ */ S(w, { ...m })
101
102
  });
102
103
  }
103
104
  //#endregion
@@ -68,7 +68,7 @@ function m({ cardProgram: e, pagination: t, defaultPagination: m, onPaginationCh
68
68
  }, V)
69
69
  })] });
70
70
  }
71
- function h({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: p, ...h }) {
71
+ function h({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gatewayRouting: o, linkComponent: s, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: p, disclosuresAcceptance: h, ...g }) {
72
72
  return /* @__PURE__ */ f(e, {
73
73
  widgetName: t,
74
74
  baseUrl: n,
@@ -82,7 +82,8 @@ function h({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, gat
82
82
  errorFallback: u,
83
83
  onError: d,
84
84
  analytics: p,
85
- children: /* @__PURE__ */ f(m, { ...h })
85
+ disclosuresAcceptance: h,
86
+ children: /* @__PURE__ */ f(m, { ...g })
86
87
  });
87
88
  }
88
89
  //#endregion
@@ -198,7 +198,7 @@ function g({ counterpartType: t, pageSizeOptions: s = c, showTitle: g, onViewAll
198
198
  })
199
199
  ] });
200
200
  }
201
- function _({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, gatewayRouting: a, linkComponent: o, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, ...p }) {
201
+ function _({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, gatewayRouting: a, linkComponent: o, implementation: c, uiFramework: l, errorFallback: u, onError: d, analytics: f, disclosuresAcceptance: p, ...h }) {
202
202
  return /* @__PURE__ */ m(t, {
203
203
  widgetName: s,
204
204
  baseUrl: e,
@@ -212,7 +212,8 @@ function _({ baseUrl: e, widgetToken: n, organizationId: r, configClient: i, gat
212
212
  errorFallback: u,
213
213
  onError: d,
214
214
  analytics: f,
215
- children: /* @__PURE__ */ m(g, { ...p }, p.counterpartType)
215
+ disclosuresAcceptance: p,
216
+ children: /* @__PURE__ */ m(g, { ...h }, h.counterpartType)
216
217
  });
217
218
  }
218
219
  //#endregion