@rango-dev/widget-embedded 0.23.1-next.33 → 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/dist/store/slices/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/store/slices/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AAE1D,eAAO,MAAM,cAAc,EAAE,YAM5B,CAAC;AAEF,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,YAAY;IACpB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAUD,MAAM,WAAW,WAAW;IAE1B,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,mBAAmB,EAAE,MAAM,MAAM,EAAE,CAAC;IACpC,2BAA2B,EAAE,MAAM,MAAM,EAAE,CAAC;IAC5C,uBAAuB,EAAE,MAAM,OAAO,CAAC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAC/C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KACnB,IAAI,CAAC;IAEV,MAAM,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,EAAE,CAAC,CAAC,SAAS,MAAM,aAAa,EAC1C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KACpB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,iBAAiB,EAAE,2BAA2B,CACzD,YAAY,EACZ,WAAW,GAAG,aAAa,EAC3B,WAAW,CA+DZ,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/store/slices/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AAE1D,eAAO,MAAM,cAAc,EAAE,YAO5B,CAAC;AAEF,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,YAAY;IACpB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAUD,MAAM,WAAW,WAAW;IAE1B,MAAM,EAAE,YAAY,CAAC;IACrB,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,mBAAmB,EAAE,MAAM,MAAM,EAAE,CAAC;IACpC,2BAA2B,EAAE,MAAM,MAAM,EAAE,CAAC;IAC5C,uBAAuB,EAAE,MAAM,OAAO,CAAC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,CAAC,SAAS,MAAM,YAAY,EAC/C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KACnB,IAAI,CAAC;IAEV,MAAM,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,YAAY,EAAE,CAAC,CAAC,SAAS,MAAM,aAAa,EAC1C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KACpB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,iBAAiB,EAAE,2BAA2B,CACzD,YAAY,EACZ,WAAW,GAAG,aAAa,EAC3B,WAAW,CA+DZ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.23.1-next.33",
+  "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'

package/src/store/slices/config.ts

@@ -8,6 +8,7 @@ export const DEFAULT_CONFIG: WidgetConfig = {
   multiWallets: true,
   excludeLiquiditySources: true,
   customDestination: true,
+  variant: 'default',
 };
 
 interface IframeConfigs {