@mxenabled/connect-widget 2.5.1 → 2.5.2

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 (4) hide show
  1. package/dist/index.es.js +83 -11
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/lastBuild.txt +1 -1
  4. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -78876,7 +78876,7 @@ const HowItWorks = ({ onContinue }) => {
78876
78876
  const getNextDelay = getDelay();
78877
78877
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
78878
78878
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.body, children: [
78879
- /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "title-header", truncate: false, variant: "H2", children: __("Connect your institution with account numbers") }),
78879
+ /* @__PURE__ */ jsxRuntimeExports.jsx(D, { component: "h2", "data-test": "title-header", truncate: false, variant: "H2", children: __("Connect your institution with account numbers") }),
78880
78880
  /* @__PURE__ */ jsxRuntimeExports.jsx(
78881
78881
  InstructionList,
78882
78882
  {
@@ -78962,7 +78962,17 @@ const PersonalInfoForm = ({ accountDetails, onContinue }) => {
78962
78962
  }, [isSubmitting]);
78963
78963
  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
78964
78964
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.header, children: [
78965
- /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Enter account holder information") }),
78965
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
78966
+ D,
78967
+ {
78968
+ component: "h2",
78969
+ "data-test": "title-header",
78970
+ style: styles.title,
78971
+ truncate: false,
78972
+ variant: "H2",
78973
+ children: __("Enter account holder information")
78974
+ }
78975
+ ),
78966
78976
  /* @__PURE__ */ jsxRuntimeExports.jsx(
78967
78977
  D,
78968
78978
  {
@@ -79103,7 +79113,17 @@ const AccountInfo = (props) => {
79103
79113
  return /* @__PURE__ */ jsxRuntimeExports.jsx(FindAccountInfo, { onClose: () => setShowFindDetails(false), step: "accountInfo" });
79104
79114
  }
79105
79115
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
79106
- /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Enter account information") }) }) }),
79116
+ /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
79117
+ D,
79118
+ {
79119
+ component: "h2",
79120
+ "data-test": "title-header",
79121
+ style: styles.title,
79122
+ truncate: false,
79123
+ variant: "H2",
79124
+ children: __("Enter account information")
79125
+ }
79126
+ ) }) }),
79107
79127
  /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
79108
79128
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { component: "fieldset", sx: { width: "100%" }, children: [
79109
79129
  /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel$1, { component: "legend", children: __("Account type") }),
@@ -79114,7 +79134,7 @@ const AccountInfo = (props) => {
79114
79134
  row: true,
79115
79135
  sx: {
79116
79136
  justifyContent: "space-between",
79117
- padding: "0 0 32px 0",
79137
+ padding: "0 0 16px 0",
79118
79138
  marginTop: tokens.Spacing.XSmall,
79119
79139
  "& > .ph-no-capture": {
79120
79140
  width: "48%"
@@ -79423,7 +79443,17 @@ const ConfirmDetails = (props) => {
79423
79443
  }, [containerRef]);
79424
79444
  const handleEdit = (focus) => fadeOut(containerRef.current, "up", 300).then(() => onEditForm(focus));
79425
79445
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
79426
- /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Review your information") }) }) }),
79446
+ /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
79447
+ D,
79448
+ {
79449
+ component: "h2",
79450
+ "data-test": "title-header",
79451
+ style: styles.title,
79452
+ truncate: false,
79453
+ variant: "H2",
79454
+ children: __("Review your information")
79455
+ }
79456
+ ) }) }),
79427
79457
  props.shouldShowUserDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
79428
79458
  /* @__PURE__ */ jsxRuntimeExports.jsx(
79429
79459
  DetailReviewItem,
@@ -79562,7 +79592,17 @@ const ComeBack = ({ microdeposit, onDone }) => {
79562
79592
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
79563
79593
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: 100, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": true, "data-test": "svg-header", style: styles.svg, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgComeBackGraphic, {}) }) }),
79564
79594
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: 100, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.header, children: [
79565
- /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Check back soon") }),
79595
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
79596
+ D,
79597
+ {
79598
+ component: "h2",
79599
+ "data-test": "title-header",
79600
+ style: styles.title,
79601
+ truncate: false,
79602
+ variant: "H2",
79603
+ children: __("Check back soon")
79604
+ }
79605
+ ),
79566
79606
  /* @__PURE__ */ jsxRuntimeExports.jsx(
79567
79607
  ProtectedText,
79568
79608
  {
@@ -79688,7 +79728,17 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
79688
79728
  }, [errors]);
79689
79729
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
79690
79730
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.header, children: [
79691
- /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Enter deposit amounts") }),
79731
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
79732
+ D,
79733
+ {
79734
+ component: "h2",
79735
+ "data-test": "title-header",
79736
+ style: styles.title,
79737
+ truncate: false,
79738
+ variant: "H2",
79739
+ children: __("Enter deposit amounts")
79740
+ }
79741
+ ),
79692
79742
  /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
79693
79743
  /* @__PURE__ */ jsxRuntimeExports.jsx(
79694
79744
  ProtectedText,
@@ -79780,7 +79830,8 @@ const VerifyDeposits = ({ microdeposit, onSuccess }) => {
79780
79830
  const getStyles$k = (tokens) => ({
79781
79831
  header: {
79782
79832
  display: "flex",
79783
- flexDirection: "column"
79833
+ flexDirection: "column",
79834
+ marginBottom: tokens.Spacing.Large
79784
79835
  },
79785
79836
  title: {
79786
79837
  marginBottom: tokens.Spacing.XSmall
@@ -79867,7 +79918,7 @@ const MicrodepositErrors = ({
79867
79918
  };
79868
79919
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
79869
79920
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { children: [
79870
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(D, { style: styles.title, truncate: false, variant: "H2", children: getTitle() }) }),
79921
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(D, { component: "h2", style: styles.title, truncate: false, variant: "H2", children: getTitle() }) }),
79871
79922
  /* @__PURE__ */ jsxRuntimeExports.jsx(MessageBox, { style: styles.messageBox, variant: "error", children: /* @__PURE__ */ jsxRuntimeExports.jsx(D, { component: "p", role: "alert", truncate: false, variant: "ParagraphSmall", children: getMessage() }) })
79872
79923
  ] }),
79873
79924
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: 100, children: [
@@ -79986,7 +80037,17 @@ const Verifying = ({ microdeposit, onError, onSuccess }) => {
79986
80037
  }, [microdeposit.guid]);
79987
80038
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
79988
80039
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.header, children: [
79989
- /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "header-title", style: styles.title, truncate: false, variant: "H2", children: __("Verifying ...") }),
80040
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
80041
+ D,
80042
+ {
80043
+ component: "h2",
80044
+ "data-test": "header-title",
80045
+ style: styles.title,
80046
+ truncate: false,
80047
+ variant: "H2",
80048
+ children: __("Verifying ...")
80049
+ }
80050
+ ),
79990
80051
  /* @__PURE__ */ jsxRuntimeExports.jsx(
79991
80052
  D,
79992
80053
  {
@@ -80043,7 +80104,17 @@ const Verified = ({ microdeposit, onDone }) => {
80043
80104
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, style: styles.container, children: [
80044
80105
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": true, "data-test": "svg-header", style: styles.svg, children: /* @__PURE__ */ jsxRuntimeExports.jsx(SvgVerifiedGraphic, {}) }) }),
80045
80106
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: 100, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: styles.header, children: [
80046
- /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Deposits verified") }),
80107
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
80108
+ D,
80109
+ {
80110
+ component: "h2",
80111
+ "data-test": "title-header",
80112
+ style: styles.title,
80113
+ truncate: false,
80114
+ variant: "H2",
80115
+ children: __("Deposits verified")
80116
+ }
80117
+ ),
80047
80118
  /* @__PURE__ */ jsxRuntimeExports.jsx(D, { "data-test": "verified-paragraph", truncate: false, variant: "Paragraph", children: __("You're almost done setting things up. Continue to your institution.") })
80048
80119
  ] }) }),
80049
80120
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: 200, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -80562,6 +80633,7 @@ const VerifyExistingMember = (props) => {
80562
80633
  /* @__PURE__ */ jsxRuntimeExports.jsx(
80563
80634
  D,
80564
80635
  {
80636
+ component: "h3",
80565
80637
  "data-test": "connected-institutions-text",
80566
80638
  sx: { marginBottom: tokens.Spacing.XSmall, fontWeight: 600 },
80567
80639
  truncate: false,