@dynamic-labs/sdk-react-core 3.0.0-alpha.0 → 3.0.0-alpha.2

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -16,6 +16,7 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import { capitalize } from '../../../../shared/utils/functions/capitalize/capitalize.js';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -24,11 +25,11 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
+import 'viem';
+import 'viem/chains';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/components/NetworkPicker/components/UnsupportedNetwork/UnsupportedNetwork.cjs

@@ -16,6 +16,7 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 var Icon = require('../../../Icon/Icon.cjs');

package/src/lib/components/NetworkPicker/components/UnsupportedNetwork/UnsupportedNetwork.js

@@ -12,6 +12,7 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import { Icon } from '../../../Icon/Icon.js';

package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs

@@ -18,6 +18,7 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');

package/src/lib/components/OTPVerificationView/OTPVerificationView.js

@@ -14,6 +14,7 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';

package/src/lib/components/OverlayCard/OverlayCard.cjs

@@ -15,6 +15,7 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 var index = require('../../shared/utils/hooks/useOnClickOutside/index.cjs');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 require('../../shared/consts/index.cjs');
@@ -32,11 +33,11 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+require('viem');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/components/OverlayCard/OverlayCard.js

@@ -11,6 +11,7 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import { useOnClickOutside } from '../../shared/utils/hooks/useOnClickOutside/index.js';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import '../../shared/consts/index.js';
@@ -28,11 +29,11 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import 'viem';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs

@@ -16,6 +16,7 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
@@ -24,11 +25,11 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+require('viem');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js

@@ -12,6 +12,7 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
@@ -20,11 +21,11 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import 'viem';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/components/PhoneNumberField/PhoneNumberField.cjs

@@ -24,15 +24,17 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+require('viem');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -88,10 +90,12 @@ const PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendR
     const countryInputRef = React.useRef(null);
     const [countryDropdownOpen, setCountryDropdownOpen] = React.useState(false);
     const anchorRef = React.useRef(null);
+    const { defaultPhoneInputIso2 } = useInternalDynamicContext.useInternalDynamicContext();
     const [invalidNumberMessage, setInvalidNumberMessage] = React.useState(undefined);
     const { formattedPhone, currentCountry, handleCountryInput, handlePhoneInput, hasInput, inputRef, countryInput, onBlurCountry, filteredCountries, openDropdown, handleCountryKeyDown, closeDropdown, setCountry, onMenuDisplayToggle, onFocusCountry, countryFontSize, } = usePhoneInputLogic.usePhoneInputLogic({
         countries,
         countryInputRef,
+        defaultIso2: defaultPhoneInputIso2,
         initialPhone,
         onUpdate,
         setCountryDropdownOpen,

package/src/lib/components/PhoneNumberField/PhoneNumberField.js

@@ -20,15 +20,17 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import '../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import 'viem';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
@@ -84,10 +86,12 @@ const PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendR
     const countryInputRef = useRef(null);
     const [countryDropdownOpen, setCountryDropdownOpen] = useState(false);
     const anchorRef = useRef(null);
+    const { defaultPhoneInputIso2 } = useInternalDynamicContext();
     const [invalidNumberMessage, setInvalidNumberMessage] = useState(undefined);
     const { formattedPhone, currentCountry, handleCountryInput, handlePhoneInput, hasInput, inputRef, countryInput, onBlurCountry, filteredCountries, openDropdown, handleCountryKeyDown, closeDropdown, setCountry, onMenuDisplayToggle, onFocusCountry, countryFontSize, } = usePhoneInputLogic({
         countries,
         countryInputRef,
+        defaultIso2: defaultPhoneInputIso2,
         initialPhone,
         onUpdate,
         setCountryDropdownOpen,

package/src/lib/components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs

@@ -6,36 +6,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactInternationalPhone = require('react-international-phone');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/sessionStorage.cjs');
 var useThrottle = require('../../../shared/utils/hooks/useThrottle/useThrottle.cjs');
 var localStorage$1 = require('../../../utils/constants/localStorage.cjs');
 var modulo = require('../../../utils/functions/modulo/modulo.cjs');
+var parseDefaultCountry = require('../utils/parseDefaultCountry/parseDefaultCountry.cjs');
 
 const MENU_DISPLAY_THROTTLE = 50;
 const COUNTRY_INPUT_SCROLL_DELAY = 20;
-const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    /** The default country we want to use */
-    const getDefaultCountry = () => {
-        var _a;
-        const defaultCountryIso2 = (_a = localStorage.LocalStorage.getFromLS(localStorage$1.PHONE_INPUT_DEFAULT_COUNTRY)) !== null && _a !== void 0 ? _a : 'us';
-        return countries
-            .map(reactInternationalPhone.parseCountry)
-            .find(({ iso2 }) => iso2 === defaultCountryIso2);
-    };
-    const { country: initialCountry } = initialPhone
-        ? reactInternationalPhone.guessCountryByPartialPhoneNumber({
-            countries,
-            phone: initialPhone,
-        })
-        : { country: undefined };
+const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, defaultIso2, }) => {
+    const defaultCountry = React.useMemo(() => parseDefaultCountry.parseDefaultCountry({
+        countries,
+        defaultIso2,
+        initialPhone,
+    }), [countries, defaultIso2, initialPhone]);
     const { inputValue: formattedPhone, phone, country: currentCountry, setCountry: setSelectedCountry, handlePhoneValueChange: handlePhoneInput, inputRef, } = reactInternationalPhone.usePhoneInput({
         countries,
-        defaultCountry: (_c = (_a = initialCountry === null || initialCountry === void 0 ? void 0 : initialCountry.iso2) !== null && _a !== void 0 ? _a : (_b = getDefaultCountry()) === null || _b === void 0 ? void 0 : _b.iso2) !== null && _c !== void 0 ? _c : 'us',
+        defaultCountry: defaultCountry.iso2,
         disableDialCodeAndPrefix: true,
         value: initialPhone,
     });
     /** What is currently displayed on the country input */
-    const [countryInput, setCountryInput] = React.useState((_f = (_d = initialCountry === null || initialCountry === void 0 ? void 0 : initialCountry.dialCode) !== null && _d !== void 0 ? _d : (_e = getDefaultCountry()) === null || _e === void 0 ? void 0 : _e.dialCode) !== null && _f !== void 0 ? _f : '1');
+    const [countryInput, setCountryInput] = React.useState(defaultCountry.dialCode);
     /**
      * This is the same value as phone, except for the following scenario:
      * Since the phone number field hides the "+" char and the country code, when the field
@@ -93,7 +85,7 @@ const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvali
     // COUNTRY INPUT
     // =================================================================
     /** The last inputted value for country that was valid */
-    const lastValidCountry = React.useRef(initialCountry !== null && initialCountry !== void 0 ? initialCountry : getDefaultCountry());
+    const lastValidCountry = React.useRef(defaultCountry);
     const handleCountryInput = ({ target, }) => {
         const value = target.value.slice(0, 4);
         setCountryInput(value);

package/src/lib/components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, Dispatch, KeyboardEventHandler, RefObject, SetStateAction } from 'react';
-import { CountryData, ParsedCountry } from 'react-international-phone';
+import { CountryData, CountryIso2, ParsedCountry } from 'react-international-phone';
 export type OnUpdatePhoneData = (values: {
     phone: string;
     formattedPhone: string;
@@ -12,8 +12,9 @@ type UsePhoneLogicProps = {
     countries: CountryData[];
     onUpdate?: OnUpdatePhoneData;
     initialPhone?: string;
+    defaultIso2?: CountryIso2;
 };
-export declare const usePhoneInputLogic: ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, }: UsePhoneLogicProps) => {
+export declare const usePhoneInputLogic: ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, defaultIso2, }: UsePhoneLogicProps) => {
     closeDropdown: () => void;
     countryFontSize: string;
     countryInput: string;

package/src/lib/components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js

@@ -1,37 +1,29 @@
 'use client'
-import { useState, useMemo, useEffect, useCallback, useRef } from 'react';
-import { guessCountryByPartialPhoneNumber, usePhoneInput, parseCountry, removeDialCode } from 'react-international-phone';
+import { useMemo, useState, useEffect, useCallback, useRef } from 'react';
+import { usePhoneInput, parseCountry, removeDialCode, guessCountryByPartialPhoneNumber } from 'react-international-phone';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/sessionStorage.js';
 import { useThrottle } from '../../../shared/utils/hooks/useThrottle/useThrottle.js';
 import { PHONE_INPUT_DEFAULT_COUNTRY } from '../../../utils/constants/localStorage.js';
 import { modulo } from '../../../utils/functions/modulo/modulo.js';
+import { parseDefaultCountry } from '../utils/parseDefaultCountry/parseDefaultCountry.js';
 
 const MENU_DISPLAY_THROTTLE = 50;
 const COUNTRY_INPUT_SCROLL_DELAY = 20;
-const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    /** The default country we want to use */
-    const getDefaultCountry = () => {
-        var _a;
-        const defaultCountryIso2 = (_a = LocalStorage.getFromLS(PHONE_INPUT_DEFAULT_COUNTRY)) !== null && _a !== void 0 ? _a : 'us';
-        return countries
-            .map(parseCountry)
-            .find(({ iso2 }) => iso2 === defaultCountryIso2);
-    };
-    const { country: initialCountry } = initialPhone
-        ? guessCountryByPartialPhoneNumber({
-            countries,
-            phone: initialPhone,
-        })
-        : { country: undefined };
+const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, defaultIso2, }) => {
+    const defaultCountry = useMemo(() => parseDefaultCountry({
+        countries,
+        defaultIso2,
+        initialPhone,
+    }), [countries, defaultIso2, initialPhone]);
     const { inputValue: formattedPhone, phone, country: currentCountry, setCountry: setSelectedCountry, handlePhoneValueChange: handlePhoneInput, inputRef, } = usePhoneInput({
         countries,
-        defaultCountry: (_c = (_a = initialCountry === null || initialCountry === void 0 ? void 0 : initialCountry.iso2) !== null && _a !== void 0 ? _a : (_b = getDefaultCountry()) === null || _b === void 0 ? void 0 : _b.iso2) !== null && _c !== void 0 ? _c : 'us',
+        defaultCountry: defaultCountry.iso2,
         disableDialCodeAndPrefix: true,
         value: initialPhone,
     });
     /** What is currently displayed on the country input */
-    const [countryInput, setCountryInput] = useState((_f = (_d = initialCountry === null || initialCountry === void 0 ? void 0 : initialCountry.dialCode) !== null && _d !== void 0 ? _d : (_e = getDefaultCountry()) === null || _e === void 0 ? void 0 : _e.dialCode) !== null && _f !== void 0 ? _f : '1');
+    const [countryInput, setCountryInput] = useState(defaultCountry.dialCode);
     /**
      * This is the same value as phone, except for the following scenario:
      * Since the phone number field hides the "+" char and the country code, when the field
@@ -89,7 +81,7 @@ const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvali
     // COUNTRY INPUT
     // =================================================================
     /** The last inputted value for country that was valid */
-    const lastValidCountry = useRef(initialCountry !== null && initialCountry !== void 0 ? initialCountry : getDefaultCountry());
+    const lastValidCountry = useRef(defaultCountry);
     const handleCountryInput = ({ target, }) => {
         const value = target.value.slice(0, 4);
         setCountryInput(value);

package/src/lib/components/PhoneNumberField/utils/parseDefaultCountry/index.d.ts

@@ -0,0 +1 @@
+export { parseDefaultCountry } from './parseDefaultCountry';

package/src/lib/components/PhoneNumberField/utils/parseDefaultCountry/parseDefaultCountry.cjs

@@ -0,0 +1,58 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactInternationalPhone = require('react-international-phone');
+require('@dynamic-labs/sdk-api-core');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+var localStorage = require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../../shared/consts/index.cjs');
+
+const parseDefaultCountry = ({ defaultIso2, countries, initialPhone, }) => {
+    // Return the country inferred from the phone number if possible
+    if (initialPhone) {
+        const { country } = reactInternationalPhone.guessCountryByPartialPhoneNumber({
+            countries,
+            phone: initialPhone,
+        });
+        if (country) {
+            return country;
+        }
+    }
+    const parsedCountries = countries.map(reactInternationalPhone.parseCountry);
+    // If the user has previously selected a country, use that as the default
+    const lastUsedCountryIso2 = localStorage.LocalStorage.getFromLS(localStorage$1.PHONE_INPUT_DEFAULT_COUNTRY);
+    const lastUsedCountry = parsedCountries.find(({ iso2 }) => iso2 === lastUsedCountryIso2);
+    if (lastUsedCountry) {
+        return lastUsedCountry;
+    }
+    // Use default country setting if found in enabled countries
+    const defaultCountry = parsedCountries.find(({ iso2 }) => iso2 === defaultIso2);
+    if (defaultCountry) {
+        return defaultCountry;
+    }
+    // Return US if it is enabled
+    const countryUS = parsedCountries.find(({ iso2 }) => iso2 === 'us');
+    if (countryUS) {
+        return countryUS;
+    }
+    // Return the first country in the list as a last resort
+    if (parsedCountries[0]) {
+        return parsedCountries[0];
+    }
+    throw new Error('No country list was provided');
+};
+
+exports.parseDefaultCountry = parseDefaultCountry;

package/src/lib/components/PhoneNumberField/utils/parseDefaultCountry/parseDefaultCountry.d.ts

@@ -0,0 +1,8 @@
+import { CountryData, CountryIso2, ParsedCountry } from 'react-international-phone';
+type ParseDefaultCountryProps = {
+    initialPhone: string | undefined;
+    defaultIso2: CountryIso2 | undefined;
+    countries: CountryData[];
+};
+export declare const parseDefaultCountry: ({ defaultIso2, countries, initialPhone, }: ParseDefaultCountryProps) => ParsedCountry;
+export {};

package/src/lib/components/PhoneNumberField/utils/parseDefaultCountry/parseDefaultCountry.js

@@ -0,0 +1,54 @@
+'use client'
+import { guessCountryByPartialPhoneNumber, parseCountry } from 'react-international-phone';
+import '@dynamic-labs/sdk-api-core';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import { PHONE_INPUT_DEFAULT_COUNTRY } from '../../../../utils/constants/localStorage.js';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
+import { LocalStorage } from '../../../../shared/utils/classes/storage/localStorage.js';
+import '../../../../shared/utils/classes/storage/sessionStorage.js';
+import '@dynamic-labs/utils';
+import '../../../../shared/consts/index.js';
+
+const parseDefaultCountry = ({ defaultIso2, countries, initialPhone, }) => {
+    // Return the country inferred from the phone number if possible
+    if (initialPhone) {
+        const { country } = guessCountryByPartialPhoneNumber({
+            countries,
+            phone: initialPhone,
+        });
+        if (country) {
+            return country;
+        }
+    }
+    const parsedCountries = countries.map(parseCountry);
+    // If the user has previously selected a country, use that as the default
+    const lastUsedCountryIso2 = LocalStorage.getFromLS(PHONE_INPUT_DEFAULT_COUNTRY);
+    const lastUsedCountry = parsedCountries.find(({ iso2 }) => iso2 === lastUsedCountryIso2);
+    if (lastUsedCountry) {
+        return lastUsedCountry;
+    }
+    // Use default country setting if found in enabled countries
+    const defaultCountry = parsedCountries.find(({ iso2 }) => iso2 === defaultIso2);
+    if (defaultCountry) {
+        return defaultCountry;
+    }
+    // Return US if it is enabled
+    const countryUS = parsedCountries.find(({ iso2 }) => iso2 === 'us');
+    if (countryUS) {
+        return countryUS;
+    }
+    // Return the first country in the list as a last resort
+    if (parsedCountries[0]) {
+        return parsedCountries[0];
+    }
+    throw new Error('No country list was provided');
+};
+
+export { parseDefaultCountry };

package/src/lib/components/Portal/Portal.cjs

@@ -23,16 +23,17 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../shared/consts/index.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+require('viem');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/components/Portal/Portal.js

@@ -19,16 +19,17 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import 'viem';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.cjs

@@ -18,6 +18,7 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
@@ -26,11 +27,11 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+require('viem');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.js

@@ -14,6 +14,7 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
@@ -22,11 +23,11 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import 'viem';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';

package/src/lib/components/QRCode/QRCode.cjs

@@ -20,16 +20,17 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../shared/consts/index.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('viem');
-require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+require('viem');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');

package/src/lib/components/QRCode/QRCode.js

@@ -16,16 +16,17 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
 import '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import 'viem';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';