@tesouro/embedded-components-react 0.3.43 → 0.3.44

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index8.js

@@ -2,144 +2,18 @@
 "use client";
 "use client";
 "use client";
-import { hasAnyScope as e } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as e } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/data-access/dist/index.js";
-import { ErrorState as t } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import "../../../shared/ui/dist/index.js";
-import { useAnalyticsTrack as n } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WidgetProvider as r } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
-import { useRefetchWidget as i, useWidgetConfig as a, useWidgetError as o, useWidgetInitStaleForToken as s } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
-import "../../../shared/feature/dist/index.js";
-import { AcceptDisclosuresWidget as c } from "../../../accept-disclosures-widget/feature/dist/index5.js";
-import "../../../accept-disclosures-widget/feature/dist/index.js";
-import { WIDGET_SUITE_CONTENT_LABELS_EN as l, WIDGET_SUITE_DISCLOSURE_LABELS_EN as u, WIDGET_SUITE_SECTION_LABELS_EN as d, WIDGET_SUITE_SECTION_TITLE_LABELS_EN as f } from "./index4.js";
-import { WidgetSuiteProvider as p, useWidgetSuiteProvider as m } from "./index6.js";
-import { WIDGET_SUITE_SECTIONS as h, WidgetSuiteSectionId as g } from "./index7.js";
-import { WIDGET_NAME as _, WidgetSuiteAnalyticsEvent as v } from "./index2.js";
-import { needsDisclosureAcceptance as y } from "./index3.js";
-import { WidgetSuiteShell as b } from "../../ui/dist/index3.js";
-import { SectionPageTitle as x } from "../../ui/dist/index4.js";
-import "../../ui/dist/index.js";
-import { useCallback as S, useEffect as C, useMemo as w, useState as T } from "react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { BillPayWidget as t } from "../../../bill-pay-widget/feature/dist/index75.js";
+import "../../../bill-pay-widget/feature/dist/index.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index8.js
-var k = {
-	initFailed: "widget-suite-init-failed",
-	disclosuresRefreshFailed: "widget-suite-disclosures-refresh-failed"
-};
-function A({ labels: e, sectionLabels: n, sectionTitleLabels: r, disclosureLabels: l, showSectionTitle: p = !0 }) {
-	let { availableSections: _, activeSection: v, navigate: w } = m(), { initResponse: A } = a(), j = o(), M = s(), N = i(), P = {
-		...d,
-		...n
-	}, F = S((e) => w({ section: e }), [w]), [I, L] = T(!1), R = S(() => L(!0), []), z = y(A), B = {
-		...u,
-		...l,
-		initFailedState: {
-			...u.initFailedState,
-			...l?.initFailedState
-		},
-		refreshFailedState: {
-			...u.refreshFailedState,
-			...l?.refreshFailedState
-		}
-	};
-	C(() => {
-		!z && I && L(!1);
-	}, [I, z]);
-	let V = !!(A && M);
-	if (!A && !j || V && !j) return /* @__PURE__ */ D(b, {
-		isLoading: !0,
-		sections: [],
-		selectedSectionId: "",
-		onSectionChange: F,
-		labels: e
-	});
-	if ((!A || V) && j) return /* @__PURE__ */ D(t, {
-		title: B.initFailedState.title,
-		description: B.initFailedState.body,
-		retryLabel: B.initFailedState.retryButton,
-		onRetry: N,
-		testId: k.initFailed
-	});
-	if (z) return I && j ? /* @__PURE__ */ D(t, {
-		title: B.refreshFailedState.title,
-		description: B.refreshFailedState.body,
-		retryLabel: B.refreshFailedState.retryButton,
-		onRetry: N,
-		testId: k.disclosuresRefreshFailed
-	}) : /* @__PURE__ */ D(c, { onAccepted: R });
-	let H = A?.bankName?.trim(), U = H ? {
-		...f,
-		...r
-	}.bankTagline.replaceAll("{bankName}", H) : void 0, W = _.map((e) => {
-		let { Content: t } = h[e], n = P[e], r = e === g.Accounts ? void 0 : U;
-		return {
-			id: e,
-			label: n,
-			content: p ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(x, {
-				title: n,
-				bankTagline: r
-			}), /* @__PURE__ */ D(t, {})] }) : /* @__PURE__ */ D(t, {})
-		};
-	});
-	return /* @__PURE__ */ D(b, {
-		sections: W,
-		selectedSectionId: v ?? "",
-		onSectionChange: F,
-		labels: e
-	});
-}
-function j({ sections: t, selection: r, defaultSelection: i, onSelectionChange: o, contentLabels: s, ...c }) {
-	let u = n();
-	C(() => {
-		u(v.Mounted);
-	}, [u]);
-	let { initResponse: d } = a(), f = d?.scopes, m = w(() => ({
-		creditCards: {
-			...l.creditCards,
-			...s?.creditCards
-		},
-		debitCards: {
-			...l.debitCards,
-			...s?.debitCards
-		},
-		expensePlaceholders: {
-			...l.expensePlaceholders,
-			...s?.expensePlaceholders
-		}
-	}), [s]), g = t.filter((t) => {
-		let n = h[t];
-		return !!n && (!n.anyOfScopes || e(f, n.anyOfScopes));
-	});
-	return /* @__PURE__ */ D(p, {
-		sections: t,
-		availableSections: g,
-		grantedScopes: f,
-		contentLabels: m,
-		selection: r,
-		defaultSelection: i,
-		onSelectionChange: o,
-		children: /* @__PURE__ */ D(A, { ...c })
-	});
-}
-function M({ baseUrl: e, widgetToken: t, organizationId: n, configClient: i, gatewayRouting: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: u, analytics: d, disclosuresAcceptance: f, providerLabels: p, ...m }) {
-	return /* @__PURE__ */ D(r, {
-		widgetName: _,
-		baseUrl: e,
-		widgetToken: t,
-		organizationId: n,
-		configClient: i,
-		gatewayRouting: a,
-		linkComponent: o,
-		implementation: s,
-		uiFramework: c,
-		errorFallback: l,
-		onError: u,
-		analytics: d,
-		disclosuresAcceptance: f,
-		providerLabels: p,
-		children: /* @__PURE__ */ D(j, { ...m })
-	});
+function r() {
+	return /* @__PURE__ */ n(t, {});
 }
+var i = {
+	anyOfScopes: [e.PayableReadOrg],
+	Content: r
+};
 //#endregion
-export { k as WIDGET_SUITE_TEST_IDS, M as WidgetSuite, M as default };
+export { r as BillPaySection, i as billPaySection };

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index9.js

@@ -0,0 +1,33 @@
+"use client";
+"use client";
+"use client";
+"use client";
+import { useWidgetSuiteProvider as e } from "./index6.js";
+import { hasAnyScope as t } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
+import { Scope as n } from "../../../shared/data-access/dist/lib/scopes.js";
+import "../../../shared/data-access/dist/index.js";
+import { CardProgram as r } from "../../../shared/feature/dist/lib/card/cardProgram.js";
+import "../../../shared/feature/dist/index.js";
+import { CardsWidget as i } from "../../../cards-widget/feature/dist/index9.js";
+import "../../../cards-widget/feature/dist/index.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index9.js
+function s() {
+	let { grantedScopes: s, labels: c } = e();
+	return /* @__PURE__ */ o("div", {
+		className: "ttw:grid ttw:gap-8",
+		children: [t(s, [n.CreditCardReadOrg]) && /* @__PURE__ */ a(i, {
+			cardProgram: r.Credit,
+			...c.sections.cards.creditCards
+		}), t(s, [n.DebitCardReadOrg]) && /* @__PURE__ */ a(i, {
+			cardProgram: r.Debit,
+			...c.sections.cards.debitCards
+		})]
+	});
+}
+var c = {
+	anyOfScopes: [n.CreditCardReadOrg, n.DebitCardReadOrg],
+	Content: s
+};
+//#endregion
+export { s as CardsSection, c as cardsSection };

package/dist/libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js

@@ -2,8 +2,8 @@
 "use client";
 "use client";
 "use client";
-import { Skeleton as e, Typography as t, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { WIDGET_SUITE_SHELL_LABELS_EN as r } from "./index2.js";
+import { WIDGET_SUITE_SHELL_LABELS_EN as e } from "./index2.js";
+import { Skeleton as t, Typography as n, cn as r } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { useRef as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js
@@ -14,10 +14,10 @@ var s = [
 ];
 function c({ sections: c, selectedSectionId: l, onSectionChange: u, isLoading: d = !1, labels: f }) {
 	let p = {
-		...r,
+		...e,
 		...f,
 		emptyState: {
-			...r.emptyState,
+			...e.emptyState,
 			...f?.emptyState
 		}
 	}, m = i([]), h = c.find((e) => e.id === l), g = (e, t) => {
@@ -45,17 +45,17 @@ function c({ sections: c, selectedSectionId: l, onSectionChange: u, isLoading: d
 		className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-6",
 		children: [/* @__PURE__ */ a("div", {
 			className: "ttw:flex ttw:items-center ttw:gap-1 ttw:overflow-x-auto ttw:border-b ttw:border-border",
-			children: s.map((t) => /* @__PURE__ */ a("div", {
+			children: s.map((e) => /* @__PURE__ */ a("div", {
 				className: "ttw:px-4 ttw:py-2.5",
-				children: /* @__PURE__ */ a(e, { className: "ttw:h-5 ttw:w-20" })
-			}, t))
+				children: /* @__PURE__ */ a(t, { className: "ttw:h-5 ttw:w-20" })
+			}, e))
 		}), /* @__PURE__ */ a("div", { className: "ttw:min-h-[432px] ttw:min-w-0" })]
 	}) : c.length === 0 ? /* @__PURE__ */ o("section", {
 		className: "ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-border ttw:p-10 ttw:text-center",
-		children: [/* @__PURE__ */ a(t, {
+		children: [/* @__PURE__ */ a(n, {
 			variant: "h5",
 			children: p.emptyState.title
-		}), /* @__PURE__ */ a(t, {
+		}), /* @__PURE__ */ a(n, {
 			variant: "body2",
 			color: "muted",
 			children: p.emptyState.body
@@ -68,7 +68,7 @@ function c({ sections: c, selectedSectionId: l, onSectionChange: u, isLoading: d
 			children: /* @__PURE__ */ a("ul", {
 				className: "ttw:-mb-px ttw:flex ttw:items-center ttw:gap-1 ttw:overflow-x-auto",
 				children: c.map((e, t) => {
-					let r = e.id === l;
+					let n = e.id === l;
 					return /* @__PURE__ */ a("li", {
 						className: "ttw:shrink-0",
 						children: /* @__PURE__ */ a("button", {
@@ -76,10 +76,10 @@ function c({ sections: c, selectedSectionId: l, onSectionChange: u, isLoading: d
 							ref: (e) => {
 								m.current[t] = e;
 							},
-							"aria-current": r ? "page" : void 0,
+							"aria-current": n ? "page" : void 0,
 							onClick: () => u(e.id),
 							onKeyDown: (e) => g(e, t),
-							className: n("ttw:cursor-pointer ttw:border-b-2 ttw:px-4 ttw:py-2.5 ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:focus-visible:-outline-offset-2 ttw:focus-visible:outline-2 ttw:focus-visible:outline-ring", r ? "ttw:border-primary ttw:text-primary" : "ttw:border-transparent ttw:text-muted-foreground ttw:hover:border-border ttw:hover:text-foreground"),
+							className: r("ttw:cursor-pointer ttw:border-b-2 ttw:px-4 ttw:py-2.5 ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:focus-visible:-outline-offset-2 ttw:focus-visible:outline-2 ttw:focus-visible:outline-ring", n ? "ttw:border-primary ttw:text-primary" : "ttw:border-transparent ttw:text-muted-foreground ttw:hover:border-border ttw:hover:text-foreground"),
 							children: e.label
 						})
 					}, e.id);

package/package.json

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