@rango-dev/widget-embedded 0.60.1 → 0.60.2-next.1

package/src/components/WalletStatefulConnect/ExperimentalChain.tsx

@@ -1,39 +0,0 @@
-import { i18n } from '@lingui/core';
-import { Button, Divider, MessageBox } from '@rango-dev/ui';
-import React from 'react';
-
-interface PropTypes {
-  displayName?: string;
-  onConfirm: () => void;
-  id: string;
-}
-
-export function ExperimentalChain(props: PropTypes) {
-  const { displayName, onConfirm, id } = props;
-
-  return (
-    <MessageBox
-      id={id}
-      title={i18n.t({
-        id: 'Add {blockchainDisplayName} Chain',
-        values: { blockchainDisplayName: displayName },
-      })}
-      type="warning"
-      description={i18n.t({
-        id: 'Would you like to add the {blockchainDisplayName} experimental chain to your wallet?',
-        values: { blockchainDisplayName: displayName },
-      })}>
-      <Divider size={18} />
-      <Divider size={32} />
-      <Button
-        id="widget-experimental-chain-confirm-btn"
-        onClick={onConfirm}
-        variant="outlined"
-        type="primary"
-        fullWidth
-        size="large">
-        {i18n.t('Confirm')}
-      </Button>
-    </MessageBox>
-  );
-}

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

@@ -1,53 +0,0 @@
-import type { PropTypes } from './ExperimentalChainStatus.types';
-import type { MessageType } from '@rango-dev/ui';
-
-import { i18n } from '@lingui/core';
-
-export function generateMessageByStatus(
-  status: PropTypes['status'],
-  blockchainDisplayName: string | undefined
-): {
-  type: MessageType;
-  title: string;
-  description: string;
-} {
-  switch (status) {
-    case 'in-progress':
-      return {
-        type: 'loading',
-        title: i18n.t({
-          id: 'Add {blockchainDisplayName} Chain',
-          values: { blockchainDisplayName },
-        }),
-        description: i18n.t({
-          id: 'Please approve the experimental chain pop-up in your wallet.',
-          values: { blockchainDisplayName },
-        }),
-      };
-    case 'completed':
-      return {
-        type: 'success',
-        title: i18n.t({
-          id: '{blockchainDisplayName} Chain Added',
-          values: { blockchainDisplayName },
-        }),
-        description: i18n.t({
-          id: 'The {blockchainDisplayName} chain has been successfully added to your wallet.',
-          values: { blockchainDisplayName },
-        }),
-      };
-    case 'rejected':
-      return {
-        type: 'error',
-        title: i18n.t('Request Rejected'),
-        description: i18n.t({
-          id: "You've rejected adding {blockchainDisplayName} chain to your wallet.",
-          values: { blockchainDisplayName },
-        }),
-      };
-    default:
-      throw new Error(
-        `Showing information about an experimentation chain status needs to be defined first. status: ${status}`
-      );
-  }
-}

package/src/components/WalletStatefulConnect/ExperimentalChainStatus.tsx

@@ -1,36 +0,0 @@
-import type { PropTypes } from './ExperimentalChainStatus.types';
-
-import { Image, MessageBox } from '@rango-dev/ui';
-import React from 'react';
-
-import {
-  LogoContainer,
-  Spinner,
-  WalletImageContainer,
-} from '../ConfirmWalletsModal/WalletList.styles';
-
-import { generateMessageByStatus } from './ExperimentalChainStatus.helpers';
-
-export function ExperimentalChainStatus(props: PropTypes) {
-  const { status, displayName, image } = props;
-  const data = generateMessageByStatus(status, displayName);
-  const hasImage = status == 'in-progress';
-
-  return (
-    <MessageBox
-      type={data.type}
-      title={data.title}
-      description={data.description}
-      icon={
-        hasImage ? (
-          <LogoContainer>
-            <WalletImageContainer>
-              <Image src={image} size={45} />
-            </WalletImageContainer>
-            <Spinner />
-          </LogoContainer>
-        ) : undefined
-      }
-    />
-  );
-}

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

@@ -1,5 +0,0 @@
-export interface PropTypes {
-  displayName?: string;
-  status: 'in-progress' | 'completed' | 'rejected';
-  image: string;
-}