@dynamic-labs/sdk-react-core 2.2.0-alpha.5 → 2.2.0

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

@@ -8,10 +8,9 @@ var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
+var error = require('../../../../shared/assets/error.cjs');
 var stroke = require('../../../../shared/assets/stroke.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
@@ -67,6 +66,7 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../Input/Input.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
@@ -113,7 +113,7 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
             'evm-network-control__container--error': !(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name),
-        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) && ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
+        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxRuntime.jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` })) : (jsxRuntime.jsx(error.ReactComponent, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
                     'evm-network-control__arrow-icon--active': isOpen,
                 }), children: jsxRuntime.jsx(stroke.ReactComponent, {}) }))] }));
 };

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

@@ -4,10 +4,9 @@ import { parseChainId } from '@dynamic-labs/utils';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
+import { ReactComponent as SvgError } from '../../../../shared/assets/error.js';
 import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
@@ -63,6 +62,7 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../Alert/Alert.js';
 import '../../../Input/Input.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
@@ -109,7 +109,7 @@ const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '',
             [activeClassName]: isOpen,
             'evm-network-control__container': Boolean(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.supportsNetworkSwitching()),
             'evm-network-control__container--error': !(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name),
-        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) && ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` }) }), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, { color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
+        }), children: [(currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.name) ? (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: ((_b = currentEvmNetwork === null || currentEvmNetwork === void 0 ? void 0 : currentEvmNetwork.iconUrls) === null || _b === void 0 ? void 0 : _b[0]) ? (jsx("img", { src: currentEvmNetwork.iconUrls[0], alt: `${currentEvmNetwork.name} icon` })) : (jsx(SvgError, {})) }), showNetworkName && (jsx(Typography, { className: 'evm-network-control__network-name', as: 'span', variant: 'body_small', children: currentEvmNetwork.vanityName || currentEvmNetwork.name }))] })) : (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), evmNetworks && evmNetworks.length > 1 && (jsx(Icon, { color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
                     'evm-network-control__arrow-icon--active': isOpen,
                 }), children: jsx(SvgStroke, {}) }))] }));
 };

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -68,6 +66,7 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../Input/Input.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

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

@@ -1,8 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -64,6 +62,7 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../Alert/Alert.js';
 import '../../../Input/Input.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -65,6 +63,7 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../Input/Input.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

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

@@ -1,8 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -61,6 +59,7 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../Alert/Alert.js';
 import '../../../Input/Input.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -69,6 +67,7 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../Input/Input.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

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

@@ -1,8 +1,6 @@
 'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -65,6 +63,7 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../Alert/Alert.js';
 import '../../../Input/Input.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

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

@@ -53,7 +53,6 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 require('../IconButton/IconButton.cjs');
 require('../InlineWidget/InlineWidget.cjs');

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

@@ -49,7 +49,6 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import '../IconButton/IconButton.js';
 import '../InlineWidget/InlineWidget.js';

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

@@ -45,7 +45,6 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');

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

@@ -41,7 +41,6 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
 import '../ShadowDOM/ShadowDOM.js';

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

@@ -8,8 +8,6 @@ var React = require('react');
 var reactInternationalPhone = require('react-international-phone');
 var reactI18next = require('react-i18next');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
@@ -25,6 +23,7 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.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');
@@ -67,6 +66,7 @@ require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../Alert/Alert.cjs');
 var Input = require('../Input/Input.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
@@ -88,10 +88,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

@@ -4,8 +4,6 @@ import { useRef, useState } from 'react';
 import { FlagImage, parseCountry } from 'react-international-phone';
 import { useTranslation } from 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
-import '../Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -21,6 +19,7 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.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';
@@ -63,6 +62,7 @@ import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../Alert/Alert.js';
 import { Input } from '../Input/Input.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
@@ -84,10 +84,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

@@ -9,33 +9,24 @@ var localStorage = require('../../../shared/utils/classes/storage/localStorage.c
 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 +84,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,28 @@
 '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 { 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 +80,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,57 @@
+'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('@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,53 @@
+'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 '@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

@@ -50,7 +50,6 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');

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

@@ -46,7 +46,6 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';

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

@@ -48,7 +48,6 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');

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

@@ -44,7 +44,6 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';

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

@@ -48,7 +48,6 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');

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

@@ -44,7 +44,6 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.cjs

@@ -20,8 +20,6 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
-require('../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../Alert/Alert.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -70,6 +68,7 @@ require('../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 var TypographyButton = require('../../TypographyButton/TypographyButton.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../Alert/Alert.cjs');
 require('../../Input/Input.cjs');
 require('../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');