@dynamic-labs/sdk-react-core 2.3.4 → 2.3.5

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [2.3.5](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.4...v2.3.5) (2024-07-22)
+
+
+### Bug Fixes
+
+* show custom labels in the sdk ([#6352](https://github.com/dynamic-labs/DynamicAuth/issues/6352)) ([#6383](https://github.com/dynamic-labs/DynamicAuth/issues/6383)) ([287484b](https://github.com/dynamic-labs/DynamicAuth/commit/287484b252d69300a5003a88c26daf380621d3b5))
+
 ### [2.3.4](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.3...v2.3.4) (2024-07-19)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.3.4";
+var version = "2.3.5";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.460",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "2.3.4";
+var version = "2.3.5";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.460",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.3.4",
+  "version": "2.3.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.3.4",
-    "@dynamic-labs/logger": "2.3.4",
-    "@dynamic-labs/multi-wallet": "2.3.4",
-    "@dynamic-labs/rpc-provider-ethereum": "2.3.4",
-    "@dynamic-labs/rpc-provider-solana": "2.3.4",
-    "@dynamic-labs/rpc-providers": "2.3.4",
-    "@dynamic-labs/store": "2.3.4",
-    "@dynamic-labs/types": "2.3.4",
-    "@dynamic-labs/utils": "2.3.4",
-    "@dynamic-labs/viem-utils": "2.3.4",
-    "@dynamic-labs/wallet-book": "2.3.4",
-    "@dynamic-labs/wallet-connector-core": "2.3.4",
+    "@dynamic-labs/iconic": "2.3.5",
+    "@dynamic-labs/logger": "2.3.5",
+    "@dynamic-labs/multi-wallet": "2.3.5",
+    "@dynamic-labs/rpc-provider-ethereum": "2.3.5",
+    "@dynamic-labs/rpc-provider-solana": "2.3.5",
+    "@dynamic-labs/rpc-providers": "2.3.5",
+    "@dynamic-labs/store": "2.3.5",
+    "@dynamic-labs/types": "2.3.5",
+    "@dynamic-labs/utils": "2.3.5",
+    "@dynamic-labs/viem-utils": "2.3.5",
+    "@dynamic-labs/wallet-book": "2.3.5",
+    "@dynamic-labs/wallet-connector-core": "2.3.5",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -128,7 +128,7 @@ const UserProfile = ({ rootClassName }) => {
     // if it's multiwallet, the wallet should appear in the wallets tab
     // if there's a primary wallet, it will be displayed in the header
     const wallet = !multiWallet && !primaryWallet && userWallets[0];
-    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), wallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
+    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), wallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type, label }) => {
                         var _a, _b;
                         if (type === sdkApiCore.KycFieldType.Custom) {
                             const value = (_b = (_a = user.metadata) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : '';
@@ -137,11 +137,10 @@ const UserProfile = ({ rootClassName }) => {
                                 fieldValue = value.length > 0 ? 'Checked' : 'Unchecked';
                             return (jsxRuntime.jsx(UserProfileField.UserProfileField, { name: name, label: name, value: fieldValue }, name));
                         }
-                        else {
-                            const { label, key } = index$1.getValueByKey(fieldsConfig, name);
-                            const value = mapFieldKeyToValue(name);
-                            return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
-                        }
+                        const { label: defaultLabel, key } = index$1.getValueByKey(fieldsConfig, name);
+                        label !== null && label !== void 0 ? label : (label = defaultLabel);
+                        const value = mapFieldKeyToValue(name);
+                        return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
                     }) }) })), canLink && !multiWallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.wallets.title'), children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'link-wallet-button', onClick: addNewWallet, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), showInternalLoading: false, children: jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_user_profile.wallets.link_wallet_button', children: t('dyn_user_profile.wallets.link_wallet_button') }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.social_accounts.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

package/src/lib/components/UserProfile/UserProfile.js

@@ -124,7 +124,7 @@ const UserProfile = ({ rootClassName }) => {
     // if it's multiwallet, the wallet should appear in the wallets tab
     // if there's a primary wallet, it will be displayed in the header
     const wallet = !multiWallet && !primaryWallet && userWallets[0];
-    return (jsxs("div", { "data-testid": 'userProfile', className: classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsx(ErrorContainer, { children: error }), wallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
+    return (jsxs("div", { "data-testid": 'userProfile', className: classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsx(ErrorContainer, { children: error }), wallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type, label }) => {
                         var _a, _b;
                         if (type === KycFieldType.Custom) {
                             const value = (_b = (_a = user.metadata) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : '';
@@ -133,11 +133,10 @@ const UserProfile = ({ rootClassName }) => {
                                 fieldValue = value.length > 0 ? 'Checked' : 'Unchecked';
                             return (jsx(UserProfileField, { name: name, label: name, value: fieldValue }, name));
                         }
-                        else {
-                            const { label, key } = getValueByKey(fieldsConfig, name);
-                            const value = mapFieldKeyToValue(name);
-                            return (jsx(UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
-                        }
+                        const { label: defaultLabel, key } = getValueByKey(fieldsConfig, name);
+                        label !== null && label !== void 0 ? label : (label = defaultLabel);
+                        const value = mapFieldKeyToValue(name);
+                        return (jsx(UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
                     }) }) })), canLink && !multiWallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.wallets.title'), children: jsx(TypographyButton, { dataTestId: 'link-wallet-button', onClick: addNewWallet, startSlot: jsx(SvgAdd, {}), showInternalLoading: false, children: jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_user_profile.wallets.link_wallet_button', children: t('dyn_user_profile.wallets.link_wallet_button') }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.social_accounts.title'), children: jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsx(UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -25,7 +25,6 @@ var values = require('../../utils/constants/values.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
-var usePrefetch = require('../../shared/utils/hooks/usePrefetch/usePrefetch.cjs');
 require('../../shared/consts/index.cjs');
 var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
@@ -35,7 +34,6 @@ var getMinAuthToken = require('../../utils/functions/getMinAuthToken/getMinAuthT
 require('react-international-phone');
 require('viem');
 require('viem/chains');
-var version = require('../../../version.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var userActions = require('../../store/actions/userActions/userActions.cjs');
 var settings = require('../../data/api/settings/settings.cjs');
@@ -676,24 +674,31 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletUiUtils,
         walletsFilter,
     ]);
-    usePrefetch.usePrefetch({
-        as: 'image',
-        href: iconic.getIconicSpriteUrl(),
-        id: 'sprite',
-        type: 'image/svg+xml',
-    });
-    usePrefetch.usePrefetch({
-        as: 'fetch',
-        href: walletBook.getWalletBookCdnUrl(),
-        id: 'wallet-book',
-        type: 'application/json',
-    });
-    usePrefetch.usePrefetch({
-        as: 'fetch',
-        href: `${ApiEndpoint.getBaseUrl()}/sdk/${environmentId}/settings?sdkVersion=${encodeURIComponent(`WalletKit/${version.VERSION}`)}`,
-        id: `project-settings-${environmentId}`,
-        type: 'application/json',
-    });
+    React.useEffect(() => {
+        const addPrefetch = (attr) => {
+            if (!document.head.querySelector(`#${attr.id}`)) {
+                const element = document.createElement('link');
+                element.setAttribute('id', attr.id);
+                element.setAttribute('rel', 'prefetch');
+                element.setAttribute('href', attr.href);
+                element.setAttribute('as', attr.as);
+                element.setAttribute('type', attr.type);
+                document.head.insertAdjacentElement('beforeend', element);
+            }
+        };
+        addPrefetch({
+            as: 'image',
+            href: iconic.getIconicSpriteUrl(),
+            id: 'sprite',
+            type: 'image/svg+xml',
+        });
+        addPrefetch({
+            as: 'fetch',
+            href: walletBook.getWalletBookCdnUrl(),
+            id: 'wallet-book',
+            type: 'application/json',
+        });
+    }, []);
     // DYN-1140 - Opens Widget when multiWalletWidgetState changes
     React.useEffect(() => {
         // If statement to secure SingleWallet widget

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -21,7 +21,6 @@ import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
-import { usePrefetch } from '../../shared/utils/hooks/usePrefetch/usePrefetch.js';
 import '../../shared/consts/index.js';
 import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
@@ -31,7 +30,6 @@ import { getMinAuthToken } from '../../utils/functions/getMinAuthToken/getMinAut
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
-import { VERSION } from '../../../version.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { setUser } from '../../store/actions/userActions/userActions.js';
 import { sendDynamicProps } from '../../data/api/settings/settings.js';
@@ -672,24 +670,31 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         walletUiUtils,
         walletsFilter,
     ]);
-    usePrefetch({
-        as: 'image',
-        href: getIconicSpriteUrl(),
-        id: 'sprite',
-        type: 'image/svg+xml',
-    });
-    usePrefetch({
-        as: 'fetch',
-        href: getWalletBookCdnUrl(),
-        id: 'wallet-book',
-        type: 'application/json',
-    });
-    usePrefetch({
-        as: 'fetch',
-        href: `${ApiEndpoint.getBaseUrl()}/sdk/${environmentId}/settings?sdkVersion=${encodeURIComponent(`WalletKit/${VERSION}`)}`,
-        id: `project-settings-${environmentId}`,
-        type: 'application/json',
-    });
+    useEffect(() => {
+        const addPrefetch = (attr) => {
+            if (!document.head.querySelector(`#${attr.id}`)) {
+                const element = document.createElement('link');
+                element.setAttribute('id', attr.id);
+                element.setAttribute('rel', 'prefetch');
+                element.setAttribute('href', attr.href);
+                element.setAttribute('as', attr.as);
+                element.setAttribute('type', attr.type);
+                document.head.insertAdjacentElement('beforeend', element);
+            }
+        };
+        addPrefetch({
+            as: 'image',
+            href: getIconicSpriteUrl(),
+            id: 'sprite',
+            type: 'image/svg+xml',
+        });
+        addPrefetch({
+            as: 'fetch',
+            href: getWalletBookCdnUrl(),
+            id: 'wallet-book',
+            type: 'application/json',
+        });
+    }, []);
     // DYN-1140 - Opens Widget when multiWalletWidgetState changes
     useEffect(() => {
         // If statement to secure SingleWallet widget

package/src/lib/shared/utils/hooks/index.d.ts

@@ -5,5 +5,4 @@ export { useLocalStorage } from './useLocalStorage';
 export { useMediaQuery } from './useMediaQuery';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';
-export { useThrottle } from './useThrottle';
-export { usePrefetch } from './usePrefetch';
+export * from './useThrottle';

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.cjs

@@ -88,7 +88,7 @@ const renderCheckboxGroup = (key, name, label, validationRules, errors, touched,
                 ? 'user-field__checkbox-container--error'
                 : ''}`, children: (validationRules === null || validationRules === void 0 ? void 0 : validationRules.checkboxText) && (jsxRuntime.jsxs("div", { className: 'user-field__consent-checkbox', children: [jsxRuntime.jsx(formik.Field, { as: Checkbox.Checkbox, id: key, name: name, type: 'checkbox', value: '0', disabled: disabled, selectDataTestId: 'customFieldCheckbox' }, key), jsxRuntime.jsx("label", { htmlFor: key, className: 'user-field__checkbox-label', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: validationRules.checkboxText }) })] }, key)) }, 'customConsentGroup'), touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'user-field__error-message', children: `${name.charAt(0).toUpperCase() + name.slice(1)} is required` }))] }));
 const renderPoliciesConsentGroup = (key, policiesConsentInnerComponentArray, disabled) => (jsxRuntime.jsx("div", { role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-field__checkbox-container', children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxRuntime.jsxs("div", { className: 'user-field__consent-checkbox', children: [jsxRuntime.jsx(formik.Field, { copykey: key, as: Checkbox.Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}`, disabled: disabled }, `policiesConsent_${index}`), jsxRuntime.jsx("label", { htmlFor: `policiesConsent_${index}`, className: 'user-field__checkbox-label', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: component }) })] }, `policiesConsent_${index}`))) }, 'policiesConsentGroup'));
-const UserField = ({ fieldData: { validationRules, isCustom, key, label, type, autoComplete }, fieldSettings: { enabled, name, required, verify }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
+const UserField = ({ fieldData: { validationRules, isCustom, key, label: defaultLabel, type, autoComplete, }, fieldSettings: { enabled, name, required, verify, label = defaultLabel }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
     if (isCustom) {
         if (type === sdkApiCore.CustomFieldType.Select && (validationRules === null || validationRules === void 0 ? void 0 : validationRules.validOptions)) {
             const options = validationRules.validOptions.map((opt) => opt.label);

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.js

@@ -84,7 +84,7 @@ const renderCheckboxGroup = (key, name, label, validationRules, errors, touched,
                 ? 'user-field__checkbox-container--error'
                 : ''}`, children: (validationRules === null || validationRules === void 0 ? void 0 : validationRules.checkboxText) && (jsxs("div", { className: 'user-field__consent-checkbox', children: [jsx(Field, { as: Checkbox, id: key, name: name, type: 'checkbox', value: '0', disabled: disabled, selectDataTestId: 'customFieldCheckbox' }, key), jsx("label", { htmlFor: key, className: 'user-field__checkbox-label', children: jsx(Typography, { variant: 'body_small', color: 'secondary', children: validationRules.checkboxText }) })] }, key)) }, 'customConsentGroup'), touched[name] && getDisplayErrorMessage(label, errors[name]) && (jsx(Typography, { variant: 'body_mini', className: 'user-field__error-message', children: `${name.charAt(0).toUpperCase() + name.slice(1)} is required` }))] }));
 const renderPoliciesConsentGroup = (key, policiesConsentInnerComponentArray, disabled) => (jsx("div", { role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-field__checkbox-container', children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxs("div", { className: 'user-field__consent-checkbox', children: [jsx(Field, { copykey: key, as: Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}`, disabled: disabled }, `policiesConsent_${index}`), jsx("label", { htmlFor: `policiesConsent_${index}`, className: 'user-field__checkbox-label', children: jsx(Typography, { variant: 'body_small', color: 'secondary', children: component }) })] }, `policiesConsent_${index}`))) }, 'policiesConsentGroup'));
-const UserField = ({ fieldData: { validationRules, isCustom, key, label, type, autoComplete }, fieldSettings: { enabled, name, required, verify }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
+const UserField = ({ fieldData: { validationRules, isCustom, key, label: defaultLabel, type, autoComplete, }, fieldSettings: { enabled, name, required, verify, label = defaultLabel }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
     if (isCustom) {
         if (type === CustomFieldType.Select && (validationRules === null || validationRules === void 0 ? void 0 : validationRules.validOptions)) {
             const options = validationRules.validOptions.map((opt) => opt.label);

package/src/lib/shared/utils/hooks/usePrefetch/index.d.ts

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

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.cjs

@@ -1,51 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('@dynamic-labs/sdk-api-core');
-require('../../../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 isSSR = require('../../functions/isSSR/isSSR.cjs');
-require('../../../../utils/constants/colors.cjs');
-require('../../../../utils/constants/values.cjs');
-require('../../classes/storage/localStorage.cjs');
-
-/**
- * Prefetches a resource
- * Adds a link element to the head of the document with the provided attributes
- * when the element is not already present
- * @param {PrefetchProps} prefetchProps
- * @returns {void}
- *
- * @example
- * usePrefetch({
- *  href: 'https://example.com/image.jpg',
- *  as: 'image',
- *  type: 'image/jpeg',
- *  id: 'image-prefetch',
- * });
- */
-const usePrefetch = ({ as, href, id, type }) => {
-    // Do not run on server side
-    if (isSSR.isSSR())
-        return;
-    const predefinedElement = document.head.querySelector(`#${id}`);
-    // Do not add the element if it already exists
-    if (predefinedElement)
-        return;
-    const element = document.createElement('link');
-    element.setAttribute('id', id);
-    element.setAttribute('rel', 'prefetch');
-    element.setAttribute('href', href);
-    element.setAttribute('as', as);
-    element.setAttribute('type', type);
-    document.head.insertAdjacentElement('beforeend', element);
-};
-
-exports.usePrefetch = usePrefetch;

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.d.ts

@@ -1,23 +0,0 @@
-type PrefetchProps = {
-    href: string;
-    as: string;
-    type: string;
-    id: string;
-};
-/**
- * Prefetches a resource
- * Adds a link element to the head of the document with the provided attributes
- * when the element is not already present
- * @param {PrefetchProps} prefetchProps
- * @returns {void}
- *
- * @example
- * usePrefetch({
- *  href: 'https://example.com/image.jpg',
- *  as: 'image',
- *  type: 'image/jpeg',
- *  id: 'image-prefetch',
- * });
- */
-export declare const usePrefetch: ({ as, href, id, type }: PrefetchProps) => void;
-export {};

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.js

@@ -1,47 +0,0 @@
-'use client'
-import '@dynamic-labs/sdk-api-core';
-import '../../../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 { isSSR } from '../../functions/isSSR/isSSR.js';
-import '../../../../utils/constants/colors.js';
-import '../../../../utils/constants/values.js';
-import '../../classes/storage/localStorage.js';
-
-/**
- * Prefetches a resource
- * Adds a link element to the head of the document with the provided attributes
- * when the element is not already present
- * @param {PrefetchProps} prefetchProps
- * @returns {void}
- *
- * @example
- * usePrefetch({
- *  href: 'https://example.com/image.jpg',
- *  as: 'image',
- *  type: 'image/jpeg',
- *  id: 'image-prefetch',
- * });
- */
-const usePrefetch = ({ as, href, id, type }) => {
-    // Do not run on server side
-    if (isSSR())
-        return;
-    const predefinedElement = document.head.querySelector(`#${id}`);
-    // Do not add the element if it already exists
-    if (predefinedElement)
-        return;
-    const element = document.createElement('link');
-    element.setAttribute('id', id);
-    element.setAttribute('rel', 'prefetch');
-    element.setAttribute('href', href);
-    element.setAttribute('as', as);
-    element.setAttribute('type', type);
-    document.head.insertAdjacentElement('beforeend', element);
-};
-
-export { usePrefetch };