@tesouro/embedded-components-react 0.5.289 → 0.5.291
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.
- package/README.md +1 -1
- package/dist/experimental/index.js +0 -1
- package/dist/index.css +0 -14
- package/dist/index.d.ts +1 -10
- package/dist/index.js +0 -23
- package/dist/lib/MarketingWidget.d.ts +1 -10
- package/dist/libs/tesouro-embedded-components-react/marketing-widget/feature/dist/lib/MarketingWidget/MarketingWidget.js +0 -1
- package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index5.js +4 -5
- package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index6.js +7 -12
- package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index7.js +14 -25
- package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index8.js +10 -15
- package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index9.js +20 -35
- package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
- package/package.json +4 -1
- package/dist/packages/tesouro-embedded-components-react/src/scopes.js +0 -3
package/README.md
CHANGED
|
@@ -481,7 +481,7 @@ A marketing card and modal that presents your banking product copy (logo, captio
|
|
|
481
481
|
|
|
482
482
|
| Prop | Type | Default | Description |
|
|
483
483
|
| ------------------- | ------------------------------------------ | -------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
|
|
484
|
-
| `content` | `MarketingWidgetContent` | **Required** | Host-resolved card and modal copy, images, "How it works" steps,
|
|
484
|
+
| `content` | `MarketingWidgetContent` | **Required** | Host-resolved card and modal copy, images, "How it works" steps, and benefits. |
|
|
485
485
|
| `onPrimaryCtaClick` | `() => void` | **Required** | Called when the applicant clicks Apply now on the card or the modal CTA (default label: Start application). Closes the modal first. |
|
|
486
486
|
| `labels` | `PartialDeep<MarketingWidgetLabels>` | English labels | Override the card and modal copy. See the exported `MarketingWidgetLabels` type for every key. |
|
|
487
487
|
| `statusLabels` | `PartialDeep<MarketingWidgetStatusLabels>` | English labels | Override the Resume application label and each status message. Heading and body are functions of `{ bankName }`. |
|
package/dist/index.css
CHANGED
|
@@ -134,7 +134,6 @@
|
|
|
134
134
|
--ttw-text-3xl--line-height: calc(2.25 / 1.875);
|
|
135
135
|
--ttw-text-4xl: 2.25rem;
|
|
136
136
|
--ttw-text-4xl--line-height: calc(2.5 / 2.25);
|
|
137
|
-
--ttw-font-weight-light: 300;
|
|
138
137
|
--ttw-font-weight-normal: 400;
|
|
139
138
|
--ttw-font-weight-medium: 500;
|
|
140
139
|
--ttw-font-weight-semibold: 600;
|
|
@@ -3621,10 +3620,6 @@
|
|
|
3621
3620
|
--tw-font-weight: var(--ttw-font-weight-extrabold);
|
|
3622
3621
|
font-weight: var(--ttw-font-weight-extrabold);
|
|
3623
3622
|
}
|
|
3624
|
-
.ttw\:font-light {
|
|
3625
|
-
--tw-font-weight: var(--ttw-font-weight-light);
|
|
3626
|
-
font-weight: var(--ttw-font-weight-light);
|
|
3627
|
-
}
|
|
3628
3623
|
.ttw\:font-medium {
|
|
3629
3624
|
--tw-font-weight: var(--ttw-font-weight-medium);
|
|
3630
3625
|
font-weight: var(--ttw-font-weight-medium);
|
|
@@ -4150,11 +4145,6 @@
|
|
|
4150
4145
|
transition-timing-function: var(--tw-ease, var(--ttw-default-transition-timing-function));
|
|
4151
4146
|
transition-duration: var(--tw-duration, var(--ttw-default-transition-duration));
|
|
4152
4147
|
}
|
|
4153
|
-
.ttw\:transition-\[filter\] {
|
|
4154
|
-
transition-property: filter;
|
|
4155
|
-
transition-timing-function: var(--tw-ease, var(--ttw-default-transition-timing-function));
|
|
4156
|
-
transition-duration: var(--tw-duration, var(--ttw-default-transition-duration));
|
|
4157
|
-
}
|
|
4158
4148
|
.ttw\:transition-\[height\] {
|
|
4159
4149
|
transition-property: height;
|
|
4160
4150
|
transition-timing-function: var(--tw-ease, var(--ttw-default-transition-timing-function));
|
|
@@ -5038,10 +5028,6 @@
|
|
|
5038
5028
|
--tw-brightness: brightness(85%);
|
|
5039
5029
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
5040
5030
|
}
|
|
5041
|
-
.ttw\:hover\:brightness-90:hover {
|
|
5042
|
-
--tw-brightness: brightness(90%);
|
|
5043
|
-
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
|
5044
|
-
}
|
|
5045
5031
|
.ttw\:hover\:brightness-95:hover {
|
|
5046
5032
|
--tw-brightness: brightness(95%);
|
|
5047
5033
|
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
package/dist/index.d.ts
CHANGED
|
@@ -5796,14 +5796,6 @@ interface MarketingWidgetImage {
|
|
|
5796
5796
|
alt: string;
|
|
5797
5797
|
width?: number;
|
|
5798
5798
|
}
|
|
5799
|
-
interface MarketingWidgetAppearance {
|
|
5800
|
-
primaryColor: string;
|
|
5801
|
-
primaryContrastColor: string;
|
|
5802
|
-
cardBackgroundColor: string;
|
|
5803
|
-
borderRadius: string;
|
|
5804
|
-
boxShadow: string;
|
|
5805
|
-
modalBackgroundColor: string;
|
|
5806
|
-
}
|
|
5807
5799
|
declare const MarketingBenefitIcon: {
|
|
5808
5800
|
readonly Sync: "sync";
|
|
5809
5801
|
readonly Users: "users";
|
|
@@ -5838,7 +5830,6 @@ interface MarketingWidgetContent {
|
|
|
5838
5830
|
/** Section heading above the benefits grid, e.g. "FROM DAY ONE". */
|
|
5839
5831
|
fromDayOneHeader: string;
|
|
5840
5832
|
benefits: MarketingWidgetBenefit[];
|
|
5841
|
-
appearance: MarketingWidgetAppearance;
|
|
5842
5833
|
}
|
|
5843
5834
|
|
|
5844
5835
|
/**
|
|
@@ -6133,4 +6124,4 @@ interface CheckAmountAndDetailScreenProps {
|
|
|
6133
6124
|
type PendingFeatureStyleSources = CheckAmountAndDetailScreenProps | GapCoverageAlertProps | NoPolicyBannerProps;
|
|
6134
6125
|
|
|
6135
6126
|
export { ACCEPT_DISCLOSURES_WIDGET_LABELS_EN, ADDITIONAL_OWNERS_LABELS_EN, APPLICATION_STATUS_LABELS_EN, AcceptDisclosuresWidget, BALANCES_WIDGET_LABELS_EN, BUSINESS_DETAILS_LABELS_EN, BalancesWidget, BankAccountOnboardingWidget, BankAccountsWidget, BillPayWidget, CardDetailsWidget, CounterpartsWidget, CreditCardsWidget, CustomersWidget, DebitCardsWidget, ERROR_STATE_ID, ExpenseManagementWidget, HELP_FAQ_EN, INSIGHTS_FEATURE_LABELS_EN, INSIGHTS_WIDGET_LABELS_EN, Implementation, InsightsWidget, ReceivablesWidgetMonite as InvoicingWidget, LinkedAccountsWidget, MARKETING_WIDGET_LABELS_EN, MARKETING_WIDGET_STATUS_LABELS_EN, MarketingBenefitIcon, MarketingWidget, PERSONAL_DETAILS_LABELS_EN, ProductsWidget, RESULT_LABELS_EN, ReceivablesWidget, RefreshingRootWidgetProvider, RootWidgetProvider, SINGLE_INSIGHT_LABELS_EN, Scope, SettingsSection, SettingsWidget, DEFAULT_FEATURE_LABELS as TRANSFERS_FEATURE_LABELS_EN, TRANSFERS_WIDGET_LABELS_EN, TransfersWidget, UIFramework, UploadReceiptWidget, WIDGET_SUITE_DEFAULT_SECTIONS, WIDGET_SUITE_LABELS_EN, WidgetProvider, WidgetSuite, WidgetSuiteSectionId, WidgetTokenRefreshProvider, cloneEmbeddedClient, getGlobalWidgetConfig, getGlobalWidgetInitState, isScope, registerDesignSystemEnsurer, registerUIRenderers, setGlobalWidgetConfig, subscribeToGlobalWidgetInitState, updateGlobalWidgetConfig, useDisclosuresAcceptanceSurface, useOwnWidgetConfig, useRefetchWidget, useWidgetConfig, useWidgetError, useWidgetInitStaleForToken, useWidgetLoading, useWidgetToken };
|
|
6136
|
-
export type { AcceptDisclosuresWidgetLabels, AcceptDisclosuresWidgetProps, AccordionItemCardLabels, Labels$3 as AccountDetailsWidgetLabels, ActivateCardPanelLabels, AdditionalOwner, AdditionalOwnersLabels, AddressFormSheetLabels, ApplicationStatusLabelValues, ApplicationStatusLabels, ApplicationStatusNoticeLabels, BalancesWidgetLabels, BalancesWidgetProps, BankAccountFormSheetLabels, BankAccountOnboardingWidgetLabels, BankAccountOnboardingWidgetProps, FeatureLabels$3 as BankAccountsWidgetFeatureLabels, Labels$4 as BankAccountsWidgetLabels, BankAccountsWidgetProps, BillPayWidgetProps, BusinessDetailsLabels, BusinessDetailsValues, CardDetailsFeatureLabels, CardDetailsPanelLabels as CardDetailsWidgetLabels, CardDetailsWidgetProps, CardsFeatureLabels, CardsListLabels as CardsLabels, CardsPagination, CompanyStructureValue, ConfirmDeleteDialogLabels, CounterpartActionTarget, CounterpartDetailsSheetLabels, CounterpartFormSheetLabels, CounterpartMessageLabels, CounterpartMode, CounterpartsScreenLabels, CounterpartsWidgetProps, CreditCardsWidgetProps, CustomersWidgetOwnProps, CustomersWidgetProps, DebitCardsWidgetProps, DisclosureLinks, EmbeddedClient, Labels$2 as ExpenseManagementWidgetLabels, ExpenseManagementWidgetProps, ExpenseStatusBadgeLabels, FileViewerLabels, HelpFaqAnswer, HelpFaqBullet, HelpFaqBulletType, HelpFaqItem, HelpFaqSection, InsightsFeatureLabels, InsightsWidgetLabels, InsightsWidgetProps, InvoicesFilterBarLabelOverrides, InvoicesFilterBarLabels, InvoicesFilterLabelOverrides, InvoicesFilterLabels, ReceivablesWidgetMoniteProps as InvoicingWidgetProps, LinkComponent, LinkComponentProps, FeatureLabels$2 as LinkedAccountsWidgetFeatureLabels, Labels$1 as LinkedAccountsWidgetLabels, LinkedAccountsWidgetProps, MarketingStatusLabelValues, MarketingStatusNoticeLabels,
|
|
6127
|
+
export type { AcceptDisclosuresWidgetLabels, AcceptDisclosuresWidgetProps, AccordionItemCardLabels, Labels$3 as AccountDetailsWidgetLabels, ActivateCardPanelLabels, AdditionalOwner, AdditionalOwnersLabels, AddressFormSheetLabels, ApplicationStatusLabelValues, ApplicationStatusLabels, ApplicationStatusNoticeLabels, BalancesWidgetLabels, BalancesWidgetProps, BankAccountFormSheetLabels, BankAccountOnboardingWidgetLabels, BankAccountOnboardingWidgetProps, FeatureLabels$3 as BankAccountsWidgetFeatureLabels, Labels$4 as BankAccountsWidgetLabels, BankAccountsWidgetProps, BillPayWidgetProps, BusinessDetailsLabels, BusinessDetailsValues, CardDetailsFeatureLabels, CardDetailsPanelLabels as CardDetailsWidgetLabels, CardDetailsWidgetProps, CardsFeatureLabels, CardsListLabels as CardsLabels, CardsPagination, CompanyStructureValue, ConfirmDeleteDialogLabels, CounterpartActionTarget, CounterpartDetailsSheetLabels, CounterpartFormSheetLabels, CounterpartMessageLabels, CounterpartMode, CounterpartsScreenLabels, CounterpartsWidgetProps, CreditCardsWidgetProps, CustomersWidgetOwnProps, CustomersWidgetProps, DebitCardsWidgetProps, DisclosureLinks, EmbeddedClient, Labels$2 as ExpenseManagementWidgetLabels, ExpenseManagementWidgetProps, ExpenseStatusBadgeLabels, FileViewerLabels, HelpFaqAnswer, HelpFaqBullet, HelpFaqBulletType, HelpFaqItem, HelpFaqSection, InsightsFeatureLabels, InsightsWidgetLabels, InsightsWidgetProps, InvoicesFilterBarLabelOverrides, InvoicesFilterBarLabels, InvoicesFilterLabelOverrides, InvoicesFilterLabels, ReceivablesWidgetMoniteProps as InvoicingWidgetProps, LinkComponent, LinkComponentProps, FeatureLabels$2 as LinkedAccountsWidgetFeatureLabels, Labels$1 as LinkedAccountsWidgetLabels, LinkedAccountsWidgetProps, MarketingStatusLabelValues, MarketingStatusNoticeLabels, MarketingWidgetBenefit, MarketingWidgetContent, MarketingWidgetHowItWorksStep, MarketingWidgetImage, MarketingWidgetLabels, MarketingWidgetProps, MarketingWidgetStatusLabels, MeasureUnitDeleteDialogLabels, MeasureUnitsManagerLabels, PendingFeatureStyleSources, PersonalDetailsLabels, PersonalDetailsValues, ProductDeleteDialogLabels, ProductDetailsSheetLabels, ProductFormSheetLabels, ProductMessageLabels, ProductsScreenLabels, ProductsWidgetProps, ReceiptMatchSummary, ReceivableActionDialogLabels, ReceivableActionsModalLabels, ReceivableAuditHistoryLabels, ReceivableBankAttribution, ReceivableDetailsPanelLabelOverrides, ReceivableDetailsPanelLabels, ReceivableDocumentType, ReceivableFormDialogLabels, ReceivableFormSheetLabels, ReceivableMessageLabels, ReceivablePaymentDialogLabels, ReceivablePreviewLabels, ReceivableStatusBadgeLabels, ReceivablesScreenLabelOverrides, ReceivablesScreenLabels, ReceivablesWidgetProps, RefreshingRootWidgetProviderProps, ResultLabels, RootWidgetProviderProps, SettingsWidgetAdditionalSection, FeatureLabels$1 as SettingsWidgetFeatureLabels, Labels as SettingsWidgetLabels, SettingsWidgetProps, SettingsWidgetSection, SettingsWidgetSectionId, SingleInsightLabels, TransactionDetailsActionsLabels, TransactionDetailsLabels, FeatureLabels as TransfersWidgetFeatureLabels, TransfersWidgetLabels, TransfersWidgetProps, UploadReceiptWidgetProps, WidgetConfig, WidgetConfigInput, WidgetInitResponse, WidgetInitState, WidgetProviderLabels, WidgetProviderProps, WidgetSuiteCardsLabels, WidgetSuiteDashboardLabels, WidgetSuiteDisclosureLabels, WidgetSuiteExpensesLabels, WidgetSuiteLabelOverrides, WidgetSuiteLabels, WidgetSuiteMenuLabels, WidgetSuiteOnboardingGateLabels, WidgetSuiteOnboardingLabels, WidgetSuiteProps, WidgetSuiteSectionContentLabels, WidgetSuiteSectionTitleLabels, WidgetTokenFetcher, WidgetTokenManager, WidgetTokenRefreshProviderProps, WidgetTokenState };
|
package/dist/index.js
CHANGED
|
@@ -44,35 +44,12 @@ import { RESULT_LABELS_EN as ee } from "./libs/tesouro-embedded-components-react
|
|
|
44
44
|
import { APPLICATION_STATUS_LABELS_EN as te } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js";
|
|
45
45
|
import { BankAccountOnboardingWidget as ne } from "./libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/BankAccountOnboardingWidget.js";
|
|
46
46
|
import { WidgetSuite as re } from "./libs/tesouro-embedded-components-react/widget-suite/feature/dist/lib/WidgetSuite/WidgetSuite.js";
|
|
47
|
-
import "./lib/WidgetSuite.js";
|
|
48
|
-
import "./lib/AcceptDisclosuresWidget.js";
|
|
49
|
-
import "./lib/BankAccountsWidget.js";
|
|
50
|
-
import "./lib/BillPayWidget.js";
|
|
51
|
-
import "./lib/CreditCardsWidget.js";
|
|
52
|
-
import "./lib/DebitCardsWidget.js";
|
|
53
|
-
import "./lib/CardDetailsWidget.js";
|
|
54
47
|
import { CounterpartsWidget as ie } from "./lib/CounterpartsWidgetPublic.js";
|
|
55
|
-
import "./lib/CounterpartsWidget.js";
|
|
56
48
|
import { CustomersWidget as ae } from "./libs/tesouro-embedded-components-react/customers-widget/feature/dist/lib/CustomersWidget/CustomersWidget.js";
|
|
57
|
-
import "./lib/CustomersWidget.js";
|
|
58
|
-
import "./lib/ExpenseManagementWidget.js";
|
|
59
|
-
import "./lib/UploadReceiptWidget.js";
|
|
60
|
-
import "./lib/BalancesWidget.js";
|
|
61
|
-
import "./lib/InsightsWidget.js";
|
|
62
|
-
import "./lib/InvoicingWidget.js";
|
|
63
|
-
import "./lib/LinkedAccountsWidget.js";
|
|
64
|
-
import "./lib/BankAccountOnboardingWidget.js";
|
|
65
49
|
import { MARKETING_WIDGET_STATUS_LABELS_EN as oe } from "./libs/tesouro-embedded-components-react/marketing-widget/feature/dist/lib/MarketingWidget/labels.js";
|
|
66
50
|
import { MARKETING_WIDGET_LABELS_EN as se } from "./libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index2.js";
|
|
67
51
|
import { MarketingBenefitIcon as ce } from "./libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index3.js";
|
|
68
52
|
import { MarketingWidget as le } from "./libs/tesouro-embedded-components-react/marketing-widget/feature/dist/lib/MarketingWidget/MarketingWidget.js";
|
|
69
|
-
import "./lib/MarketingWidget.js";
|
|
70
53
|
import { ProductsWidget as ue } from "./libs/tesouro-embedded-components-react/products-widget/feature/dist/lib/ProductsWidget/ProductsWidget.js";
|
|
71
|
-
import "./lib/ProductsWidget.js";
|
|
72
|
-
import "./lib/ReceivablesWidget.js";
|
|
73
|
-
import "./lib/SettingsWidget.js";
|
|
74
|
-
import "./lib/TransfersWidget.js";
|
|
75
54
|
import { WidgetProvider as de } from "./lib/WidgetProviderPublic.js";
|
|
76
|
-
import "./lib/WidgetProvider.js";
|
|
77
|
-
import "./packages/tesouro-embedded-components-react/src/scopes.js";
|
|
78
55
|
export { Y as ACCEPT_DISCLOSURES_WIDGET_LABELS_EN, Z as ADDITIONAL_OWNERS_LABELS_EN, te as APPLICATION_STATUS_LABELS_EN, X as AcceptDisclosuresWidget, M as BALANCES_WIDGET_LABELS_EN, Q as BUSINESS_DETAILS_LABELS_EN, N as BalancesWidget, ne as BankAccountOnboardingWidget, D as BankAccountsWidget, O as BillPayWidget, k as CardDetailsWidget, ie as CounterpartsWidget, A as CreditCardsWidget, ae as CustomersWidget, j as DebitCardsWidget, l as ERROR_STATE_ID, z as ExpenseManagementWidget, U as HELP_FAQ_EN, P as INSIGHTS_FEATURE_LABELS_EN, F as INSIGHTS_WIDGET_LABELS_EN, u as Implementation, L as InsightsWidget, B as InvoicingWidget, G as LinkedAccountsWidget, se as MARKETING_WIDGET_LABELS_EN, oe as MARKETING_WIDGET_STATUS_LABELS_EN, ce as MarketingBenefitIcon, le as MarketingWidget, $ as PERSONAL_DETAILS_LABELS_EN, ue as ProductsWidget, ee as RESULT_LABELS_EN, V as ReceivablesWidget, y as RefreshingRootWidgetProvider, g as RootWidgetProvider, I as SINGLE_INSIGHT_LABELS_EN, i as Scope, H as SettingsSection, W as SettingsWidget, K as TRANSFERS_FEATURE_LABELS_EN, q as TRANSFERS_WIDGET_LABELS_EN, J as TransfersWidget, o as UIFramework, R as UploadReceiptWidget, t as WIDGET_SUITE_DEFAULT_SECTIONS, e as WIDGET_SUITE_LABELS_EN, de as WidgetProvider, re as WidgetSuite, n as WidgetSuiteSectionId, _ as WidgetTokenRefreshProvider, r as cloneEmbeddedClient, d as getGlobalWidgetConfig, m as getGlobalWidgetInitState, a as isScope, s as registerDesignSystemEnsurer, c as registerUIRenderers, f as setGlobalWidgetConfig, h as subscribeToGlobalWidgetInitState, p as updateGlobalWidgetConfig, b as useDisclosuresAcceptanceSurface, x as useOwnWidgetConfig, S as useRefetchWidget, C as useWidgetConfig, w as useWidgetError, T as useWidgetInitStaleForToken, E as useWidgetLoading, v as useWidgetToken };
|
|
@@ -18,14 +18,6 @@ interface MarketingWidgetImage {
|
|
|
18
18
|
alt: string;
|
|
19
19
|
width?: number;
|
|
20
20
|
}
|
|
21
|
-
interface MarketingWidgetAppearance {
|
|
22
|
-
primaryColor: string;
|
|
23
|
-
primaryContrastColor: string;
|
|
24
|
-
cardBackgroundColor: string;
|
|
25
|
-
borderRadius: string;
|
|
26
|
-
boxShadow: string;
|
|
27
|
-
modalBackgroundColor: string;
|
|
28
|
-
}
|
|
29
21
|
declare const MarketingBenefitIcon: {
|
|
30
22
|
readonly Sync: "sync";
|
|
31
23
|
readonly Users: "users";
|
|
@@ -60,7 +52,6 @@ interface MarketingWidgetContent {
|
|
|
60
52
|
/** Section heading above the benefits grid, e.g. "FROM DAY ONE". */
|
|
61
53
|
fromDayOneHeader: string;
|
|
62
54
|
benefits: MarketingWidgetBenefit[];
|
|
63
|
-
appearance: MarketingWidgetAppearance;
|
|
64
55
|
}
|
|
65
56
|
|
|
66
57
|
type AuthToken = string | undefined;
|
|
@@ -767,4 +758,4 @@ type MarketingWidgetProps = WidgetProviderProps & InnerProps;
|
|
|
767
758
|
declare function MarketingWidget({ baseUrl, widgetToken, organizationId, configClient, gatewayRouting, linkComponent, implementation, uiFramework, errorFallback, onError, analytics, disclosuresAcceptance, providerLabels, ...innerProps }: MarketingWidgetProps): React.JSX.Element;
|
|
768
759
|
|
|
769
760
|
export { MARKETING_WIDGET_LABELS_EN, MARKETING_WIDGET_STATUS_LABELS_EN, MarketingBenefitIcon, MarketingWidget };
|
|
770
|
-
export type { MarketingStatusLabelValues, MarketingStatusNoticeLabels,
|
|
761
|
+
export type { MarketingStatusLabelValues, MarketingStatusNoticeLabels, MarketingWidgetBenefit, MarketingWidgetContent, MarketingWidgetHowItWorksStep, MarketingWidgetImage, MarketingWidgetLabels, MarketingWidgetProps, MarketingWidgetStatusLabels };
|
|
@@ -120,7 +120,6 @@ function A({ content: n, onPrimaryCtaClick: s, labels: l, statusLabels: p }) {
|
|
|
120
120
|
howItWorksSteps: n.howItWorksSteps,
|
|
121
121
|
fromDayOneHeader: n.fromDayOneHeader,
|
|
122
122
|
benefits: n.benefits,
|
|
123
|
-
appearance: n.appearance,
|
|
124
123
|
onOpenMarketingModal: W,
|
|
125
124
|
onCloseMarketingModal: G,
|
|
126
125
|
onPrimaryCtaClick: K,
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { BENEFIT_ICON_COMPONENTS as e } from "./index4.js";
|
|
2
2
|
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
3
3
|
//#region ../../libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index5.js
|
|
4
|
-
function r({ text: r, icon: i
|
|
5
|
-
let
|
|
4
|
+
function r({ text: r, icon: i }) {
|
|
5
|
+
let a = e[i];
|
|
6
6
|
return /* @__PURE__ */ n("div", {
|
|
7
7
|
className: "ttw:flex ttw:gap-2",
|
|
8
|
-
children: [/* @__PURE__ */ t(
|
|
9
|
-
className: "ttw:mt-0.5 ttw:size-5 ttw:shrink-0",
|
|
10
|
-
style: { color: a },
|
|
8
|
+
children: [/* @__PURE__ */ t(a, {
|
|
9
|
+
className: "ttw:mt-0.5 ttw:size-5 ttw:shrink-0 ttw:text-primary",
|
|
11
10
|
"aria-hidden": !0
|
|
12
11
|
}), /* @__PURE__ */ t("p", {
|
|
13
12
|
className: "ttw:text-sm ttw:text-foreground",
|
|
@@ -1,33 +1,28 @@
|
|
|
1
1
|
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
2
|
//#region ../../libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index6.js
|
|
3
|
-
function n({ header: n, steps: r
|
|
3
|
+
function n({ header: n, steps: r }) {
|
|
4
4
|
return r.length === 0 ? null : /* @__PURE__ */ t("div", {
|
|
5
5
|
className: "ttw:mb-6",
|
|
6
6
|
children: [/* @__PURE__ */ e("p", {
|
|
7
|
-
className: "ttw:mb-3 ttw:text-base ttw:font-semibold",
|
|
8
|
-
style: { color: i },
|
|
7
|
+
className: "ttw:mb-3 ttw:text-base ttw:font-semibold ttw:text-primary",
|
|
9
8
|
children: n
|
|
10
9
|
}), /* @__PURE__ */ e("div", {
|
|
11
10
|
className: "ttw:flex ttw:flex-col",
|
|
12
|
-
children: r.map((n,
|
|
13
|
-
let
|
|
11
|
+
children: r.map((n, i) => {
|
|
12
|
+
let a = i === r.length - 1;
|
|
14
13
|
return /* @__PURE__ */ t("div", {
|
|
15
14
|
className: "ttw:flex ttw:gap-3",
|
|
16
15
|
children: [/* @__PURE__ */ t("div", {
|
|
17
16
|
className: "ttw:flex ttw:flex-col ttw:items-center",
|
|
18
17
|
children: [/* @__PURE__ */ e("div", {
|
|
19
|
-
className: "ttw:flex ttw:size-[23px] ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-xs ttw:font-semibold",
|
|
20
|
-
style: {
|
|
21
|
-
backgroundColor: i,
|
|
22
|
-
color: a
|
|
23
|
-
},
|
|
18
|
+
className: "ttw:flex ttw:size-[23px] ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary ttw:text-xs ttw:font-semibold ttw:text-primary-foreground",
|
|
24
19
|
children: n.number
|
|
25
|
-
}),
|
|
20
|
+
}), a ? null : /* @__PURE__ */ e("div", {
|
|
26
21
|
className: "ttw:w-px ttw:flex-1 ttw:bg-border",
|
|
27
22
|
"aria-hidden": !0
|
|
28
23
|
})]
|
|
29
24
|
}), /* @__PURE__ */ t("div", {
|
|
30
|
-
className:
|
|
25
|
+
className: a ? "ttw:pb-1" : "ttw:pb-4",
|
|
31
26
|
children: [/* @__PURE__ */ e("p", {
|
|
32
27
|
className: "ttw:text-sm ttw:font-semibold ttw:text-foreground",
|
|
33
28
|
children: n.title
|
|
@@ -5,29 +5,25 @@ import { MarketingWidgetHowItWorks as s } from "./index6.js";
|
|
|
5
5
|
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
6
6
|
import { ArrowRight as u, X as d } from "lucide-react";
|
|
7
7
|
//#region ../../libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index7.js
|
|
8
|
-
function f({ open: f, vspLogo: p, providedByCaption: m, primaryModalHeader: h, howItWorksHeader: g, howItWorksSteps: _, fromDayOneHeader: v, benefits: y,
|
|
9
|
-
let
|
|
8
|
+
function f({ open: f, vspLogo: p, providedByCaption: m, primaryModalHeader: h, howItWorksHeader: g, howItWorksSteps: _, fromDayOneHeader: v, benefits: y, onClose: b, onPrimaryCtaClick: x, labels: S, testIds: C }) {
|
|
9
|
+
let w = {
|
|
10
10
|
...a,
|
|
11
|
-
...
|
|
11
|
+
...S
|
|
12
12
|
};
|
|
13
13
|
return /* @__PURE__ */ c(t, {
|
|
14
14
|
open: f,
|
|
15
15
|
onOpenChange: (e) => {
|
|
16
|
-
e ||
|
|
16
|
+
e || b();
|
|
17
17
|
},
|
|
18
18
|
children: /* @__PURE__ */ l(r, {
|
|
19
|
-
"data-testid":
|
|
19
|
+
"data-testid": C?.root,
|
|
20
20
|
showCloseButton: !1,
|
|
21
21
|
className: "ttw:max-h-[90vh] ttw:max-w-[500px] ttw:gap-0 ttw:overflow-y-auto ttw:p-6",
|
|
22
|
-
style: {
|
|
23
|
-
backgroundColor: b.modalBackgroundColor,
|
|
24
|
-
borderRadius: b.borderRadius
|
|
25
|
-
},
|
|
26
22
|
children: [
|
|
27
23
|
/* @__PURE__ */ c(n, {
|
|
28
24
|
className: "ttw:absolute ttw:right-4 ttw:top-4 ttw:cursor-pointer ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 ttw:ring-offset-background ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:outline-hidden ttw:focus:ring-2 ttw:focus:ring-ring ttw:focus:ring-offset-2",
|
|
29
|
-
onClick:
|
|
30
|
-
"aria-label":
|
|
25
|
+
onClick: b,
|
|
26
|
+
"aria-label": w.dismissModalAriaLabel,
|
|
31
27
|
children: /* @__PURE__ */ c(d, {
|
|
32
28
|
className: "ttw:size-5",
|
|
33
29
|
"aria-hidden": !0
|
|
@@ -54,9 +50,7 @@ function f({ open: f, vspLogo: p, providedByCaption: m, primaryModalHeader: h, h
|
|
|
54
50
|
}),
|
|
55
51
|
/* @__PURE__ */ c(s, {
|
|
56
52
|
header: g,
|
|
57
|
-
steps: _
|
|
58
|
-
primaryColor: b.primaryColor,
|
|
59
|
-
primaryContrastColor: b.primaryContrastColor
|
|
53
|
+
steps: _
|
|
60
54
|
}),
|
|
61
55
|
y.length === 0 ? null : /* @__PURE__ */ l("div", {
|
|
62
56
|
className: "ttw:mb-6 ttw:rounded-lg ttw:bg-muted ttw:p-[18px]",
|
|
@@ -67,8 +61,7 @@ function f({ open: f, vspLogo: p, providedByCaption: m, primaryModalHeader: h, h
|
|
|
67
61
|
className: "ttw:grid ttw:grid-cols-2 ttw:gap-4",
|
|
68
62
|
children: y.map((e) => /* @__PURE__ */ c(o, {
|
|
69
63
|
text: e.text,
|
|
70
|
-
icon: e.icon
|
|
71
|
-
iconColor: b.primaryColor
|
|
64
|
+
icon: e.icon
|
|
72
65
|
}, e.text))
|
|
73
66
|
})]
|
|
74
67
|
}),
|
|
@@ -76,27 +69,23 @@ function f({ open: f, vspLogo: p, providedByCaption: m, primaryModalHeader: h, h
|
|
|
76
69
|
className: "ttw:flex ttw:justify-center",
|
|
77
70
|
children: /* @__PURE__ */ c(e, {
|
|
78
71
|
type: "button",
|
|
79
|
-
onClick:
|
|
80
|
-
className: "ttw:h-auto ttw:w-full ttw:
|
|
81
|
-
|
|
82
|
-
backgroundColor: b.primaryColor,
|
|
83
|
-
color: b.primaryContrastColor
|
|
84
|
-
},
|
|
85
|
-
"data-testid": w?.primaryCtaButton,
|
|
72
|
+
onClick: x,
|
|
73
|
+
className: "ttw:h-auto ttw:w-full ttw:py-3",
|
|
74
|
+
"data-testid": C?.primaryCtaButton,
|
|
86
75
|
children: /* @__PURE__ */ l("span", {
|
|
87
76
|
className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-center ttw:gap-x-2 ttw:whitespace-normal",
|
|
88
77
|
children: [/* @__PURE__ */ l("span", {
|
|
89
78
|
className: "ttw:flex ttw:items-center ttw:gap-2",
|
|
90
79
|
children: [/* @__PURE__ */ c("span", {
|
|
91
80
|
className: "ttw:font-semibold",
|
|
92
|
-
children:
|
|
81
|
+
children: w.primaryCta
|
|
93
82
|
}), /* @__PURE__ */ c(u, {
|
|
94
83
|
className: "ttw:size-4",
|
|
95
84
|
"aria-hidden": !0
|
|
96
85
|
})]
|
|
97
86
|
}), /* @__PURE__ */ c("span", {
|
|
98
87
|
className: "ttw:text-sm ttw:font-normal ttw:opacity-90",
|
|
99
|
-
children:
|
|
88
|
+
children: w.primaryCtaSubtext
|
|
100
89
|
})]
|
|
101
90
|
})
|
|
102
91
|
})
|
|
@@ -3,34 +3,29 @@ import { MarketingWidgetStatusTone as n } from "./index3.js";
|
|
|
3
3
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
4
|
//#region ../../libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index8.js
|
|
5
5
|
var a = {
|
|
6
|
-
[n.Brand]: "ttw:border-transparent",
|
|
6
|
+
[n.Brand]: "ttw:border-transparent ttw:bg-primary/10 ttw:text-primary",
|
|
7
7
|
[n.Warning]: "ttw:border-amber-100 ttw:bg-amber-100 ttw:text-amber-700",
|
|
8
8
|
[n.Danger]: "ttw:border-destructive/20 ttw:bg-destructive/20 ttw:text-destructive"
|
|
9
9
|
};
|
|
10
|
-
function o({ statusMessage:
|
|
11
|
-
let { chipLabel:
|
|
10
|
+
function o({ statusMessage: n, testId: o }) {
|
|
11
|
+
let { chipLabel: s, chipTone: c, heading: l, body: u } = n;
|
|
12
12
|
return /* @__PURE__ */ i("div", {
|
|
13
|
-
"data-testid":
|
|
13
|
+
"data-testid": o,
|
|
14
14
|
className: "ttw:flex ttw:flex-col ttw:items-start",
|
|
15
15
|
children: [
|
|
16
16
|
/* @__PURE__ */ i(e, {
|
|
17
17
|
variant: "outline",
|
|
18
|
-
className: t("ttw:mb-2 ttw:gap-2 ttw:rounded-full ttw:px-3 ttw:py-1 ttw:text-sm", a[
|
|
19
|
-
style: p ? {
|
|
20
|
-
color: s,
|
|
21
|
-
backgroundColor: `color-mix(in srgb, ${s} 12%, transparent)`
|
|
22
|
-
} : void 0,
|
|
18
|
+
className: t("ttw:mb-2 ttw:gap-2 ttw:rounded-full ttw:px-3 ttw:py-1 ttw:text-sm", a[c]),
|
|
23
19
|
children: [/* @__PURE__ */ r("span", {
|
|
24
20
|
"aria-hidden": "true",
|
|
25
21
|
className: "ttw:size-2 ttw:rounded-full ttw:bg-current"
|
|
26
|
-
}),
|
|
22
|
+
}), s]
|
|
27
23
|
}),
|
|
28
|
-
|
|
29
|
-
className: "ttw:text-xl ttw:font-semibold",
|
|
30
|
-
|
|
31
|
-
children: d
|
|
24
|
+
l ? /* @__PURE__ */ r("p", {
|
|
25
|
+
className: "ttw:text-xl ttw:font-semibold ttw:text-primary",
|
|
26
|
+
children: l
|
|
32
27
|
}) : null,
|
|
33
|
-
|
|
28
|
+
u.map((e) => /* @__PURE__ */ r("p", {
|
|
34
29
|
className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground",
|
|
35
30
|
children: e
|
|
36
31
|
}, e))
|
|
@@ -4,19 +4,14 @@ import { MarketingWidgetModal as n } from "./index7.js";
|
|
|
4
4
|
import { MarketingWidgetStatus as r } from "./index8.js";
|
|
5
5
|
import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
6
6
|
//#region ../../libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index9.js
|
|
7
|
-
function s({ open: s, vspLogo: c, bankingText: l, primaryCaption: u, secondaryCaption: d, providedByCaption: f, primaryModalHeader: p, howItWorksHeader: m, howItWorksSteps: h, fromDayOneHeader: g, benefits: _,
|
|
8
|
-
let
|
|
7
|
+
function s({ open: s, vspLogo: c, bankingText: l, primaryCaption: u, secondaryCaption: d, providedByCaption: f, primaryModalHeader: p, howItWorksHeader: m, howItWorksSteps: h, fromDayOneHeader: g, benefits: _, onOpenMarketingModal: v, onCloseMarketingModal: y, onPrimaryCtaClick: b, statusMessage: x, labels: S, testIds: C }) {
|
|
8
|
+
let w = {
|
|
9
9
|
...t,
|
|
10
|
-
...
|
|
10
|
+
...S
|
|
11
11
|
};
|
|
12
12
|
return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
|
|
13
|
-
"data-testid":
|
|
14
|
-
className: "ttw:relative ttw:flex ttw:w-full ttw:flex-col ttw:items-start ttw:overflow-hidden ttw:border ttw:border-border ttw:p-6",
|
|
15
|
-
style: {
|
|
16
|
-
backgroundColor: v.cardBackgroundColor,
|
|
17
|
-
borderRadius: v.borderRadius,
|
|
18
|
-
boxShadow: v.boxShadow
|
|
19
|
-
},
|
|
13
|
+
"data-testid": C?.root,
|
|
14
|
+
className: "ttw:relative ttw:flex ttw:w-full ttw:flex-col ttw:items-start ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6 ttw:text-card-foreground ttw:shadow-sm",
|
|
20
15
|
children: [
|
|
21
16
|
/* @__PURE__ */ o("div", {
|
|
22
17
|
className: "ttw:mb-2 ttw:flex ttw:items-center ttw:gap-3",
|
|
@@ -35,40 +30,31 @@ function s({ open: s, vspLogo: c, bankingText: l, primaryCaption: u, secondaryCa
|
|
|
35
30
|
className: "ttw:mb-2 ttw:text-sm ttw:text-muted-foreground",
|
|
36
31
|
children: f
|
|
37
32
|
}),
|
|
38
|
-
|
|
39
|
-
statusMessage:
|
|
40
|
-
|
|
41
|
-
testId: w?.statusMessage
|
|
33
|
+
x ? /* @__PURE__ */ a(r, {
|
|
34
|
+
statusMessage: x,
|
|
35
|
+
testId: C?.statusMessage
|
|
42
36
|
}) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
|
|
43
37
|
className: "ttw:mb-2 ttw:flex ttw:flex-col",
|
|
44
38
|
children: [/* @__PURE__ */ a("p", {
|
|
45
|
-
className: "ttw:text-xl ttw:font-semibold",
|
|
46
|
-
style: { color: v.primaryColor },
|
|
39
|
+
className: "ttw:text-xl ttw:font-semibold ttw:text-primary",
|
|
47
40
|
children: u
|
|
48
41
|
}), /* @__PURE__ */ a("p", {
|
|
49
|
-
className: "ttw:leading-snug",
|
|
50
|
-
style: { color: v.primaryColor },
|
|
42
|
+
className: "ttw:leading-snug ttw:text-primary",
|
|
51
43
|
children: d
|
|
52
44
|
})]
|
|
53
45
|
}), /* @__PURE__ */ o("div", {
|
|
54
46
|
className: "ttw:flex ttw:flex-wrap ttw:gap-3",
|
|
55
47
|
children: [/* @__PURE__ */ a(e, {
|
|
56
48
|
type: "button",
|
|
57
|
-
"data-testid":
|
|
58
|
-
onClick:
|
|
59
|
-
|
|
60
|
-
style: {
|
|
61
|
-
backgroundColor: v.primaryColor,
|
|
62
|
-
color: v.primaryContrastColor
|
|
63
|
-
},
|
|
64
|
-
children: T.applyNow
|
|
49
|
+
"data-testid": C?.applyNowButton,
|
|
50
|
+
onClick: b,
|
|
51
|
+
children: w.applyNow
|
|
65
52
|
}), /* @__PURE__ */ a(e, {
|
|
66
53
|
type: "button",
|
|
67
54
|
variant: "outline",
|
|
68
|
-
"data-testid":
|
|
69
|
-
onClick:
|
|
70
|
-
|
|
71
|
-
children: T.learnMore
|
|
55
|
+
"data-testid": C?.learnMoreButton,
|
|
56
|
+
onClick: v,
|
|
57
|
+
children: w.learnMore
|
|
72
58
|
})]
|
|
73
59
|
})] })
|
|
74
60
|
]
|
|
@@ -81,11 +67,10 @@ function s({ open: s, vspLogo: c, bankingText: l, primaryCaption: u, secondaryCa
|
|
|
81
67
|
howItWorksSteps: h,
|
|
82
68
|
fromDayOneHeader: g,
|
|
83
69
|
benefits: _,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
testIds: w?.modal
|
|
70
|
+
onClose: y,
|
|
71
|
+
onPrimaryCtaClick: b,
|
|
72
|
+
labels: S,
|
|
73
|
+
testIds: C?.modal
|
|
89
74
|
})] });
|
|
90
75
|
}
|
|
91
76
|
//#endregion
|
package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
|
|
2
|
-
var e = "@tesouro/embedded-components-react", t = "0.5.
|
|
2
|
+
var e = "@tesouro/embedded-components-react", t = "0.5.291", n = "58f1a0e593f5cfa15b8842bfa0a906b71b2634b2", r = Object.freeze({
|
|
3
3
|
library_name: e,
|
|
4
4
|
library_version: t,
|
|
5
5
|
library_sha: n
|
package/package.json
CHANGED