tf-checkout-react 1.2.6 → 1.2.7

package/dist/tf-checkout-react.esm.js

@@ -1662,80 +1662,6 @@ var CheckboxField = function CheckboxField(_ref) {
   })), !!(rest != null && (_rest$form2 = rest.form) != null && _rest$form2.errors && rest.form.errors[(_field$name2 = field == null ? void 0 : field.name) != null ? _field$name2 : ""]) ? React.createElement(FormHelperText, null, "Required") : null);
 };
 
-var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
-  return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
-};
-var createFixedFloatNormalizer = function createFixedFloatNormalizer(fixedValue) {
-  return function (value) {
-    return value || "" + value === '0' ? (+value).toFixed(fixedValue) : '';
-  };
-};
-var getCurrencySymbolByCurrency = function getCurrencySymbolByCurrency(currency) {
-  if (currency === void 0) {
-    currency = '';
-  }
-
-  switch (currency) {
-    case 'GBP':
-      return '£';
-
-    case 'EUR':
-      return '€';
-
-    case 'INR':
-      return '₹';
-
-    case 'JMD':
-      return 'J$';
-
-    case 'NZD':
-      return 'NZ$';
-
-    case 'MYR':
-      return 'RM';
-
-    case 'MXN':
-      return 'Mex$';
-
-    case 'SGD':
-      return 'S$';
-
-    case 'AUD':
-      return 'A$';
-
-    case 'ZAR':
-      return 'R';
-
-    case 'ke':
-      return 'Ksh';
-
-    case 'TRY':
-      return '₺';
-
-    case 'CAD':
-      return 'CA$';
-
-    case 'THB':
-      return '฿';
-
-    case 'ISK':
-      return 'Kr';
-
-    case 'SEK':
-      return 'kr';
-
-    default:
-      return 'US$';
-  }
-};
-var removePlusSign = function removePlusSign(string) {
-  if (string === void 0) {
-    string = '';
-  }
-
-  return string.replace('+', '');
-};
-
 var PhoneNumberField = function PhoneNumberField(_ref) {
   var label = _ref.label,
       field = _ref.field,
@@ -1744,10 +1670,13 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
       touched = _ref$form.touched,
       setFieldError = _ref$form.setFieldError,
       setStatus = _ref$form.setStatus,
+      values = _ref$form.values,
       initialValues = _ref$form.initialValues,
       setFieldValue = _ref$form.setFieldValue,
       _ref$disableDropdown = _ref.disableDropdown,
-      disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown;
+      disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
+      _ref$fill = _ref.fill,
+      fill = _ref$fill === void 0 ? false : _ref$fill;
 
   var error = _get(errors, field.name);
 
@@ -1806,9 +1735,9 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
   }, [field.value]);
   return React.createElement(MuiPhoneNumber, {
     name: field.name,
-    value: initialValues.phone,
+    value: fill ? values.phone : initialValues.phone,
     onChange: function onChange(e) {
-      return setFieldValue(field.name, removePlusSign(e));
+      return setFieldValue(field.name, e);
     },
     variant: "outlined",
     defaultCountry: "us",
@@ -3532,6 +3461,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
             name: element.name,
             label: element.name === 'phone' ? "" + element.label + (flagRequirePhone ? '' : ' (optional)') + " " : element.label,
             type: element.type,
+            fill: element.fill,
             validate: getValidateFunctions(element, states, props.values),
             setFieldValue: props.setFieldValue,
             onBlur: props.handleBlur,
@@ -3636,6 +3566,73 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   }));
 };
 
+var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
+  return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
+};
+var createFixedFloatNormalizer = function createFixedFloatNormalizer(fixedValue) {
+  return function (value) {
+    return value || "" + value === '0' ? (+value).toFixed(fixedValue) : '';
+  };
+};
+var getCurrencySymbolByCurrency = function getCurrencySymbolByCurrency(currency) {
+  if (currency === void 0) {
+    currency = '';
+  }
+
+  switch (currency) {
+    case 'GBP':
+      return '£';
+
+    case 'EUR':
+      return '€';
+
+    case 'INR':
+      return '₹';
+
+    case 'JMD':
+      return 'J$';
+
+    case 'NZD':
+      return 'NZ$';
+
+    case 'MYR':
+      return 'RM';
+
+    case 'MXN':
+      return 'Mex$';
+
+    case 'SGD':
+      return 'S$';
+
+    case 'AUD':
+      return 'A$';
+
+    case 'ZAR':
+      return 'R';
+
+    case 'ke':
+      return 'Ksh';
+
+    case 'TRY':
+      return '₺';
+
+    case 'CAD':
+      return 'CA$';
+
+    case 'THB':
+      return '฿';
+
+    case 'ISK':
+      return 'Kr';
+
+    case 'SEK':
+      return 'kr';
+
+    default:
+      return 'US$';
+  }
+};
+
 var options = {
   style: {
     base: {