@mxenabled/connect-widget 1.2.3 → 1.2.4

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/dist/index.es.js CHANGED
@@ -74189,8 +74189,8 @@ const AccountInfo = (props) => {
74189
74189
  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, children: [
74190
74190
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.header, children: /* @__PURE__ */ jsxRuntimeExports.jsx(x, { "data-test": "title-header", style: styles.title, truncate: false, variant: "H2", children: __("Enter account information") }) }) }),
74191
74191
  /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: (e) => e.preventDefault(), children: [
74192
- /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
74193
- /* @__PURE__ */ jsxRuntimeExports.jsx("label", { "data-test": "account-type-label", style: styles.label, children: __("Account Type") }),
74192
+ /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("fieldset", { "data-test": "account-type-label", style: styles.label, children: [
74193
+ /* @__PURE__ */ jsxRuntimeExports.jsx("legend", { children: __("Account type") }),
74194
74194
  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-test": "selection-boxes", style: styles.selectBoxes, children: [
74195
74195
  /* @__PURE__ */ jsxRuntimeExports.jsx(
74196
74196
  ProtectedSelectionBox,
@@ -74219,7 +74219,7 @@ const AccountInfo = (props) => {
74219
74219
  }
74220
74220
  )
74221
74221
  ] })
74222
- ] }),
74222
+ ] }) }),
74223
74223
  /* @__PURE__ */ jsxRuntimeExports.jsxs(SlideDown, { delay: getNextDelay(), children: [
74224
74224
  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.inputStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
74225
74225
  ProtectedTextField,
@@ -74233,11 +74233,12 @@ const AccountInfo = (props) => {
74233
74233
  label: schema.accountNumber.label,
74234
74234
  name: "accountNumber",
74235
74235
  onChange: handleTextInputChange,
74236
+ required: true,
74236
74237
  type: "tel",
74237
74238
  value: values.accountNumber
74238
74239
  }
74239
74240
  ) }),
74240
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.inputStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
74241
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
74241
74242
  ProtectedTextField,
74242
74243
  {
74243
74244
  autoComplete: "off",
@@ -74248,11 +74249,13 @@ const AccountInfo = (props) => {
74248
74249
  label: schema.accountNumberConfirm.label,
74249
74250
  name: "accountNumberConfirm",
74250
74251
  onChange: handleTextInputChange,
74252
+ required: true,
74251
74253
  type: "tel",
74252
74254
  value: values.accountNumberConfirm
74253
74255
  }
74254
74256
  ) })
74255
74257
  ] }),
74258
+ /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredFieldNote, {}) }),
74256
74259
  /* @__PURE__ */ jsxRuntimeExports.jsx(SlideDown, { delay: getNextDelay(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
74257
74260
  Button$2,
74258
74261
  {
@@ -74294,8 +74297,6 @@ const getStyles$o = (tokens) => ({
74294
74297
  },
74295
74298
  label: {
74296
74299
  fontSize: tokens.FontSize.InputLabel,
74297
- paddingLeft: tokens.Spacing.InputLabelPaddingLeft,
74298
- paddingRight: tokens.Spacing.InputLabelPaddingRight,
74299
74300
  backgroundColor: tokens.BackgroundColor.InputLabelDefault,
74300
74301
  color: tokens.TextColor.InputLabel,
74301
74302
  lineHeight: tokens.LineHeight.Small