@bigbinary/neeto-molecules 3.5.12 → 3.5.14

package/dist/{phone-number-cf3e77d7.js → phone-number-1d33eea1.js}

@@ -4,13 +4,13 @@ import { shallow } from 'zustand/shallow';
 import { memo, useState, useEffect, forwardRef, useRef, useMemo, useCallback } from 'react';
 import classnames from 'classnames';
 import { getCountries, getCountryCallingCode, isValidPhoneNumber, parsePhoneNumber, formatIncompletePhoneNumber } from 'libphonenumber-js/min';
-import { noop } from '@bigbinary/neeto-cist';
+import { findBy, noop } from '@bigbinary/neeto-cist';
 import Input from '@bigbinary/neetoui/Input';
 import { useTranslation } from 'react-i18next';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import Select from '@bigbinary/neetoui/Select';
 import { c as commonjsGlobal } from './_commonjsHelpers-1c8beb5f.js';
-import { mergeLeft, assoc, prop } from 'ramda';
+import { mergeLeft, assoc } from 'ramda';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Typography from '@bigbinary/neetoui/Typography';
 import { jsx } from 'react/jsx-runtime';
@@ -216,7 +216,14 @@ var getCursorPosition = function getCursorPosition(_ref) {
 };
 
 var useSetInitialCountry = function useSetInitialCountry(initialCountryCode, initialValue) {
-  var setCountryCode = useCountryCodeStore(prop("setCountryCode"));
+  var _useCountryCodeStore = useCountryCodeStore(function (store) {
+      return {
+        countryCode: store["countryCode"],
+        setCountryCode: store["setCountryCode"]
+      };
+    }, shallow),
+    countryCode = _useCountryCodeStore.countryCode,
+    setCountryCode = _useCountryCodeStore.setCountryCode;
   var _getPhoneData = getPhoneData(initialValue),
     countryCodeFromInitialValue = _getPhoneData.countryCode;
   var isFetchLocationEnabled = !initialCountryCode && !countryCodeFromInitialValue;
@@ -227,15 +234,23 @@ var useSetInitialCountry = function useSetInitialCountry(initialCountryCode, ini
       },
       enabled: isFetchLocationEnabled
     }),
-    data = _useQuery.data;
+    data = _useQuery.data,
+    isLoading = _useQuery.isLoading;
   useEffect(function () {
     if (isFetchLocationEnabled) return;
     setCountryCode(countryCodeFromInitialValue || initialCountryCode);
   }, []);
   useEffect(function () {
-    if (!data) return;
-    setCountryCode(data.countryCode);
-  }, [data]);
+    if (isLoading || !isFetchLocationEnabled) return;
+    var newCountryCode = findBy({
+      value: data === null || data === void 0 ? void 0 : data.countryCode
+    }, COUNTRY_PICKER_OPTIONS) ? data === null || data === void 0 ? void 0 : data.countryCode : countryCode || "US";
+
+    // Only update state if the new country code is different from the current one
+    if (newCountryCode !== countryCode) {
+      setCountryCode(newCountryCode);
+    }
+  }, [data, isLoading, isFetchLocationEnabled, countryCode]);
 };
 
 var _excluded = ["value", "onChange", "className", "error", "selectProps", "initialCountryCode"];
@@ -319,4 +334,4 @@ var css = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Color+Emo
 n(css,{});
 
 export { PhoneNumberInput as P, SingleValue$1 as S, getPhoneData as g, isPhoneNumberValid as i, validation as v };
-//# sourceMappingURL=phone-number-cf3e77d7.js.map
+//# sourceMappingURL=phone-number-1d33eea1.js.map