@thecb/components 9.2.4-beta.14 → 9.2.4-beta.16

package/dist/index.cjs.js

@@ -23965,6 +23965,15 @@ var Dropdown = function Dropdown(_ref13) {
     }
   };
 
+  var stringContains = function stringContains(regexp, str) {
+    if (str && typeof str === "string" && regexp && _typeof(regexp) === _typeof(new RegExp(/[]/))) {
+      return regexp.test(str);
+    } else {
+      // If element is not a string, return false
+      return false;
+    }
+  };
+
   React.useEffect(function () {
     var selectedRefExists = selectedRef !== undefined && selectedRef.current !== null;
 
@@ -23998,7 +24007,26 @@ var Dropdown = function Dropdown(_ref13) {
     }
 
     setFilteredOptions(options.filter(function (option) {
-      return option.value.toLowerCase().match(inputValue.toLowerCase()) || option.text.toLowerCase().match(inputValue.toLowerCase());
+      var _option$value, _option$value$toLower, _option$text, _option$text$toLowerC;
+
+      var inputString = inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase();
+      var inputStringContainsPlus = stringContains(/\+/, inputString);
+      var inputStringContainsOpenParen = stringContains(/\(/, inputString);
+      var inputStringContainsCloseParen = stringContains(/\)/, inputString);
+
+      if (inputStringContainsPlus) {
+        inputString = inputString.replace(/\+/, "\\+");
+      }
+
+      if (inputStringContainsOpenParen) {
+        inputString = inputString.replace(/\(/, "\\(");
+      }
+
+      if (inputStringContainsCloseParen) {
+        inputString = inputString.replace(/\)/, "\\)");
+      }
+
+      return (option === null || option === void 0 ? void 0 : (_option$value = option.value) === null || _option$value === void 0 ? void 0 : (_option$value$toLower = _option$value.toLowerCase()) === null || _option$value$toLower === void 0 ? void 0 : _option$value$toLower.match(inputString)) || ((_option$text = option.text) === null || _option$text === void 0 ? void 0 : (_option$text$toLowerC = _option$text.toLowerCase()) === null || _option$text$toLowerC === void 0 ? void 0 : _option$text$toLowerC.match(inputString));
     }));
   }, [inputValue]);
   React.useEffect(function () {
@@ -40446,7 +40474,9 @@ var EmailForm = function EmailForm(_ref) {
       handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
       showWalletCheckbox = _ref.showWalletCheckbox,
       saveToWallet = _ref.saveToWallet,
-      walletCheckboxMarked = _ref.walletCheckboxMarked;
+      walletCheckboxMarked = _ref.walletCheckboxMarked,
+      _ref$isRequired = _ref.isRequired,
+      isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
 
   if (clearOnDismount) {
     React.useEffect(function () {
@@ -40475,7 +40505,8 @@ var EmailForm = function EmailForm(_ref) {
     },
     isEmail: true,
     autocompleteValue: "email",
-    dataQa: "Email address"
+    dataQa: "Email address",
+    isRequired: isRequired
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "email checkbox",
     title: "Save email address to wallet",
@@ -48495,7 +48526,9 @@ var PhoneForm = function PhoneForm(_ref) {
       handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
       showWalletCheckbox = _ref.showWalletCheckbox,
       saveToWallet = _ref.saveToWallet,
-      walletCheckboxMarked = _ref.walletCheckboxMarked;
+      walletCheckboxMarked = _ref.walletCheckboxMarked,
+      _ref$isRequired = _ref.isRequired,
+      isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired;
 
   if (clearOnDismount) {
     React.useEffect(function () {
@@ -48522,7 +48555,8 @@ var PhoneForm = function PhoneForm(_ref) {
     },
     autocompleteValue: "tel-national",
     dataQa: "Phone number",
-    isNum: true
+    isNum: true,
+    isRequired: isRequired
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "phone checkbox",
     title: "Save phone number to wallet",