tf-checkout-react 1.3.34 → 1.3.35

package/dist/tf-checkout-react.cjs.development.js

@@ -3269,13 +3269,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               case 3:
                 res = _context2.sent;
                 setCustomHeader(res);
-                setCountries(_map(_get(res, 'data.data'), function (item) {
-                  return {
-                    label: item.name,
-                    value: item.id,
-                    code: item.code
-                  };
-                }));
+                setCountries(_get(res, 'data.data'));
                 setIsCountriesLoading(false);
                 onGetCountriesSuccess(res.data);
                 _context2.next = 14;
@@ -3504,6 +3498,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     }
   }
 
+  var selectedCountry = _find(countries, function (item) {
+    return item.code.toLowerCase() === defaultCountry;
+  }) || {};
+  var initialCountry = selectedCountry.id || _get(userData, 'country', '') || '1';
   return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
   }, (loading || isCountriesLoading) && React__default.createElement(Backdrop, {
@@ -3520,9 +3518,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     onCountdownFinish: onCountdownFinish
   }), !isCountriesLoading && React__default.createElement(formik.Formik, {
     initialValues: getInitialValues(dataWithUniqueIds, _extends({
-      country: (_find(countries, function (item) {
-        return item.code.toLowerCase() === defaultCountry;
-      }) || {}).value || _get(userData, 'country', '') || '1',
+      country: initialCountry,
       state: _get(userData, 'state', '') || '1',
       brand_opt_in: optedInFieldValue,
       ttf_opt_in: ttfOptIn
@@ -3820,7 +3816,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             setFieldValue: props.setFieldValue,
             onBlur: props.handleBlur,
             component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : element.type === 'radio' ? RadioGroupField : CustomField,
-            selectOptions: element.name === 'country' ? countries : element.name === 'state' ? states : [],
+            selectOptions: element.name === 'country' ? _map(countries, function (item) {
+              return {
+                value: item.id,
+                label: item.name
+              };
+            }) : element.name === 'state' ? states : [],
             radios: element.radios,
             theme: theme,
             disableDropdown: element.disableDropdown,