@tesouro/embedded-components-react 0.2.133 → 0.2.148

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index5.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx as J } from "react/jsx-runtime";
+import { useMemo as S, useState as d, useRef as Y, useEffect as k } from "react";
+import { z as r } from "zod";
+import { AdditionalOwnersForm as G } from "../../ui/dist/index2.js";
+import { ADDITIONAL_OWNERS_LABELS_EN as K } from "../../ui/dist/index3.js";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "lucide-react";
+import "react-confetti";
+import "@radix-ui/react-use-controllable-state";
+import { buildAdditionalOwnerEditDisplay as Q, buildAdditionalOwnerEditFields as U, normalizeAdditionalOwnerDraft as D, EMPTY_ADDITIONAL_OWNER as X } from "./index13.js";
+import { isAtLeastMinOwnerAge as Z } from "./index11.js";
+function ee(e) {
+  return r.object({
+    firstName: r.string().min(1),
+    lastName: r.string().min(1),
+    dateOfBirth: r.date().refine(Z, {
+      message: e.dateOfBirthMinAgeError
+    }),
+    ssn: r.string().refine((t) => /^\d{9}$/.test(t), {
+      message: e.ssnInvalid
+    }),
+    homeAddress: r.string().min(1),
+    city: r.string().min(1),
+    state: r.string().min(2),
+    zipCode: r.string().min(5),
+    mobilePhoneNumber: r.string().refine((t) => t.replace(/\D/g, "").length === 10, {
+      message: e.mobilePhoneNumberInvalid
+    }),
+    // Kept for API mapping; additional owners always require ≥25% ownership.
+    ownsOver25Percent: r.literal(!0),
+    ownershipPercentage: r.number().min(25).max(100)
+  });
+}
+function E(e) {
+  return e.ownershipPercentage !== null && e.ownershipPercentage >= 25 ? e.ownershipPercentage : 0;
+}
+function ne(e) {
+  return `${E(e)}%`;
+}
+function re(e) {
+  return {
+    name: `${e.firstName} ${e.lastName}`.trim(),
+    shareDisplay: ne(e)
+  };
+}
+function Oe({
+  owners: e,
+  onOwnersChange: t,
+  primaryOwnerName: P,
+  primaryOwnerPercentage: f,
+  stateOptions: $,
+  onSnapshotChange: h,
+  isSubmitting: v,
+  labels: p
+}) {
+  const a = S(
+    () => ({ ...K, ...p }),
+    [p]
+  ), O = S(
+    () => ee(a),
+    [a]
+  ), [s, l] = d(
+    null
+  ), [g, m] = d(null), [u, c] = d(null), [N, o] = d(!1), x = (n) => {
+    l(D(n));
+  }, C = e.reduce(
+    (n, i) => n + E(i),
+    0
+  ), w = f + C, A = w > 100 ? a.totalOwnershipExceedsTemplate(w) : null, I = w > 75, L = `${f}%`, T = f >= 25, B = e.every((n) => O.safeParse(n).success), R = s !== null && O.safeParse(s).success, y = B && A === null && s === null && u === null ? e : null, _ = JSON.stringify({
+    snapshot: y?.map((n) => ({
+      ...n,
+      dateOfBirth: n.dateOfBirth?.toISOString()
+    }))
+  }), b = Y(h);
+  b.current = h, k(() => {
+    b.current(y);
+  }, [_]);
+  const M = () => {
+    m(null), o(!1), l({ ...X });
+  }, z = (n) => {
+    m(n), o(!1), l(D({ ...e[n] }));
+  }, j = (n) => {
+    const i = e[n];
+    c({
+      index: n,
+      displayName: `${i.firstName} ${i.lastName}`.trim()
+    });
+  }, q = () => {
+    u && (t(e.filter((n, i) => i !== u.index)), c(null));
+  }, F = () => {
+    c(null);
+  }, V = () => {
+    if (!s) return;
+    const n = O.safeParse(s);
+    if (n.success) {
+      if (g === null)
+        t([...e, n.data]);
+      else {
+        const i = [...e];
+        i[g] = n.data, t(i);
+      }
+      l(null), m(null), o(!1);
+    }
+  }, W = () => {
+    l(null), m(null), o(!1);
+  }, H = s ? {
+    fields: U(
+      s,
+      x,
+      { stateOptions: $ }
+    ),
+    display: Q(s),
+    isExisting: g !== null,
+    isValid: R,
+    ssnRevealed: N,
+    ssnToggleAriaLabel: N ? a.ssnHide : a.ssnShow,
+    onToggleSsnVisibility: () => o((n) => !n),
+    onSubmit: V,
+    onCancel: W
+  } : null;
+  return /* @__PURE__ */ J(
+    G,
+    {
+      ownerRows: e.map(re),
+      primaryOwnerName: P,
+      primaryOwnerShareDisplay: L,
+      showPrimaryOwner: T,
+      totalOwnershipError: A,
+      addOwnerDisabled: I,
+      onAddOwner: M,
+      onEditOwner: z,
+      onDeleteOwnerRequest: j,
+      deletingOwnerName: u?.displayName ?? null,
+      onDeleteOwnerConfirm: q,
+      onDeleteOwnerCancel: F,
+      editingOverlay: H,
+      isSubmitting: v,
+      labels: p
+    }
+  );
+}
+export {
+  Oe as AdditionalOwnersStep,
+  E as getAdditionalOwnerShare
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index6.js

@@ -0,0 +1,112 @@
+const t = (e) => e.replace(/\D/g, "").slice(0, 10), i = (e) => {
+  const s = e.getFullYear().toString().padStart(4, "0"), n = (e.getMonth() + 1).toString().padStart(2, "0"), o = e.getDate().toString().padStart(2, "0");
+  return `${s}-${n}-${o}`;
+};
+function a(e) {
+  return {
+    address1: e.address1,
+    city: e.city,
+    state: e.state,
+    postalCode: e.postalCode,
+    countryCode: "USA"
+  };
+}
+function r(e) {
+  return {
+    legalName: e.companyLegalName,
+    dbaName: e.companyDbaName.trim() || null,
+    address: a({
+      address1: e.businessAddress,
+      city: e.city,
+      state: e.state,
+      postalCode: e.zipCode
+    }),
+    phoneNumber: t(e.companyPhoneNumber),
+    businessStructureType: e.companyStructure,
+    website: e.website.trim() || null,
+    // Sole proprietors file under SSN; all other structures use EIN.
+    taxId: {
+      type: e.companyStructure === "SOLE_PROPRIETORSHIP" ? "SSN" : "EIN",
+      value: e.taxId
+    },
+    northAmericanIndustryClassificationSystemCode: e.naicsCode
+  };
+}
+function d(e) {
+  return {
+    isLegallyAuthorized: e.isAuthorized,
+    hasAcceptedDisclosures: e.isCheckboxChecked
+  };
+}
+function u(e) {
+  return {
+    firstName: e.firstName,
+    lastName: e.lastName,
+    birthDate: i(e.dateOfBirth),
+    personalIdentificationNumber: {
+      type: "SSN",
+      value: e.ssn
+    },
+    homeAddress: a({
+      address1: e.homeAddress,
+      city: e.city,
+      state: e.state,
+      postalCode: e.zipCode
+    }),
+    mobilePhoneNumber: t(e.mobilePhoneNumber),
+    workEmailAddress: e.workEmail,
+    ownershipPercentage: e.ownsOver25Percent && e.ownershipPercentage !== null ? e.ownershipPercentage / 100 : 0
+  };
+}
+function l(e) {
+  return e.map(
+    (s) => ({
+      firstName: s.firstName,
+      lastName: s.lastName,
+      birthDate: s.dateOfBirth ? i(s.dateOfBirth) : void 0,
+      homeAddress: a({
+        address1: s.homeAddress,
+        city: s.city,
+        state: s.state,
+        postalCode: s.zipCode
+      }),
+      mobilePhoneNumber: t(s.mobilePhoneNumber),
+      ownershipPercentage: s.ownershipPercentage !== null && s.ownershipPercentage >= 25 ? s.ownershipPercentage / 100 : 0,
+      personalIdentificationNumber: {
+        type: "SSN",
+        value: s.ssn
+      }
+    })
+  );
+}
+function c(e) {
+  return {
+    businessDetails: r(
+      e
+    ),
+    applicant: d(e)
+  };
+}
+function p(e) {
+  return {
+    ...e.businessDetails && {
+      businessDetails: r(
+        e.businessDetails
+      )
+    },
+    ...e.applicant && {
+      applicant: u(e.applicant)
+    },
+    ...e.businessOwners && {
+      businessOwners: l(e.businessOwners)
+    }
+  };
+}
+export {
+  d as buildApplicantForCreate,
+  u as buildApplicantForUpdate,
+  r as buildBusinessDetails,
+  l as buildBusinessOwners,
+  c as buildCreateApplicationBody,
+  p as buildUpdateApplicationBody
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index7.js

@@ -0,0 +1,15 @@
+const n = {
+  Mounted: "onboarding.mounted",
+  OpenMarketing: "onboarding_widget_open_marketing_widget",
+  BeginOnboarding: "onboarding_widget_begin_onboarding",
+  /**
+   * The widget mounted but rendered nothing. Carries the reason, so "why does
+   * this user not see onboarding?" is answerable from telemetry instead of
+   * needing a reproduction with devtools open.
+   */
+  Suppressed: "onboarding.suppressed"
+}, o = "onboarding";
+export {
+  n as OnboardingAnalyticsEvent,
+  o as WIDGET_NAME
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index8.js

@@ -0,0 +1,37 @@
+import "react/jsx-runtime";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "lucide-react";
+import "@radix-ui/react-use-controllable-state";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
+import "react-confetti";
+import { RESULT_LABELS_EN as e } from "../../ui/dist/index7.js";
+const p = {
+  stepIndicator: {
+    business: "Business",
+    personal: "Personal",
+    ownership: "Ownership",
+    done: "Done"
+  },
+  businessDetails: {},
+  personalDetails: {},
+  additionalOwners: {},
+  result: e,
+  back: "Back",
+  cancel: "Cancel",
+  next: "Next",
+  submit: "Submit application",
+  businessReviewTitle: "Review your business details",
+  businessReviewSubtitle: "Take a moment to make sure your business information is correct.",
+  personalReviewTitle: "Review your personal details",
+  personalReviewSubtitle: "Take a moment to make sure your personal information is correct.",
+  modalTitle: "Bank account onboarding",
+  submitFailedError: "Unable to submit application. Please try again.",
+  genericRetryError: "Please try again.",
+  fallbackBankName: "Member Bank",
+  shellFdicDisclaimer: "Products and services are offered by {bankName}, N.A., Member FDIC."
+};
+export {
+  p as DEFAULT_LABELS
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/index9.js

@@ -0,0 +1,16 @@
+function n(e) {
+  const t = e.trim();
+  if (t.length === 0)
+    return !0;
+  if (/\s/.test(t))
+    return !1;
+  try {
+    const r = new URL(t);
+    return r.protocol === "http:" || r.protocol === "https:";
+  } catch {
+    return !1;
+  }
+}
+export {
+  n as isValidWebsiteUrl
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index10.js

@@ -0,0 +1,77 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { Typography as w, TooltipProvider as u, Tooltip as b, TooltipTrigger as c, Button as p, TooltipContent as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Pen as h } from "lucide-react";
+import { BusinessDetailsEditForm as S } from "./index24.js";
+import { BusinessDetailsSummary as g } from "./index25.js";
+import { BUSINESS_DETAILS_PANEL_LABELS_EN as E } from "./index18.js";
+function _({
+  isEditing: a,
+  onEditClick: r,
+  summaryRows: o,
+  editFields: l,
+  labels: d,
+  isDisabled: s,
+  websiteInvalid: n
+}) {
+  const e = { ...E, ...d };
+  return a ? /* @__PURE__ */ t(
+    S,
+    {
+      fields: l,
+      labels: e,
+      isDisabled: s,
+      websiteInvalid: n
+    }
+  ) : /* @__PURE__ */ i(
+    "section",
+    {
+      "data-testid": "business-details-panel",
+      className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
+      children: [
+        /* @__PURE__ */ i("div", { className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3", children: [
+          /* @__PURE__ */ t(
+            w,
+            {
+              component: "h3",
+              variant: "h6",
+              className: "ttw:font-semibold ttw:text-foreground",
+              children: e.panelTitle
+            }
+          ),
+          /* @__PURE__ */ t(u, { children: /* @__PURE__ */ i(b, { children: [
+            /* @__PURE__ */ t(
+              c,
+              {
+                asChild: !0,
+                onFocus: (m) => {
+                  m.preventDefault();
+                },
+                children: /* @__PURE__ */ t(
+                  p,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: r,
+                    disabled: s,
+                    "aria-label": e.editButtonAriaLabel,
+                    "data-testid": "business-details-edit-button",
+                    className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
+                    children: /* @__PURE__ */ t(h, { className: "ttw:size-5", "aria-hidden": !0 })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t(f, { side: "top", sideOffset: 4, children: e.editTooltip })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ttw:mb-3 ttw:border-b ttw:border-border", "aria-hidden": !0 }),
+        /* @__PURE__ */ t(g, { rows: o })
+      ]
+    }
+  );
+}
+export {
+  E as BUSINESS_DETAILS_PANEL_LABELS_EN,
+  _ as BusinessDetailsPanel
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index11.js

@@ -0,0 +1,89 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { Typography as h, TooltipProvider as f, Tooltip as y, TooltipTrigger as T, Button as A, TooltipContent as v } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Pen as D } from "lucide-react";
+import { AboutYouEditForm as N } from "./index26.js";
+import { AboutYouSummary as x } from "./index27.js";
+import { ABOUT_YOU_PANEL_LABELS_EN as E } from "./index17.js";
+function F({
+  isEditing: o,
+  onEditClick: a,
+  summaryRows: r,
+  editFields: n,
+  labels: l,
+  isDisabled: i,
+  ssnRevealed: d,
+  ssnToggleAriaLabel: m,
+  onToggleSsnVisibility: u,
+  showOwnershipPercentage: b,
+  maxBirthDate: p,
+  ssnMaskedDisplay: w,
+  ssnFormattedDisplay: c
+}) {
+  const e = { ...E, ...l };
+  return o ? /* @__PURE__ */ t(
+    N,
+    {
+      fields: n,
+      labels: e,
+      isDisabled: i,
+      ssnRevealed: d,
+      ssnToggleAriaLabel: m,
+      onToggleSsnVisibility: u,
+      showOwnershipPercentage: b,
+      maxBirthDate: p,
+      ssnMaskedDisplay: w,
+      ssnFormattedDisplay: c
+    }
+  ) : /* @__PURE__ */ s(
+    "section",
+    {
+      "data-testid": "about-you-panel",
+      className: "ttw:relative ttw:min-w-0 ttw:rounded-lg ttw:bg-surface-subtle ttw:p-4",
+      children: [
+        /* @__PURE__ */ s("div", { className: "ttw:mb-3 ttw:flex ttw:items-center ttw:justify-between ttw:gap-3", children: [
+          /* @__PURE__ */ t(
+            h,
+            {
+              component: "h3",
+              variant: "h6",
+              className: "ttw:font-semibold ttw:text-foreground",
+              children: e.panelTitle
+            }
+          ),
+          /* @__PURE__ */ t(f, { children: /* @__PURE__ */ s(y, { children: [
+            /* @__PURE__ */ t(
+              T,
+              {
+                asChild: !0,
+                onFocus: (g) => {
+                  g.preventDefault();
+                },
+                children: /* @__PURE__ */ t(
+                  A,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: a,
+                    disabled: i,
+                    "aria-label": e.editButtonAriaLabel,
+                    "data-testid": "about-you-edit-button",
+                    className: "ttw:rounded-lg ttw:bg-muted ttw:text-foreground ttw:hover:bg-primary/10 ttw:hover:text-foreground",
+                    children: /* @__PURE__ */ t(D, { className: "ttw:size-5", "aria-hidden": !0 })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t(v, { side: "top", sideOffset: 4, children: e.editTooltip })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ttw:mb-3 ttw:border-b ttw:border-border", "aria-hidden": !0 }),
+        /* @__PURE__ */ t(x, { rows: r })
+      ]
+    }
+  );
+}
+export {
+  E as ABOUT_YOU_PANEL_LABELS_EN,
+  F as AboutYouPanel
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index12.js

@@ -0,0 +1,100 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Checkbox as h } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { BUSINESS_DETAILS_LABELS_EN as m, interpolateBankName as s } from "./index4.js";
+const p = "ttw:cursor-pointer ttw:text-primary ttw:underline ttw:underline-offset-2";
+function c({
+  href: r,
+  children: i
+}) {
+  return r ? /* @__PURE__ */ e(
+    "a",
+    {
+      href: r,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: p,
+      children: i
+    }
+  ) : /* @__PURE__ */ e("span", { className: p, children: i });
+}
+function y({
+  value: r,
+  onChange: i,
+  isSubmitting: l,
+  labels: d,
+  bankName: o,
+  termsHref: b,
+  privacyHref: f,
+  electronicCommunicationHref: k,
+  patriotActHref: w
+}) {
+  const t = {
+    ...m,
+    ...d,
+    companyStructureOptions: {
+      ...m.companyStructureOptions,
+      ...d?.companyStructureOptions ?? {}
+    }
+  }, u = (a, x) => i({ ...r, [a]: x });
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-start ttw:gap-2", children: [
+      /* @__PURE__ */ e(
+        h,
+        {
+          id: "isAuthorized",
+          "data-testid": "bank-account-onboarding-authorization-checkbox",
+          checked: r.isAuthorized === !0,
+          onCheckedChange: (a) => u("isAuthorized", a === !0 ? !0 : null),
+          disabled: l,
+          className: "ttw:mt-0.5",
+          "aria-labelledby": "bank-account-onboarding-authorization-text"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "p",
+        {
+          id: "bank-account-onboarding-authorization-text",
+          className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
+          children: t.isAuthorizedQuestion
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-start ttw:gap-2", children: [
+      /* @__PURE__ */ e(
+        h,
+        {
+          id: "isCheckboxChecked",
+          "data-testid": "bank-account-onboarding-disclosure-checkbox",
+          checked: r.isCheckboxChecked,
+          onCheckedChange: (a) => u("isCheckboxChecked", a === !0),
+          disabled: l,
+          className: "ttw:mt-0.5",
+          "aria-labelledby": "bank-account-onboarding-disclosure-text"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "p",
+        {
+          id: "bank-account-onboarding-disclosure-text",
+          className: "ttw:text-sm ttw:font-normal ttw:leading-snug",
+          children: [
+            s(t.acceptDisclosuresPrefix, o),
+            /* @__PURE__ */ e(c, { href: b, children: t.termsOfUse }),
+            t.acceptDisclosuresTermsPrivacyJoin,
+            /* @__PURE__ */ e(c, { href: f, children: t.privacyPolicy }),
+            s(t.acceptDisclosuresAfterPrivacy, o),
+            /* @__PURE__ */ e(c, { href: k, children: t.electronicCommunication }),
+            s(
+              t.acceptDisclosuresAfterElectronic,
+              o
+            ),
+            /* @__PURE__ */ e(c, { href: w, children: t.patriotAct })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  y as BusinessDisclosuresSection
+};

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index13.js

@@ -0,0 +1,103 @@
+import { jsxs as r, Fragment as h, jsx as e } from "react/jsx-runtime";
+import { Button as C } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { MARKETING_WIDGET_LABELS_EN as u } from "./index15.js";
+import { MarketingWidgetModal as k } from "./index14.js";
+import { marketingWidgetTestIds as l } from "./index16.js";
+function E({
+  open: n,
+  isVisible: s,
+  vspLogo: o,
+  bankingText: d,
+  primaryCaption: m,
+  secondaryCaption: c,
+  providedByCaption: a,
+  modalPrimaryImg: w,
+  primaryModalHeader: p,
+  benefits: g,
+  appearance: t,
+  onOpenMarketingModal: b,
+  onCloseMarketingModal: f,
+  onPrimaryCtaClick: x,
+  labels: i
+}) {
+  const y = { ...u, ...i };
+  return s ? /* @__PURE__ */ r(h, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        "data-testid": l.root,
+        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",
+        style: {
+          backgroundColor: t.cardBackgroundColor,
+          borderRadius: t.borderRadius,
+          boxShadow: t.boxShadow
+        },
+        children: [
+          /* @__PURE__ */ r("div", { className: "ttw:mb-2 ttw:flex ttw:items-center ttw:gap-3", children: [
+            /* @__PURE__ */ e(
+              "img",
+              {
+                src: o.src,
+                alt: o.alt,
+                height: 40,
+                width: o.width,
+                style: { objectFit: "contain" }
+              }
+            ),
+            /* @__PURE__ */ e("p", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: d })
+          ] }),
+          /* @__PURE__ */ e("p", { className: "ttw:mb-2 ttw:text-sm ttw:text-muted-foreground", children: a }),
+          /* @__PURE__ */ r("div", { className: "ttw:mb-2 ttw:flex ttw:flex-col", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "ttw:text-xl ttw:font-semibold",
+                style: { color: t.primaryColor },
+                children: m
+              }
+            ),
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "ttw:leading-snug",
+                style: { color: t.primaryColor },
+                children: c
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            C,
+            {
+              type: "button",
+              "data-testid": l.learnMoreButton,
+              onClick: b,
+              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",
+              style: {
+                backgroundColor: t.primaryColor,
+                color: t.primaryContrastColor
+              },
+              children: y.learnMore
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      k,
+      {
+        open: n,
+        providedByCaption: a,
+        modalPrimaryImg: w,
+        primaryModalHeader: p,
+        benefits: g,
+        appearance: t,
+        onClose: f,
+        onPrimaryCtaClick: x,
+        labels: i
+      }
+    )
+  ] }) : null;
+}
+export {
+  E as MarketingWidget
+};