@thecb/components 10.4.0 → 10.4.2-beta.1

package/dist/index.esm.js

@@ -39818,6 +39818,12 @@ validatorFns[IS_PROBABLY_EMAIL] = (value, args, form) => {
   return new RegExp(/^\S+@\S+\.\S+$/).test(value);
 };
 
+const VALID_NAME = 'validator/VALID_NAME';
+const VALID_NAME_ERROR = 'validator/VALID_NAME_ERROR';
+const validName = createValidator(VALID_NAME, VALID_NAME_ERROR);
+validatorFns[VALID_NAME] = (value, args, form) =>
+  value === '' ? false : new RegExp(/[A-Za-z]+(\s?[A-Za-z\-,'])*/).test(value);
+
 const runValidatorErrorMessage = (type) =>
   `${type} was passed to runValidator, but that validator type does not exist. 
   Please check that you are only calling validator creator functions exported from 
@@ -47838,10 +47844,12 @@ var PaymentDetailsContent = function PaymentDetailsContent(_ref) {
     voidableTransactionDetails = _ref.voidableTransactionDetails,
     voidableAmountPaid = _ref.voidableAmountPaid,
     partialVoidAction = _ref.partialVoidAction,
-    remainingBalance = _ref.remainingBalance;
+    remainingBalance = _ref.remainingBalance,
+    agencySubheading = _ref.agencySubheading,
+    isCollapsible = _ref.isCollapsible;
   return /*#__PURE__*/React.createElement(Stack, {
     childGap: "16px"
-  }, lineItemElems, hasVoidablePaymentsSection && /*#__PURE__*/React.createElement(Box, {
+  }, isCollapsible && agencySubheading, lineItemElems, hasVoidablePaymentsSection && /*#__PURE__*/React.createElement(Box, {
     background: ATHENS_GREY
   }, /*#__PURE__*/React.createElement(Text$1, {
     variant: "p",
@@ -48056,7 +48064,10 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     _ref4$isLoading = _ref4.isLoading,
     isLoading = _ref4$isLoading === void 0 ? false : _ref4$isLoading,
     _ref4$isError = _ref4.isError,
-    isError = _ref4$isError === void 0 ? false : _ref4$isError;
+    isError = _ref4$isError === void 0 ? false : _ref4$isError,
+    _ref4$multiCartEnable = _ref4.multiCartEnabled,
+    multiCartEnabled = _ref4$multiCartEnable === void 0 ? false : _ref4$multiCartEnable,
+    agencyDisplayName = _ref4.agencyDisplayName;
   var _useState = useState(initiallyOpen),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -48096,6 +48107,21 @@ var PaymentDetails = function PaymentDetails(_ref4) {
       variant: themeValues.labeledAmountSubtotal
     }, fee)));
   });
+  var agencySubheading = /*#__PURE__*/React.createElement(React.Fragment, null, multiCartEnabled && agencyDisplayName && /*#__PURE__*/React.createElement(Cluster, {
+    justify: "space-between",
+    align: "center",
+    style: {
+      margin: isCollapsible ? "0" : "0.5rem 0"
+    }
+  }, /*#__PURE__*/React.createElement(Title$1, {
+    weight: FONT_WEIGHT_REGULAR,
+    as: "h3",
+    extraStyles: "font-size: 1rem;"
+  }, agencyDisplayName), (lineItems === null || lineItems === void 0 ? void 0 : lineItems.length) && /*#__PURE__*/React.createElement(Text$1, {
+    variant: "pS",
+    color: themeValues.text,
+    weight: "400"
+  }, "".concat(lineItems.length, "  item").concat(lineItems.length > 1 ? "s" : ""))));
   var content = isCollapsible ? /*#__PURE__*/React.createElement(Stack, {
     childGap: "0"
   }, /*#__PURE__*/React.createElement(Box, {
@@ -48113,7 +48139,9 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     voidableTransactionDetails: voidableTransactionDetails,
     voidableAmountPaid: voidableAmountPaid,
     partialVoidAction: partialVoidAction,
-    remainingBalance: remainingBalance
+    remainingBalance: remainingBalance,
+    agencySubheading: agencySubheading,
+    isCollapsible: isCollapsible
   })) : /*#__PURE__*/React.createElement(PaymentDetailsContent, {
     lineItemElems: lineItemElems,
     feeElems: feeElems,
@@ -48125,7 +48153,9 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     voidableTransactionDetails: voidableTransactionDetails,
     voidableAmountPaid: voidableAmountPaid,
     partialVoidAction: partialVoidAction,
-    remainingBalance: remainingBalance
+    remainingBalance: remainingBalance,
+    agencySubheading: agencySubheading,
+    isCollapsible: isCollapsible
   });
   var title = hideTitle ? /*#__PURE__*/React.createElement(Fragment$1, null) : isCollapsible ? /*#__PURE__*/React.createElement(Box, {
     width: "100%",
@@ -48142,13 +48172,13 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     weight: FONT_WEIGHT_BOLD,
     as: "p",
     extraStyles: "font-size: 1.375rem;"
-  }, displayCurrency(total)))) : /*#__PURE__*/React.createElement(Title$1, {
+  }, displayCurrency(total)))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title$1, {
     as: "h2",
     weight: FONT_WEIGHT_BOLD,
     margin: "1rem 0 0 0",
     extraStyles: "font-size: 1.75rem;",
     id: "payment-details-title"
-  }, titleText);
+  }, titleText), agencySubheading);
   return isCollapsible ? /*#__PURE__*/React.createElement(Collapsible, {
     title: title,
     content: content,
@@ -49440,8 +49470,8 @@ var RegistrationForm = function RegistrationForm(_ref) {
       };
     }, []);
   }
-  var firstNameErrorMessages = _defineProperty({}, required.error, "First name is required");
-  var lastNameErrorMessages = _defineProperty({}, required.error, "Last name is required");
+  var firstNameErrorMessages = _defineProperty(_defineProperty({}, required.error, "First name is required"), validName.error, "First name contains invalid characters");
+  var lastNameErrorMessages = _defineProperty(_defineProperty({}, required.error, "Last name is required"), validName.error, "Last name contains invalid characters");
   var emailErrorMessages = _defineProperty(_defineProperty({}, required.error, "Email is required"), isProbablyEmail.error, "Invalid email address");
   var passwordErrorMessages = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, required.error, "Password is required"), hasLength.error, "Password must have at least 8 characters"), hasNumber.error, "Password must contain at least one number"), hasLowercaseLetter.error, "Password must contain at least one lowercase letter"), hasUppercaseLetter.error, "Password must contain at least one uppercase letter"), hasSpecialCharacter.error, "Password must contain at least one special character (!@#$%^&*.?)");
   var confirmPasswordErrorMessages = _defineProperty({}, matchesField.error, "Confirm password must match password");
@@ -49517,10 +49547,10 @@ var RegistrationForm = function RegistrationForm(_ref) {
 
 var formConfig$9 = {
   firstName: {
-    validators: [required()]
+    validators: [required(), validName()]
   },
   lastName: {
-    validators: [required()]
+    validators: [required(), validName()]
   },
   email: {
     validators: [required(), isProbablyEmail()]