@rango-dev/widget-embedded 0.42.4-next.1 → 0.43.0

package/dist/components/WalletStatefulConnect/Detached.d.ts

@@ -1,4 +0,0 @@
-import type { PropTypes } from './Detached.types';
-import React from 'react';
-export declare function Detached(props: PropTypes): React.JSX.Element;
-//# sourceMappingURL=Detached.d.ts.map

package/dist/components/WalletStatefulConnect/Detached.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Detached.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/Detached.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,qBA0CxC"}

package/dist/components/WalletStatefulConnect/Detached.types.d.ts

@@ -1,8 +0,0 @@
-import type { NeedsNamespacesState } from '../../hooks/useStatefulConnect';
-import type { Namespace } from '@rango-dev/wallets-core/namespaces/common';
-export interface PropTypes {
-    value: NeedsNamespacesState;
-    onConfirm: () => void;
-    selectedNamespaces: Namespace[] | null;
-}
-//# sourceMappingURL=Detached.types.d.ts.map

package/dist/components/WalletStatefulConnect/Detached.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Detached.types.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/Detached.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAE3E,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;CACxC"}

package/dist/components/WalletStatefulConnect/NamespaceDetachedItem.d.ts

@@ -1,4 +0,0 @@
-import type { NamespaceDetachedItemPropTypes } from './Namespaces.types';
-import React from 'react';
-export declare const NamespaceDetachedItem: (props: NamespaceDetachedItemPropTypes) => React.JSX.Element;
-//# sourceMappingURL=NamespaceDetachedItem.d.ts.map

package/dist/components/WalletStatefulConnect/NamespaceDetachedItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NamespaceDetachedItem.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/NamespaceDetachedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,oBAAoB,CAAC;AAczE,OAAO,KAA+C,MAAM,OAAO,CAAC;AAkBpE,eAAO,MAAM,qBAAqB,UACzB,8BAA8B,sBA+ItC,CAAC"}

package/dist/components/WalletStatefulConnect/NamespaceUnsupportedItem.d.ts

@@ -1,4 +0,0 @@
-import type { NamespaceUnsupportedItemPropTypes } from './Namespaces.types';
-import React from 'react';
-export declare function NamespaceUnsupportedItem(props: NamespaceUnsupportedItemPropTypes): React.JSX.Element;
-//# sourceMappingURL=NamespaceUnsupportedItem.d.ts.map

package/dist/components/WalletStatefulConnect/NamespaceUnsupportedItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NamespaceUnsupportedItem.d.ts","sourceRoot":"","sources":["../../../src/components/WalletStatefulConnect/NamespaceUnsupportedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,oBAAoB,CAAC;AAI5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,iCAAiC,qBAwBzC"}

package/dist/utils/sanitizers.d.ts

@@ -1,27 +0,0 @@
-/**
- * Remove leading zeros when followed by another digit.
- * @example "000123" → "123"
- */
-export declare function removeLeadingZeros(input: string): string;
-/**
- * Ensure a leading zero before a decimal point.
- * @example ".45" → "0.45"
- */
-export declare function ensureLeadingZeroForDecimal(input: string): string;
-/**
- * Insert commas as thousand separators.
- * @example "1234567" → "1,234,567"
- */
-export declare function formatThousandsWithCommas(input: string): string;
-/**
- * Replace spaces (one or more) with a single dash.
- * @example "a b  c" → "a-b-c"
- */
-export declare function replaceSpacesWithDash(input: string): string;
-/**
- * Strip any trailing zeros in the fractional part, and remove a dangling decimal point.
- * @example "0.0010000" → "0.001"
- * @example "10.000"    → "10"
- */
-export declare function stripTrailingZeros(input: string): string;
-//# sourceMappingURL=sanitizers.d.ts.map

package/dist/utils/sanitizers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sanitizers.d.ts","sourceRoot":"","sources":["../../src/utils/sanitizers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExD;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE/D;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGxD"}

package/dist/utils/sanitizers.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=sanitizers.test.d.ts.map

package/dist/utils/sanitizers.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sanitizers.test.d.ts","sourceRoot":"","sources":["../../src/utils/sanitizers.test.ts"],"names":[],"mappings":""}

package/dist/utils/validation.d.ts

@@ -1,26 +0,0 @@
-/**
- * Check if a string is composed only of zeros, optionally with decimal zeros.
- * @param input - string to test, e.g. "0", "000.00"
- * @returns true when input represents zero, otherwise false
- */
-export declare function isZeroValue(input: string): boolean;
-/**
- * Validate currency-style input: up to `maxDecimals` places after the decimal point.
- * @param input - string to test, e.g. "0", "10.25"
- * @param maxDecimals - maximum digits allowed after the decimal (default: 2)
- * @returns true for valid money formats, false otherwise
- */
-export declare function isValidCurrencyFormat(input: string, maxDecimals?: number): boolean;
-/**
- * Test if a string is a numeric literal (integers or decimals), allows leading zeros.
- * @param input - string to test, e.g. "00.5", "123"
- * @returns true when string is numeric, false otherwise
- */
-export declare function isNumeric(input: string): boolean;
-/**
- * Detect if a color key name ends with digits (overriding default shades).
- * @param key - color key, e.g. "primary", "secondary100"
- * @returns true when key has numeric suffix, false otherwise
- */
-export declare function isColorKeyOverridden(key: string): boolean;
-//# sourceMappingURL=validation.d.ts.map

package/dist/utils/validation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../src/utils/validation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,WAGxC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,WAAW,GAAE,MAAU,GACtB,OAAO,CAKT;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAGhD;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAGzD"}

package/dist/utils/validation.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=validation.test.d.ts.map

package/dist/utils/validation.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.test.d.ts","sourceRoot":"","sources":["../../src/utils/validation.test.ts"],"names":[],"mappings":""}

package/src/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.helpers.ts

@@ -1,33 +0,0 @@
-import type { AlertInfo } from '../QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers';
-
-import { i18n } from '@lingui/core';
-
-import { HIGH_SLIPPAGE, MIN_SLIPPAGE } from '../../constants/swapSettings';
-
-export type ActionType = AlertInfo['action'] | 'reset-slippage';
-
-type Alert = Omit<AlertInfo, 'action'> & {
-  action: ActionType;
-};
-
-export function makeAlerts(slippage: number): Alert | null {
-  let alertInfo: Alert | null = null;
-  if (slippage === MIN_SLIPPAGE) {
-    alertInfo = {
-      alertType: 'error',
-      action: 'reset-slippage',
-      actionButtonTitle: i18n.t('Reset'),
-      title: i18n.t('Slippage cannot be set lower than 0.01%.'),
-    };
-    return alertInfo;
-  } else if (slippage > HIGH_SLIPPAGE) {
-    alertInfo = {
-      alertType: 'warning',
-      action: 'change-settings',
-      actionButtonTitle: i18n.t('Change'),
-      title: i18n.t('Caution, your slippage is high!'),
-    };
-    return alertInfo;
-  }
-  return null;
-}

package/src/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.tsx

@@ -1,48 +0,0 @@
-import type { ActionType } from './SlippageWarningsAndErrors.helpers';
-import type { PropTypes } from './SlippageWarningsAndErrors.types';
-
-import { Alert, Button } from '@rango-dev/ui';
-import React from 'react';
-
-import { DEFAULT_SLIPPAGE } from '../../constants/swapSettings';
-import { useAppStore } from '../../store/AppStore';
-
-import { makeAlerts } from './SlippageWarningsAndErrors.helpers';
-
-export function SlippageWarningsAndErrors(props: PropTypes) {
-  const { slippage, customSlippage, setSlippage, setCustomSlippage } =
-    useAppStore();
-  const { onChangeSettings } = props;
-  const currentSlippage = customSlippage !== null ? customSlippage : slippage;
-
-  const alertInfo = makeAlerts(currentSlippage);
-
-  const onClickActionButton = (action: ActionType) => {
-    if (action === 'reset-slippage') {
-      setSlippage(DEFAULT_SLIPPAGE);
-      setCustomSlippage(null);
-    } else if (action === 'change-settings') {
-      onChangeSettings();
-    }
-  };
-
-  if (!alertInfo) {
-    return null;
-  }
-  return (
-    <Alert
-      title={alertInfo.title}
-      type={alertInfo.alertType}
-      variant="alarm"
-      action={
-        <Button
-          id="widget-slippage-warning-error-change-settings-or-reset-slippage-btn"
-          size="xxsmall"
-          type={alertInfo.alertType}
-          onClick={() => onClickActionButton(alertInfo.action)}>
-          {alertInfo.actionButtonTitle}
-        </Button>
-      }
-    />
-  );
-}

package/src/components/SlippageWarningsAndErrors/SlippageWarningsAndErrors.types.ts

@@ -1,3 +0,0 @@
-export interface PropTypes {
-  onChangeSettings: () => void;
-}

package/src/components/SwapMetrics/SwapMetrics.constants.ts

@@ -1,4 +0,0 @@
-export const USD_FORMAT_DECIMALS = 2;
-export const USD_EXCHANGE_MINIMUM = 0.001;
-export const SMALL_VALUE_DECIMALS = 14;
-export const LARGE_VALUE_MAX_DIGITS = 10;

package/src/components/SwapMetrics/SwapMetrics.helpers.ts

@@ -1,76 +0,0 @@
-import type { SlippageColorParams } from './SwapMetrics.types';
-
-import BigNumber from 'bignumber.js';
-
-import { QuoteErrorType, QuoteWarningType } from '../../types';
-
-import {
-  LARGE_VALUE_MAX_DIGITS,
-  SMALL_VALUE_DECIMALS,
-  USD_EXCHANGE_MINIMUM,
-  USD_FORMAT_DECIMALS,
-} from './SwapMetrics.constants';
-
-export function getSlippageColor(params: SlippageColorParams) {
-  const { error, isDarkTheme, warning } = params;
-  const { quoteError, slippageError } = error;
-  const { quoteWarning, slippageWarning } = warning;
-  const hasSlippageError =
-    !!slippageError ||
-    quoteError?.type === QuoteErrorType.INSUFFICIENT_SLIPPAGE;
-  const hasSlippageWarning =
-    !!slippageWarning ||
-    quoteWarning?.type === QuoteWarningType.INSUFFICIENT_SLIPPAGE;
-
-  if (hasSlippageError) {
-    return '$error500';
-  } else if (hasSlippageWarning) {
-    return '$warning500';
-  }
-  if (isDarkTheme) {
-    return '$neutral600';
-  }
-  return '$neutral700';
-}
-
-export function getUsdExchangeRate(params: {
-  toTokenUsdPrice: number | null;
-  fromTokenUsdPrice: number | null;
-}) {
-  const { toTokenUsdPrice, fromTokenUsdPrice } = params;
-  if (!toTokenUsdPrice || !fromTokenUsdPrice) {
-    return { rawValue: '0', displayValue: '0' };
-  }
-
-  const toPrice = new BigNumber(toTokenUsdPrice);
-  const fromPrice = new BigNumber(fromTokenUsdPrice);
-  const rawValue = toPrice.dividedBy(fromPrice);
-  let displayValue: string;
-
-  if (rawValue.isLessThan(1)) {
-    displayValue = rawValue.toFixed(SMALL_VALUE_DECIMALS);
-  } else if (rawValue.toFixed(0).length > LARGE_VALUE_MAX_DIGITS) {
-    displayValue = rawValue.toFixed(0).slice(0, LARGE_VALUE_MAX_DIGITS);
-  } else {
-    displayValue = rawValue.toFixed(USD_FORMAT_DECIMALS);
-  }
-  return {
-    displayValue,
-    rawValue: rawValue.toFixed(),
-  };
-}
-
-export function formatTokenValueInUsd(
-  usdExchangeRate: number,
-  tokenUsdPrice: number
-): string {
-  const value = new BigNumber(usdExchangeRate).multipliedBy(tokenUsdPrice);
-  if (value.isLessThan(USD_EXCHANGE_MINIMUM)) {
-    return '$0';
-  }
-  const result = value
-    .decimalPlaces(USD_FORMAT_DECIMALS, BigNumber.ROUND_DOWN)
-    .toFormat(USD_FORMAT_DECIMALS);
-
-  return `$${result}`;
-}

package/src/components/SwapMetrics/SwapMetrics.styles.ts

@@ -1,32 +0,0 @@
-import { darkTheme, styled, Typography } from '@rango-dev/ui';
-
-export const Container = styled('div', {
-  display: 'flex',
-  padding: '$4',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-});
-
-export const Rate = styled('div', {
-  display: 'flex',
-  alignItems: 'center',
-  gap: '$2',
-  '& .rate-text': {
-    color: '$neutral700',
-    [`.${darkTheme} &`]: {
-      color: '$neutral700',
-    },
-  },
-  '& ._icon-button': {
-    transform: 'rotate(90deg)',
-    width: '$16',
-    height: '$16',
-  },
-});
-
-export const TokenName = styled(Typography, {
-  maxWidth: '$32',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-});

package/src/components/SwapMetrics/SwapMetrics.tsx

@@ -1,134 +0,0 @@
-import type { PropTypes } from './SwapMetrics.types';
-
-import { i18n } from '@lingui/core';
-import {
-  IconButton,
-  ReverseIcon,
-  Skeleton,
-  Tooltip,
-  Typography,
-} from '@rango-dev/ui';
-import React from 'react';
-
-import { useTheme } from '../../hooks/useTheme';
-import { useAppStore } from '../../store/AppStore';
-import { getContainer } from '../../utils/common';
-import { getSlippageValidation } from '../../utils/settings';
-
-import {
-  formatTokenValueInUsd,
-  getSlippageColor,
-  getUsdExchangeRate,
-} from './SwapMetrics.helpers';
-import { Container, Rate, TokenName } from './SwapMetrics.styles';
-
-export function SwapMetrics(props: PropTypes) {
-  const { slippage, customSlippage, quoteTokensRate, changeQuoteTokensRate } =
-    useAppStore();
-  const {
-    quoteError,
-    quoteWarning,
-    fromToken: initialFromToken,
-    toToken: initialToToken,
-    quote,
-    loading,
-  } = props;
-  const currentSlippage = customSlippage !== null ? customSlippage : slippage;
-  const { mode } = useTheme({});
-  const slippageValidation = getSlippageValidation(currentSlippage);
-  const isDarkTheme = mode === 'dark';
-  const isDefaultRate = quoteTokensRate === 'default';
-
-  const error = {
-    quoteError,
-    slippageError:
-      slippageValidation?.type === 'error' ? slippageValidation.message : null,
-  };
-  const warning = {
-    quoteWarning,
-    slippageWarning:
-      slippageValidation?.type === 'warning'
-        ? slippageValidation.message
-        : null,
-  };
-
-  const sourceToken = quote?.swaps[0].from || initialFromToken;
-  const destinationToken =
-    quote?.swaps[quote?.swaps.length - 1].to || initialToToken;
-
-  const fromToken = isDefaultRate ? sourceToken : destinationToken;
-  const toToken = isDefaultRate ? destinationToken : sourceToken;
-
-  const fromAmount = Number(
-    isDefaultRate ? quote?.outputAmount : quote?.requestAmount
-  );
-  const toAmount = Number(
-    isDefaultRate ? quote?.requestAmount : quote?.outputAmount
-  );
-
-  const fromTokenUsdPrice = fromAmount || fromToken.usdPrice;
-  const toTokenUsdPrice = toAmount || toToken.usdPrice;
-
-  const { rawValue: rawExchangeRate, displayValue: displayExchangeRate } =
-    getUsdExchangeRate({
-      toTokenUsdPrice,
-      fromTokenUsdPrice,
-    });
-
-  return (
-    <Container>
-      <Typography
-        variant={!!error || !!warning ? 'label' : 'body'}
-        size={!!error || !!warning ? 'medium' : 'small'}
-        color={getSlippageColor({ error, warning, isDarkTheme })}>
-        {i18n.t('Slippage:')} {currentSlippage}%
-      </Typography>
-      {loading ? (
-        <Skeleton height={16} width={104} variant="rounded" />
-      ) : (
-        fromTokenUsdPrice &&
-        toTokenUsdPrice && (
-          <Rate>
-            <Typography className="rate-text" variant="body" size="small">
-              1
-            </Typography>
-            <TokenName className="rate-text" variant="body" size="small">
-              {toToken.symbol}
-            </TokenName>
-            <IconButton
-              id="widget-home-page-change-rate-button"
-              onClick={changeQuoteTokensRate}>
-              <ReverseIcon size={14} color="secondary" />
-            </IconButton>
-            <Tooltip
-              container={getContainer()}
-              side="top"
-              sideOffset={4}
-              content={
-                <Typography className="rate-text" variant="body" size="small">
-                  {rawExchangeRate}
-                </Typography>
-              }>
-              <Typography className="rate-text" variant="body" size="small">
-                {displayExchangeRate}
-              </Typography>
-            </Tooltip>
-
-            <TokenName className="rate-text" variant="body" size="small">
-              {fromToken.symbol}
-            </TokenName>
-            {fromToken.usdPrice && (
-              <Typography color="neutral600" variant="body" size="small">
-                ~
-                {formatTokenValueInUsd(
-                  Number(rawExchangeRate),
-                  fromToken.usdPrice
-                )}
-              </Typography>
-            )}
-          </Rate>
-        )
-      )}
-    </Container>
-  );
-}

package/src/components/SwapMetrics/SwapMetrics.types.ts

@@ -1,26 +0,0 @@
-import type { QuoteError, QuoteWarning, SelectedQuote } from '../../types';
-import type { TokenData } from '../TokenList/TokenList.types';
-import type { SwapResultAsset } from 'rango-sdk';
-
-export interface PropTypes {
-  quoteError: QuoteError | null;
-  quoteWarning: QuoteWarning | null;
-  fromToken: TokenData;
-  toToken: TokenData;
-  quote: SelectedQuote | null;
-  loading: boolean;
-}
-
-export type Tokens = {
-  to: TokenData | SwapResultAsset;
-  from: TokenData | SwapResultAsset;
-};
-
-export type SlippageColorParams = {
-  error: { quoteError: QuoteError | null; slippageError: string | null };
-  warning: {
-    quoteWarning: QuoteWarning | null;
-    slippageWarning: string | null;
-  };
-  isDarkTheme: boolean;
-};

package/src/components/SwapMetrics/index.ts

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

package/src/components/WalletStatefulConnect/Detached.tsx

@@ -1,53 +0,0 @@
-import type { PropTypes } from './Detached.types';
-
-import { i18n } from '@lingui/core';
-import { Divider, Image, MessageBox } from '@rango-dev/ui';
-import React from 'react';
-
-import { NamespaceDetachedItem } from './NamespaceDetachedItem';
-import { NamespaceList, StyledButton } from './Namespaces.styles';
-import { NamespaceUnsupportedItem } from './NamespaceUnsupportedItem';
-
-export function Detached(props: PropTypes) {
-  const { selectedNamespaces, value } = props;
-  const { targetWallet } = value;
-
-  return (
-    <>
-      <MessageBox
-        type="info"
-        title={i18n.t(`Connect {wallet}`, {
-          wallet: targetWallet.type,
-        })}
-        description={i18n.t(
-          'This wallet supports multiple chains. Choose which chains you’d like to connect or disconnect.'
-        )}
-        icon={<Image src={targetWallet.image} size={45} />}
-      />
-      <Divider size={20} />
-      <NamespaceList>
-        {targetWallet.needsNamespace?.data.map((namespace, index, array) => (
-          <React.Fragment key={namespace.id}>
-            {namespace.unsupported ? (
-              <NamespaceUnsupportedItem namespace={namespace} />
-            ) : (
-              <NamespaceDetachedItem
-                walletType={targetWallet.type}
-                namespace={namespace}
-                initialConnect={selectedNamespaces?.includes(namespace.value)}
-              />
-            )}
-            {index !== array.length - 1 && <Divider size={10} />}
-          </React.Fragment>
-        ))}
-      </NamespaceList>
-      <Divider size={20} />
-      <StyledButton
-        id="widget-name-space-confirm-btn"
-        type="primary"
-        onClick={props.onConfirm}>
-        {i18n.t('Done')}
-      </StyledButton>
-    </>
-  );
-}

package/src/components/WalletStatefulConnect/Detached.types.ts

@@ -1,8 +0,0 @@
-import type { NeedsNamespacesState } from '../../hooks/useStatefulConnect';
-import type { Namespace } from '@rango-dev/wallets-core/namespaces/common';
-
-export interface PropTypes {
-  value: NeedsNamespacesState;
-  onConfirm: () => void;
-  selectedNamespaces: Namespace[] | null;
-}