@rango-dev/widget-embedded 0.23.1-next.34 → 0.23.1-next.35

package/dist/pages/Home.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA4BnD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,wBAAgB,IAAI,sBAwMnB"}
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA4BnD,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,wBAAgB,IAAI,sBAyMnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.23.1-next.34",
+  "version": "0.23.1-next.35",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",

package/src/containers/Inputs/Inputs.tsx

@@ -14,7 +14,6 @@ import {
   USD_VALUE_MAX_DECIMALS,
   USD_VALUE_MIN_DECIMALS,
 } from '../../constants/routing';
-import { useAppStore } from '../../store/AppStore';
 import { useQuoteStore } from '../../store/quote';
 import { useWalletsStore } from '../../store/wallets';
 import { getContainer } from '../../utils/common';
@@ -26,7 +25,7 @@ import { formatBalance, isFetchingBalance } from '../../utils/wallets';
 import { Container, FromContainer } from './Inputs.styles';
 
 export function Inputs(props: PropTypes) {
-  const { fetchingQuote, fetchMetaStatus, onClickToken } = props;
+  const { fetchingQuote, fetchMetaStatus, onClickToken, isExpandable } = props;
   const {
     fromToken,
     fromBlockchain,
@@ -40,10 +39,6 @@ export function Inputs(props: PropTypes) {
     selectedQuote,
   } = useQuoteStore();
   const { connectedWallets, getBalanceFor } = useWalletsStore();
-  const {
-    config: { variant },
-  } = useAppStore();
-
   const fromTokenBalance = fromToken ? getBalanceFor(fromToken) : null;
 
   const fromTokenFormattedBalance =
@@ -120,9 +115,7 @@ export function Inputs(props: PropTypes) {
         <SwitchFromAndToButton />
       </FromContainer>
       <SwapInput
-        sharpBottomStyle={
-          variant === 'default' && (!!selectedQuote || fetchingQuote)
-        }
+        sharpBottomStyle={!isExpandable && (!!selectedQuote || fetchingQuote)}
         label={i18n.t('To')}
         mode="To"
         fetchingQuote={fetchingQuote}

package/src/containers/Inputs/Inputs.types.ts

@@ -4,4 +4,5 @@ export type PropTypes = {
   fetchingQuote: boolean;
   fetchMetaStatus: FetchStatus;
   onClickToken: (mode: 'from' | 'to') => void;
+  isExpandable?: boolean;
 };

package/src/pages/Home.tsx

@@ -169,6 +169,7 @@ export function Home() {
           <Inputs
             fetchingQuote={fetchingQuote}
             fetchMetaStatus={fetchMetaStatus}
+            isExpandable={isExpandable}
             onClickToken={(mode) => {
               onHandleNavigation(
                 mode === 'from'