@rango-dev/widget-embedded 0.33.3 → 0.33.4-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.33.3",
+  "version": "0.33.4-next.1",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -25,15 +25,15 @@
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
     "@rango-dev/logging-core": "^0.6.0",
-    "@rango-dev/provider-all": "^0.37.3",
+    "@rango-dev/provider-all": "^0.37.4-next.1",
     "@rango-dev/queue-manager-core": "^0.27.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.37.0",
+    "@rango-dev/queue-manager-rango-preset": "^0.37.1-next.3",
     "@rango-dev/queue-manager-react": "^0.27.0",
-    "@rango-dev/signer-solana": "^0.32.0",
-    "@rango-dev/ui": "^0.39.0",
-    "@rango-dev/wallets-core": "^0.38.0",
-    "@rango-dev/wallets-react": "^0.23.0",
-    "@rango-dev/wallets-shared": "^0.37.0",
+    "@rango-dev/signer-solana": "^0.32.1-next.1",
+    "@rango-dev/ui": "^0.39.1-next.6",
+    "@rango-dev/wallets-core": "^0.38.1-next.1",
+    "@rango-dev/wallets-react": "^0.23.1-next.3",
+    "@rango-dev/wallets-shared": "^0.37.1-next.3",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",

package/src/components/BlockchainList/BlockchainList.tsx

@@ -68,7 +68,7 @@ export function BlockchainList(props: PropTypes) {
       {showTitle && (
         <>
           <Typography variant="label" size="large">
-            {i18n.t('Select Blockchain')}
+            {i18n.t('Select Chain')}
           </Typography>
           <Divider size={4} />
         </>

package/src/components/BlockchainsSection/BlockchainsSection.tsx

@@ -43,7 +43,7 @@ export function BlockchainsSection(props: PropTypes) {
     <>
       <Divider size={12} />
       <Typography variant="label" size="large">
-        {i18n.t('Select Blockchain')}
+        {i18n.t('Select Chain')}
       </Typography>
       <Divider size={12} />
       <Blockchains>

package/src/components/HeaderButtons/HeaderButtons.tsx

@@ -83,7 +83,7 @@ export function HeaderButtons(props: HeaderButtonsPropTypes) {
         <Tooltip
           container={getContainer()}
           side="top"
-          content={i18n.t('Transactions History')}>
+          content={i18n.t('History')}>
           <HeaderButton size="small" variant="ghost" onClick={onClickHistory}>
             <TransactionIcon size={18} color="black" />
             <InProgressTransactionBadge />

package/src/components/Slippage/SlippageTooltipContent.tsx

@@ -9,13 +9,13 @@ export function SlippageTooltipContent() {
     <SlippageTooltipContainer>
       <Typography variant="label" size="medium" color="neutral700">
         {i18n.t(
-          'Your transaction will be reverted if the price changes unfavorably by more than this percentage'
+          'Your transaction will be reverted if the price changes unfavorably by more than this percentage.'
         )}
         <br />
         <br />
-        <b>{i18n.t('Warning')}</b>:
+        <b>{i18n.t('Warning')}</b>:&nbsp;
         {i18n.t(
-          'This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.'
+          'This setting is applied to each step (e.g. 1Inch, Thorchain, etc.), meaning only that specific step will be reverted, not the entire route.'
         )}
       </Typography>
     </SlippageTooltipContainer>

package/src/components/SwapDetails/SwapDetails.Placeholder.tsx

@@ -30,7 +30,7 @@ export function SwapDetailsPlaceholder(props: SwapDetailsPlaceholderPropTypes) {
           <HeaderDetails>
             <div className={rowStyles()}>
               <Typography variant="label" size="large" color="neutral700">
-                {`${i18n.t('Request ID')}:`}
+                {`${i18n.t('Request ID')}`}
               </Typography>
               <div className={requestIdStyles()}>
                 <Typography variant="label" size="small" color="neutral700">

package/src/components/SwapDetails/SwapDetails.tsx

@@ -242,7 +242,7 @@ export function SwapDetails(props: SwapDetailsProps) {
           {!stepDetailMessage ? i18n.t('Transaction was not sent.') : ''}
           {lastConvertedTokenInFailedSwap
             ? `${i18n.t({
-                id: '{amount} {symbol} on {blockchain} remain in your wallet',
+                id: '{amount} {symbol} on {blockchain} remains in your wallet.',
                 values: {
                   amount: lastConvertedTokenInFailedSwap.outputAmount,
                   symbol: lastConvertedTokenInFailedSwap.symbol,
@@ -307,7 +307,7 @@ export function SwapDetails(props: SwapDetailsProps) {
         <HeaderDetails>
           <div className={rowStyles()}>
             <Typography variant="label" size="large" color="neutral700">
-              {`${i18n.t('Request ID')}:`}
+              {`${i18n.t('Request ID')}`}
             </Typography>
             <div className={requestIdStyles()}>
               <Typography variant="label" size="small" color="neutral700">

package/src/components/WalletStatefulConnect/ExperimentalChain.tsx

@@ -18,7 +18,7 @@ export function ExperimentalChain(props: PropTypes) {
       })}
       type="warning"
       description={i18n.t({
-        id: 'You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address',
+        id: 'Would you like to add the {blockchainDisplayName} experimental chain to your wallet?',
         values: { blockchainDisplayName: displayName },
       })}>
       <Divider size={18} />

package/src/components/WalletStatefulConnect/ExperimentalChainStatus.helpers.ts

@@ -20,7 +20,7 @@ export function generateMessageByStatus(
           values: { blockchainDisplayName },
         }),
         description: i18n.t({
-          id: 'You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address',
+          id: 'Please approve the experimental chain pop-up in your wallet.',
           values: { blockchainDisplayName },
         }),
       };
@@ -32,7 +32,7 @@ export function generateMessageByStatus(
           values: { blockchainDisplayName },
         }),
         description: i18n.t({
-          id: 'You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address',
+          id: 'The {blockchainDisplayName} chain has been successfully added to your wallet.',
           values: { blockchainDisplayName },
         }),
       };

package/src/components/WalletStatefulConnect/ExperimentalChainStatus.tsx

@@ -1,10 +1,11 @@
 import type { PropTypes } from './ExperimentalChainStatus.types';
 
-import { Image, MessageBox, Spinner } from '@rango-dev/ui';
+import { Image, MessageBox } from '@rango-dev/ui';
 import React from 'react';
 
 import {
   LogoContainer,
+  Spinner,
   WalletImageContainer,
 } from '../ConfirmWalletsModal/WalletList.styles';
 

package/src/containers/Settings/Lists.tsx

@@ -242,8 +242,9 @@ export function SettingsLists() {
           content={
             <TooltipContainer>
               <Typography variant="label" size="medium" color="neutral700">
+                <b>{i18n.t('Warning')}</b>:&nbsp;
                 {i18n.t(
-                  "Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations."
+                  "Enabling the 'Infinite approval' mode grants unrestricted access to underlying smart contracts, allowing them to utilize the approved token amount without limitations."
                 )}
               </Typography>
             </TooltipContainer>

package/src/hooks/useFetchCustomToken.ts

@@ -52,7 +52,7 @@ export function useFetchCustomToken(): UseFetchCustomToken {
         return {
           title: i18n.t('Token Not Found'),
           message: i18n.t({
-            id: 'Sorry, no token was found on {blockchain} blockchain with the provided address. please make sure you have entered the right token address.',
+            id: 'Sorry, no token was found on {blockchain} chain with the provided address. please make sure you have entered the right token address.',
             values: {
               blockchain,
             },

package/src/pages/HistoryPage.tsx

@@ -145,7 +145,7 @@ export function HistoryPage() {
               size="xsmall"
               onClick={() => setOpenClearModal(true)}>
               <Typography size="medium" variant="label" color="error">
-                {i18n.t('Clear all Txs')}
+                {i18n.t('Clear')}
               </Typography>
             </Button>
           </SuffixContainer>
@@ -214,33 +214,31 @@ export function HistoryPage() {
         <Divider size={20} />
         <MessageBox
           type="warning"
-          title={i18n.t('Clear History')}
+          title={i18n.t('Clear Transaction History')}
           description={
             <Description>
               <Typography variant="body" size="medium">
                 {i18n.t(
-                  'This would clear all succeeded/failed transactions from widget. Do you wish to proceed?'
+                  'Proceeding will remove all successful and failed transactions from the widget. Do you want to continue?'
                 )}
               </Typography>
               <Divider size={'24'} />
 
               <Typography variant="body" size="small">
                 {i18n.t(
-                  'Hint: This does not clear your transaction history on blockchain. Only hides them in this page.'
+                  'Note: This does not erase your transaction history on the chain; it only removes them here.'
                 )}
               </Typography>
             </Description>
           }
         />
-        <Divider size={40} />
-
-        <Divider size={10} />
+        <Divider size={30} />
         <Button
           variant="contained"
           type="primary"
           size="large"
           onClick={onClear}>
-          {i18n.t('Yes, Clear history')}
+          {i18n.t('Yes, Clear the history')}
         </Button>
         <Divider size={10} />
         <Button

package/src/pages/LanguagePage.tsx

@@ -46,7 +46,7 @@ export function LanguagePage() {
         <Alert
           type="warning"
           variant="alarm"
-          title="Important Notice: Machine translations are in use"
+          title="Warning: We are using machine translation, so the translations may be inaccurate."
         />
         <Divider size={'8'} />
         <RadioRoot value={activeLanguage}>

package/src/pages/SelectBlockchainPage.tsx

@@ -39,7 +39,7 @@ export function SelectBlockchainPage(props: PropTypes) {
   return (
     <Layout
       header={{
-        title: i18n.t(`Select Blockchain`),
+        title: i18n.t(`Select Chain`),
       }}>
       <PageContainer view>
         {showCategory && (
@@ -57,7 +57,7 @@ export function SelectBlockchainPage(props: PropTypes) {
         <SearchInput
           value={searchedFor}
           autoFocus
-          placeholder={i18n.t('Search Blockchain')}
+          placeholder={i18n.t('Search Chain')}
           color="light"
           variant="contained"
           size="large"