@tesouro/embedded-components-react 0.5.290 → 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.
Files changed (12) hide show
  1. package/README.md +1 -1
  2. package/dist/index.css +0 -14
  3. package/dist/index.d.ts +1 -10
  4. package/dist/lib/MarketingWidget.d.ts +1 -10
  5. package/dist/libs/tesouro-embedded-components-react/marketing-widget/feature/dist/lib/MarketingWidget/MarketingWidget.js +0 -1
  6. package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index5.js +4 -5
  7. package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index6.js +7 -12
  8. package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index7.js +14 -25
  9. package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index8.js +10 -15
  10. package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index9.js +20 -35
  11. package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
  12. package/package.json +1 -1
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, benefits, and appearance. |
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, MarketingWidgetAppearance, 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 };
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/lib/MarketingWidget.d.ts CHANGED
@@ -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, MarketingWidgetAppearance, MarketingWidgetBenefit, MarketingWidgetContent, MarketingWidgetHowItWorksStep, MarketingWidgetImage, MarketingWidgetLabels, MarketingWidgetProps, MarketingWidgetStatusLabels };
761
+ export type { MarketingStatusLabelValues, MarketingStatusNoticeLabels, MarketingWidgetBenefit, MarketingWidgetContent, MarketingWidgetHowItWorksStep, MarketingWidgetImage, MarketingWidgetLabels, MarketingWidgetProps, MarketingWidgetStatusLabels };
package/dist/libs/tesouro-embedded-components-react/marketing-widget/feature/dist/lib/MarketingWidget/MarketingWidget.js CHANGED
@@ -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,
package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index5.js CHANGED
@@ -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, iconColor: a }) {
5
- let o = e[i];
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(o, {
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",
package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index6.js CHANGED
@@ -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, primaryColor: i, primaryContrastColor: a }) {
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, o) => {
13
- let s = o === r.length - 1;
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
- }), s ? null : /* @__PURE__ */ e("div", {
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: s ? "ttw:pb-1" : "ttw:pb-4",
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
package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index7.js CHANGED
@@ -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, appearance: b, onClose: x, onPrimaryCtaClick: S, labels: C, testIds: w }) {
9
- let T = {
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
- ...C
11
+ ...S
12
12
  };
13
13
  return /* @__PURE__ */ c(t, {
14
14
  open: f,
15
15
  onOpenChange: (e) => {
16
- e || x();
16
+ e || b();
17
17
  },
18
18
  children: /* @__PURE__ */ l(r, {
19
- "data-testid": w?.root,
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: x,
30
- "aria-label": T.dismissModalAriaLabel,
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: S,
80
- className: "ttw:h-auto ttw:w-full ttw:justify-center ttw:rounded-xl ttw:py-3 ttw:text-base ttw:transition-[filter] ttw:hover:brightness-90",
81
- style: {
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: T.primaryCta
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: T.primaryCtaSubtext
88
+ children: w.primaryCtaSubtext
100
89
  })]
101
90
  })
102
91
  })
package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index8.js CHANGED
@@ -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: o, primaryColor: s, testId: c }) {
11
- let { chipLabel: l, chipTone: u, heading: d, body: f } = o, p = u === n.Brand;
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": c,
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[u]),
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
- }), l]
22
+ }), s]
27
23
  }),
28
- d ? /* @__PURE__ */ r("p", {
29
- className: "ttw:text-xl ttw:font-semibold",
30
- style: { color: s },
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
- f.map((e) => /* @__PURE__ */ r("p", {
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))
package/dist/libs/tesouro-embedded-components-react/marketing-widget/ui/dist/index9.js CHANGED
@@ -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: _, appearance: v, onOpenMarketingModal: y, onCloseMarketingModal: b, onPrimaryCtaClick: x, statusMessage: S, labels: C, testIds: w }) {
8
- let T = {
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
- ...C
10
+ ...S
11
11
  };
12
12
  return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
13
- "data-testid": w?.root,
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
- S ? /* @__PURE__ */ a(r, {
39
- statusMessage: S,
40
- primaryColor: v.primaryColor,
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": w?.applyNowButton,
58
- onClick: x,
59
- className: "ttw:h-auto ttw:rounded-xl ttw:px-6 ttw:py-2 ttw:text-base ttw:font-light ttw:transition-[filter] ttw:hover:brightness-90",
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": w?.learnMoreButton,
69
- onClick: y,
70
- className: "ttw:h-auto ttw:rounded-xl ttw:px-6 ttw:py-2 ttw:text-base ttw:font-light",
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
- appearance: v,
85
- onClose: b,
86
- onPrimaryCtaClick: x,
87
- labels: C,
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.290", n = "742a628a07e576b392f9cc1376d6e19a3de35eac", r = Object.freeze({
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tesouro/embedded-components-react",
3
- "version": "0.5.290",
3
+ "version": "0.5.291",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "sideEffects": [