@commercelayer/react-components 2.40.2 → 2.42.0

package/dist/react-components.esm.js

@@ -8,7 +8,7 @@ import { isEmpty, map, size, first, keys, get as get$1, isFunction as isFunction
 import axios from 'axios';
 import isEmpty$1 from 'lodash-es/isEmpty';
 import merge from 'lodash-es/merge';
-import { Country, State } from 'country-state-city';
+import { Countries, States } from 'countries-states-cities-service';
 import useRapidForm from 'rapid-form';
 import findIndex$1 from 'lodash-es/findIndex';
 import pick from 'lodash-es/pick';
@@ -3151,27 +3151,38 @@ var BillingAddressFormContext = /*#__PURE__*/createContext({});
 var ShippingAddressFormContext = /*#__PURE__*/createContext({});
 
 function getCountries() {
-  return Country.getAllCountries().map(function (_ref) {
+  return Countries.getCountries().map(function (_ref) {
     var name = _ref.name,
-        isoCode = _ref.isoCode;
+        iso2 = _ref.iso2;
     return {
       label: name,
-      value: isoCode
+      value: iso2
     };
   });
 }
-function getStateOfCountry(countryCode) {
-  return State.getStatesOfCountry(countryCode).map(function (_ref2) {
+function getStateOfCountry(country_code) {
+  var filters = {
+    country_code: country_code
+  };
+  if (country_code === 'IT') filters.is_region = false;
+  return States.getStates({
+    filters: filters
+  }).map(function (_ref2) {
     var name = _ref2.name,
-        isoCode = _ref2.isoCode;
+        state_code = _ref2.state_code;
     return {
       label: name,
-      value: isoCode
+      value: state_code
     };
   });
 }
-function isValidState(stateCode, countryCode) {
-  return State.getStateByCodeAndCountry(stateCode, countryCode) !== undefined;
+function isValidState(state_code, country_code) {
+  return States.getStates({
+    filters: {
+      state_code: state_code,
+      country_code: country_code
+    }
+  }).length > 0;
 }
 
 var _excluded$3 = ["required", "value", "name", "className"];
@@ -3334,8 +3345,9 @@ var AddressInput = function AddressInput(props) {
 AddressInput.propTypes = propTypes$4;
 AddressInput.displayName = displayName$3;
 
+var countryLock = ['IT', 'US'];
 function isEmptyStates(countryCode) {
-  return getStateOfCountry(countryCode).length === 0;
+  return !countryLock.includes(countryCode);
 }
 
 var _excluded$6 = ["required", "value", "name", "className"];
@@ -3413,7 +3425,6 @@ var AddressStateSelector = function AddressStateSelector(props) {
   }, [value, billingAddress, shippingAddress, addressErrors]);
   var errorClassName = (billingAddress == null ? void 0 : billingAddress.errorClassName) || (shippingAddress == null ? void 0 : shippingAddress.errorClassName);
   var classNameComputed = className + " " + (hasError ? errorClassName : '');
-  console.log("!isEmptyStates(countryCode) || isValidState(countryCode, val)", !isEmptyStates(countryCode), isValidState(countryCode, val));
   return !isEmptyStates(countryCode) ? /*#__PURE__*/React.createElement(BaseSelect$1, _extends({
     className: classNameComputed,
     ref: (billingAddress == null ? void 0 : billingAddress.validation) || (shippingAddress == null ? void 0 : shippingAddress.validation),
@@ -4276,7 +4287,9 @@ var CustomerInput = function CustomerInput(props) {
       errorClassName = props.errorClassName,
       p = _objectWithoutPropertiesLoose(props, _excluded$b);
 
-  var _useRapidForm = useRapidForm(),
+  var _useRapidForm = useRapidForm({
+    fieldEvent: 'blur'
+  }),
       validation = _useRapidForm.validation,
       values = _useRapidForm.values,
       errors = _useRapidForm.errors;
@@ -8509,6 +8522,7 @@ var StripePayment = function StripePayment(_ref3) {
       var _require = require('@stripe/stripe-js'),
           loadStripe = _require.loadStripe;
 
+      setCustomerOrderParam('savePaymentSourceToCustomerWallet', 'false');
       setIsLoaded(true);
       stripe = loadStripe(publishableKey, {
         locale: locale
@@ -8516,8 +8530,7 @@ var StripePayment = function StripePayment(_ref3) {
     }
 
     return function () {
-      setIsLoaded(false);
-      setCustomerOrderParam('savePaymentSourceToCustomerWallet', 'false');
+      setIsLoaded(false); // setCustomerOrderParam('savePaymentSourceToCustomerWallet', 'false')
     };
   }, [show, publishableKey]);
   return isLoaded && stripe ? /*#__PURE__*/React.createElement("div", _extends({
@@ -11016,7 +11029,6 @@ var ShippingAddressForm = function ShippingAddressForm(props) {
           var _values$shipping_addr;
 
           var countryCode = ((_values$shipping_addr = values['shipping_address_country_code']) == null ? void 0 : _values$shipping_addr.value) || values['country_code'];
-          console.log("countryCode", countryCode, isEmptyStates(countryCode));
 
           if (isEmptyStates(countryCode)) {
             var k = formErrors.findIndex(function (_ref) {