@mxenabled/connect-widget 2.5.0 → 2.5.1

package/dist/index.es.js

@@ -67415,7 +67415,7 @@ function withProtection(SensitiveComponent) {
 }
 
 const ProtectedTextField = withProtection(X0);
-const ProtectedRadio = withProtection(Radio);
+withProtection(Radio);
 const ProtectedSelect = withProtection(Select);
 const ProtectedSelectionBox = withProtection(q0);
 withProtection(UserFeedback);
@@ -84178,33 +84178,43 @@ const DeleteMemberSurvey = (props) => {
     ) })
   ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(D, { sx: { marginBottom: 4 }, truncate: false, variant: "H2", children: __("Disconnect institution") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel$1, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(D, { "data-test": "disconnect-disclaimer", truncate: false, variant: "Paragraph", children: [
-      _p(
-        "connect/deletesurvey/disclaimer/text",
-        "Why do you want to disconnect %1?",
-        member.name
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 15 }, children: "*" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.reasons, children: reasonList.map((reason, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginBottom: 20 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ProtectedRadio,
-      {
-        autoFocus: i === 0,
-        checked: selectedReason === reason,
-        "data-test": `radio-${reason.replace(/\s+/g, "-")}`,
-        "data-testid": "disconnect-option",
-        id: reason,
-        label: reason,
-        labelPosition: "right",
-        name: "reasons",
-        onChange: () => {
-          setSelectedReason(reason);
-        },
-        required: true
-      },
-      reason
-    ) }, reason)) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "#666", fontSize: 13, marginBottom: 12 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(FormLabel$1, { id: "disconnect-options-label", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        D,
+        {
+          component: "p",
+          "data-test": "disconnect-disclaimer",
+          truncate: false,
+          variant: "Paragraph",
+          children: [
+            _p(
+              "connect/deletesurvey/disclaimer/text",
+              "Why do you want to disconnect %1?",
+              member.name
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 15 }, children: "*" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: styles.reasons, children: reasonList.map((reason, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        q0,
+        {
+          autoFocus: i === 0,
+          "data-test": `selection-${reason.replace(/\s+/g, "-")}`,
+          "data-testid": "disconnect-option",
+          error: isSubmitted && !selectedReason,
+          inputProps: {
+            "aria-labelledby": "disconnect-options-label"
+          },
+          message: reason,
+          name: "selected-reason",
+          onChange: (e) => setSelectedReason(e.target.value),
+          selected: selectedReason === reason,
+          value: reason
+        }
+      ) }, reason)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { color: "#666", fontSize: 13, marginBottom: 12, marginTop: 4 }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#E32727", fontSize: 13 }, children: "*" }),
       " ",
       __("Required")