@thecb/components 4.1.20-beta.0 → 4.1.20

package/dist/index.cjs.js

@@ -20593,8 +20593,6 @@ var FormInput = function FormInput(_ref13) {
       errorMessages = _ref13.errorMessages,
       _ref13$isNum = _ref13.isNum,
       isNum = _ref13$isNum === void 0 ? false : _ref13$isNum,
-      _ref13$isEmail = _ref13.isEmail,
-      isEmail = _ref13$isEmail === void 0 ? false : _ref13$isEmail,
       _ref13$helperModal = _ref13.helperModal,
       helperModal = _ref13$helperModal === void 0 ? false : _ref13$helperModal,
       field = _ref13.field,
@@ -20607,7 +20605,7 @@ var FormInput = function FormInput(_ref13) {
       background = _ref13.background,
       customHeight = _ref13.customHeight,
       extraStyles = _ref13.extraStyles,
-      props = _objectWithoutProperties(_ref13, ["type", "labelTextWhenNoError", "errorMessages", "isNum", "isEmail", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "extraStyles"]);
+      props = _objectWithoutProperties(_ref13, ["type", "labelTextWhenNoError", "errorMessages", "isNum", "helperModal", "field", "fieldActions", "showErrors", "formatter", "decorator", "themeValues", "background", "customHeight", "extraStyles"]);
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -20674,7 +20672,7 @@ var FormInput = function FormInput(_ref13) {
     type: type,
     value: field.rawValue,
     pattern: isNum ? "[0-9]*" : "",
-    inputMode: isNum ? "numeric" : isEmail ? "email" : "text",
+    inputMode: isNum ? "numeric" : "",
     field: field,
     formatter: formatter,
     showErrors: showErrors,
@@ -20690,7 +20688,7 @@ var FormInput = function FormInput(_ref13) {
     type: type === "password" && showPassword ? "text" : type,
     value: field.rawValue,
     pattern: isNum ? "[0-9]*" : "",
-    inputMode: isNum ? "numeric" : isEmail ? "email" : "text",
+    inputMode: isNum ? "numeric" : "",
     field: field,
     showErrors: showErrors,
     "data-qa": labelTextWhenNoError,
@@ -35002,8 +35000,7 @@ var EmailForm = function EmailForm(_ref) {
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isEmail: true
+    }
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "email checkbox",
     title: "Save email address to wallet",
@@ -35054,8 +35051,7 @@ var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isEmail: true
+    }
   });
 };
 
@@ -35158,8 +35154,7 @@ var LoginForm = function LoginForm(_ref) {
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isEmail: true
+    }
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Password",
     errorMessages: passwordErrorMessages,
@@ -38549,7 +38544,6 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
       },
       placeholder: "$0.00",
       formatter: moneyFormat,
-      isNum: true,
       decorator: /*#__PURE__*/React__default.createElement(Text$1, {
         variant: "p"
       }, "Amount owed:", "  ", /*#__PURE__*/React__default.createElement(Text$1, {
@@ -39120,7 +39114,6 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     field: fields.routingNumber,
     fieldActions: actions.fields.routingNumber,
     showErrors: showErrors,
-    isNum: true,
     helperModal: function helperModal() {
       return /*#__PURE__*/React__default.createElement(AccountAndRoutingModal$1, {
         link: "What is this?",
@@ -39142,15 +39135,13 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isNum: true
+    }
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Account number",
     errorMessages: accountNumberErrors,
     field: fields.accountNumber,
     fieldActions: actions.fields.accountNumber,
     showErrors: showErrors,
-    isNum: true,
     helperModal: function helperModal() {
       return /*#__PURE__*/React__default.createElement(AccountAndRoutingModal$1, {
         link: "What is this?",
@@ -39172,8 +39163,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     showErrors: showErrors,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isNum: true
+    }
   }), allowBankAccountType && /*#__PURE__*/React__default.createElement(FormSelect$1, {
     labelTextWhenNoError: "Account type",
     options: [{
@@ -39308,8 +39298,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     formatter: creditCardFormat,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isNum: true
+    }
   }), /*#__PURE__*/React__default.createElement(FormInputRow, {
     breakpoint: "20rem"
   }, /*#__PURE__*/React__default.createElement(FormInput$1, {
@@ -39321,15 +39310,13 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     formatter: expirationDateFormat,
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isNum: true
+    }
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",
     errorMessages: cvvErrors,
     field: fields.cvv,
     fieldActions: actions.fields.cvv,
     showErrors: showErrors,
-    isNum: true,
     background: checkCardBrand(fields.creditCardNumber.rawValue) == "AMEX" ? "/AmexCVVHint.svg" : "/CVVHint.svg",
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
@@ -39428,8 +39415,7 @@ var PhoneForm = function PhoneForm(_ref) {
     formatter: src_2(phoneFormats, formatDelimiter),
     onKeyUp: function onKeyUp(e) {
       return e.key === "Enter" && handleSubmit(e);
-    },
-    isNum: true
+    }
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "phone checkbox",
     title: "Save phone number to wallet",
@@ -39710,8 +39696,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    type: "email",
-    isEmail: true
+    type: "email"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Password",
     errorMessages: passwordErrorMessages,

package/package.json

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

package/src/components/atoms/form-layouts/FormInput.js

@@ -85,7 +85,6 @@ const FormInput = ({
   labelTextWhenNoError = "",
   errorMessages,
   isNum = false,
-  isEmail = false,
   helperModal = false,
   field,
   fieldActions,
@@ -177,7 +176,7 @@ const FormInput = ({
             type={type}
             value={field.rawValue}
             pattern={isNum ? "[0-9]*" : ""}
-            inputMode={isNum ? "numeric" : isEmail ? "email" : "text"}
+            inputMode={isNum ? "numeric" : ""}
             field={field}
             formatter={formatter}
             showErrors={showErrors}
@@ -194,7 +193,7 @@ const FormInput = ({
             type={type === "password" && showPassword ? "text" : type}
             value={field.rawValue}
             pattern={isNum ? "[0-9]*" : ""}
-            inputMode={isNum ? "numeric" : isEmail ? "email" : "text"}
+            inputMode={isNum ? "numeric" : ""}
             field={field}
             showErrors={showErrors}
             data-qa={labelTextWhenNoError}

package/src/components/molecules/email-form/EmailForm.js

@@ -45,7 +45,6 @@ const EmailForm = ({
           fieldActions={actions.fields.email}
           showErrors={showErrors}
           onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
-          isEmail
         />
         {showWalletCheckbox && (
           <Checkbox

package/src/components/molecules/forgot-password-form/ForgotPasswordForm.js

@@ -26,7 +26,6 @@ const ForgotPasswordForm = ({
       fieldActions={actions.fields.email}
       showErrors={showErrors}
       onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
-      isEmail
     />
   );
 };

package/src/components/molecules/login-form/LoginForm.js

@@ -30,7 +30,6 @@ const LoginForm = ({
         fieldActions={actions.fields.email}
         showErrors={showErrors}
         onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
-        isEmail
       />
       <FormInput
         labelTextWhenNoError="Password"

package/src/components/molecules/partial-amount-form/PartialAmountForm.js

@@ -57,7 +57,6 @@ const PartialAmountForm = ({
             style={{ textAlign: "right" }}
             placeholder="$0.00"
             formatter={moneyFormat}
-            isNum
             decorator={
               <Text variant="p">
                 Amount owed:{"  "}

package/src/components/molecules/payment-form-ach/PaymentFormACH.js

@@ -77,7 +77,6 @@ const PaymentFormACH = ({
           field={fields.routingNumber}
           fieldActions={actions.fields.routingNumber}
           showErrors={showErrors}
-          isNum
           helperModal={() => (
             <AccountAndRoutingModal
               link="What is this?"
@@ -98,7 +97,6 @@ const PaymentFormACH = ({
           fieldActions={actions.fields.confirmRoutingNumber}
           showErrors={showErrors}
           onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
-          isNum
         />
         <FormInput
           labelTextWhenNoError="Account number"
@@ -106,7 +104,6 @@ const PaymentFormACH = ({
           field={fields.accountNumber}
           fieldActions={actions.fields.accountNumber}
           showErrors={showErrors}
-          isNum
           helperModal={() => (
             <AccountAndRoutingModal
               link="What is this?"
@@ -127,7 +124,6 @@ const PaymentFormACH = ({
           fieldActions={actions.fields.confirmAccountNumber}
           showErrors={showErrors}
           onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
-          isNum
         />
         {allowBankAccountType && (
           <FormSelect

package/src/components/molecules/payment-form-card/PaymentFormCard.js

@@ -94,7 +94,6 @@ const PaymentFormCard = ({
           showErrors={showErrors}
           formatter={creditCardFormat}
           onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
-          isNum
         />
         <FormInputRow breakpoint="20rem">
           <FormInput
@@ -105,7 +104,6 @@ const PaymentFormCard = ({
             showErrors={showErrors}
             formatter={expirationDateFormat}
             onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
-            isNum
           />
           <FormInput
             labelTextWhenNoError="CVV"
@@ -113,7 +111,6 @@ const PaymentFormCard = ({
             field={fields.cvv}
             fieldActions={actions.fields.cvv}
             showErrors={showErrors}
-            isNum
             background={
               checkCardBrand(fields.creditCardNumber.rawValue) == "AMEX"
                 ? "/AmexCVVHint.svg"

package/src/components/molecules/phone-form/PhoneForm.js

@@ -40,7 +40,6 @@ const PhoneForm = ({
           showErrors={showErrors}
           formatter={createFormat(phoneFormats, formatDelimiter)}
           onKeyUp={e => e.key === "Enter" && handleSubmit(e)}
-          isNum
         />
         {showWalletCheckbox && (
           <Checkbox

package/src/components/molecules/registration-form/RegistrationForm.js

@@ -76,7 +76,6 @@ const RegistrationForm = ({
         showErrors={showErrors}
         onKeyDown={e => e.key === "Enter" && handleSubmit(e)}
         type="email"
-        isEmail
       />
       <FormInput
         labelTextWhenNoError="Password"