@thecb/components 4.3.11 → 4.3.12

package/dist/index.cjs.js

@@ -37410,6 +37410,7 @@ var InternalUserInfoForm = function InternalUserInfoForm(_ref) {
       selectAgency = _ref.selectAgency,
       roleOptions = _ref.roleOptions,
       clientOptions = _ref.clientOptions,
+      namesDisabled = _ref.namesDisabled,
       emailDisabled = _ref.emailDisabled,
       roleDisabled = _ref.roleDisabled,
       selectionDisabled = _ref.selectionDisabled,
@@ -37443,7 +37444,7 @@ var InternalUserInfoForm = function InternalUserInfoForm(_ref) {
 
   var lastNameErrorMessages = _defineProperty({}, required.error, "Last name is required");
 
-  var emailErrorMessages = _defineProperty({}, required.error, "Email is required");
+  var emailErrorMessages = _defineProperty({}, isProbablyEmail.error, "Invalid email address");
 
   var roleErrorMessages = _defineProperty({}, required.error, "Role is required");
 
@@ -37510,7 +37511,8 @@ var InternalUserInfoForm = function InternalUserInfoForm(_ref) {
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    }
+    },
+    disabled: namesDisabled
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Last Name",
     errorMessages: lastNameErrorMessages,
@@ -37519,7 +37521,8 @@ var InternalUserInfoForm = function InternalUserInfoForm(_ref) {
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    }
+    },
+    disabled: namesDisabled
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Email",
     errorMessages: emailErrorMessages,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.3.11",
+  "version": "4.3.12",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/molecules/internal-user-info-form/InternalUserInfoForm.js

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { required } from "redux-freeform";
+import { required, isProbablyEmail } from "redux-freeform";
 import { Stack, Box, Cluster } from "../../atoms/layouts";
 import ButtonWithAction from "../../atoms/button-with-action";
 import Heading from "../../atoms/heading";
@@ -47,6 +47,7 @@ const InternalUserInfoForm = ({
   selectAgency,
   roleOptions,
   clientOptions,
+  namesDisabled,
   emailDisabled,
   roleDisabled,
   selectionDisabled,
@@ -78,7 +79,7 @@ const InternalUserInfoForm = ({
     [required.error]: "Last name is required"
   };
   const emailErrorMessages = {
-    [required.error]: "Email is required"
+    [isProbablyEmail.error]: "Invalid email address"
   };
   const roleErrorMessages = {
     [required.error]: "Role is required"
@@ -151,6 +152,7 @@ const InternalUserInfoForm = ({
             fieldActions={actions.fields.firstName}
             showErrors={showErrors}
             onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
+            disabled={namesDisabled}
           />
           <FormInput
             labelTextWhenNoError="Last Name"
@@ -159,6 +161,7 @@ const InternalUserInfoForm = ({
             fieldActions={actions.fields.lastName}
             showErrors={showErrors}
             onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
+            disabled={namesDisabled}
           />
           <FormInput
             labelTextWhenNoError="Email"