diff --git a/src/core/providers/helpers/ledger/components/LedgerModalComponent/LedgerModalComponent.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/LedgerModalComponent.ts similarity index 72% rename from src/core/providers/helpers/ledger/components/LedgerModalComponent/LedgerModalComponent.ts rename to src/core/providers/helpers/ledger/components/LedgerConnectModal/LedgerModalComponent.ts index 6953a10..e51164f 100644 --- a/src/core/providers/helpers/ledger/components/LedgerModalComponent/LedgerModalComponent.ts +++ b/src/core/providers/helpers/ledger/components/LedgerConnectModal/LedgerModalComponent.ts @@ -1,49 +1,24 @@ import { LitElement, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; -import { ledgerStyles } from './ldegerModalComponent.styles'; -import { ILedgerAccount } from '../../ledger.types'; +import { ledgerStyles } from './ledgerConnectModal.styles'; import { EventBus } from '../EventBus'; import { renderAccounts } from './components/renderAccounts'; import { renderInModal } from './components/renderInModal'; - -export interface IConnectScreenData { - customContentMarkup?: string; - disabled?: boolean; - error?: string; -} - -export interface IAccountScreenData { - accounts: ILedgerAccount[]; - startIndex: number; - addressesPerPage: number; - isLoading: boolean; -} - -export interface IConfirmScreenData { - data?: string; - selectedAddress: string; - confirmAddressText?: string; - authText?: string; - areShownText?: string | null; -} - -export interface ILedgerModalData { - connectScreenData: IConnectScreenData | null; - accountScreenData: IAccountScreenData | null; - shouldClose?: true; - confirmScreenData: IConfirmScreenData | null; -} +import { + ILedgerConnectModalData, + LedgerConnectEventsEnum +} from './ledgerConnectModal.types'; @customElement('ledger-connect-modal') -export class LedgerModalComponent extends LitElement { - @property({ type: Object }) public data: ILedgerModalData = { +export class LedgerConnectModal extends LitElement { + @property({ type: Object }) public data: ILedgerConnectModalData = { accountScreenData: null, confirmScreenData: null, connectScreenData: {} }; @property({ type: Number }) private selectedIndex = 0; - @property({ type: Number }) private selectedAddress = ''; + @property({ type: String }) private selectedAddress = ''; static styles = ledgerStyles; @@ -99,25 +74,33 @@ export class LedgerModalComponent extends LitElement { }); } - // TODO: test simple ledger connection without token if (confirmScreenData) { return renderInModal({ onClose: () => this.close(), title: html`Confirm`, subtitle: html`Confirm Ledger Address`, - body: html`
-
+ body: html`
+
${confirmScreenData.confirmAddressText}
${confirmScreenData.selectedAddress}
-
-
${confirmScreenData?.authText}
-
${confirmScreenData?.data}
-
${confirmScreenData?.areShownText}
+
+
+ ${confirmScreenData?.authText} +
+
+ ${confirmScreenData?.data} +
+
+ ${confirmScreenData?.areShownText} +
-
+
Select Approve on your device to confirm.
@@ -148,7 +131,8 @@ export class LedgerModalComponent extends LitElement {
diff --git a/src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/getAuthTokenText.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/getAuthTokenText.ts similarity index 100% rename from src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/getAuthTokenText.ts rename to src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/getAuthTokenText.ts diff --git a/src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/getLedgerVersionOptions.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/getLedgerVersionOptions.ts similarity index 100% rename from src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/getLedgerVersionOptions.ts rename to src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/getLedgerVersionOptions.ts diff --git a/src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/secondsToTimeString.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/secondsToTimeString.ts similarity index 100% rename from src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/secondsToTimeString.ts rename to src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/secondsToTimeString.ts diff --git a/src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/tests/getLedgerVersionOptions.test.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/tests/getLedgerVersionOptions.test.ts similarity index 100% rename from src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/tests/getLedgerVersionOptions.test.ts rename to src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/tests/getLedgerVersionOptions.test.ts diff --git a/src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/tests/secondsToTimeString.test.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/tests/secondsToTimeString.test.ts similarity index 100% rename from src/core/providers/helpers/ledger/components/LedgerModalComponent/helpers/tests/secondsToTimeString.test.ts rename to src/core/providers/helpers/ledger/components/LedgerConnectModal/helpers/tests/secondsToTimeString.test.ts diff --git a/src/core/providers/helpers/ledger/components/LedgerModalComponent/ldegerModalComponent.styles.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/ledgerConnectModal.styles.ts similarity index 60% rename from src/core/providers/helpers/ledger/components/LedgerModalComponent/ldegerModalComponent.styles.ts rename to src/core/providers/helpers/ledger/components/LedgerConnectModal/ledgerConnectModal.styles.ts index 347fed7..29e09dd 100644 --- a/src/core/providers/helpers/ledger/components/LedgerModalComponent/ldegerModalComponent.styles.ts +++ b/src/core/providers/helpers/ledger/components/LedgerConnectModal/ledgerConnectModal.styles.ts @@ -103,4 +103,68 @@ export const ledgerStyles = css` transform: rotate(360deg); } } + + .ledger-confirm-address { + text-align: center; + padding: 48px 16px; + overflow: hidden; + display: flex; + flex-direction: column; + width: 100%; + } + + @media (min-width: 768px) { + .ledger-confirm-address { + padding: 48px 40px; + } + } + + .ledger-confirm-address-heading { + font-weight: 500; + font-size: 24px; + line-height: 1; + margin-bottom: 12px; + } + + .ledger-confirm-address-section { + line-height: 1.5; + margin-top: 40px; + font-size: 16px; + } + + .ledger-confirm-address-section .ledger-confirm-address-description { + color: variables.$gray-700; + } + + .ledger-confirm-address-section .ledger-confirm-address-data { + color: variables.$black; + margin: 8px 0; + word-break: break-word; + background-color: variables.$gray-500; + padding: 12px; + border-radius: 8px; + } + + .ledger-confirm-address-footer { + font-size: 14px; + color: variables.$gray-700; + line-height: 1.5; + position: relative; + margin-top: 40px; + padding-top: 40px; + } + + .ledger-confirm-address-footer::before { + height: 1px; + content: ''; + left: 0; + bottom: 100%; + right: 0; + position: absolute; + background-color: variables.$gray-700; + } + + .ledger-confirm-address-footer a { + color: variables.$primary; + } `; diff --git a/src/core/providers/helpers/ledger/components/LedgerConnectModal/ledgerConnectModal.types.ts b/src/core/providers/helpers/ledger/components/LedgerConnectModal/ledgerConnectModal.types.ts new file mode 100644 index 0000000..81c3568 --- /dev/null +++ b/src/core/providers/helpers/ledger/components/LedgerConnectModal/ledgerConnectModal.types.ts @@ -0,0 +1,44 @@ +// types here need to be synced with the types in sdk-dapp-core ledger.types.ts + +export interface IConnectScreenData { + customContentMarkup?: string; + disabled?: boolean; + error?: string; +} + +export interface IAccountScreenData { + accounts: ILedgerAccount[]; + startIndex: number; + addressesPerPage: number; + isLoading: boolean; +} + +export interface IConfirmScreenData { + data?: string; + selectedAddress: string; + confirmAddressText?: string; + authText?: string; + areShownText?: string | null; +} + +export interface ILedgerConnectModalData { + connectScreenData: IConnectScreenData | null; + accountScreenData: IAccountScreenData | null; + shouldClose?: true; + confirmScreenData: IConfirmScreenData | null; +} + +export interface ILedgerAccount { + address: string; + balance: string; + index: number; +} + +export enum LedgerConnectEventsEnum { + 'CONNECT_DEVICE' = 'CONNECT_DEVICE', + 'ACCESS_WALLET' = 'ACCESS_WALLET', + 'NEXT_PAGE' = 'NEXT_PAGE', + 'PREV_PAGE' = 'PREV_PAGE', + 'CLOSE' = 'CLOSE', + 'DATA_UPDATE' = 'DATA_UPDATE' +} diff --git a/src/core/providers/helpers/ledger/components/initiateLedgerLogin.ts b/src/core/providers/helpers/ledger/components/initiateLedgerLogin.ts index ab3b292..8de0edd 100644 --- a/src/core/providers/helpers/ledger/components/initiateLedgerLogin.ts +++ b/src/core/providers/helpers/ledger/components/initiateLedgerLogin.ts @@ -1,13 +1,13 @@ -import { LedgerModalComponent } from './LedgerModalComponent/LedgerModalComponent'; +import { LedgerConnectModal } from './LedgerConnectModal/LedgerModalComponent'; export async function initiateLedgerLogin() { if (!customElements.get('ledger-connect-modal')) { - customElements.define('ledger-connect-modal', LedgerModalComponent); + customElements.define('ledger-connect-modal', LedgerConnectModal); } const modalElement = document.createElement( 'ledger-connect-modal' - ) as LedgerModalComponent; + ) as LedgerConnectModal; document.body.appendChild(modalElement); } diff --git a/src/core/providers/helpers/ledger/createLedgerProvider.ts b/src/core/providers/helpers/ledger/createLedgerProvider.ts index ee4aa27..87ed5d2 100644 --- a/src/core/providers/helpers/ledger/createLedgerProvider.ts +++ b/src/core/providers/helpers/ledger/createLedgerProvider.ts @@ -9,70 +9,39 @@ import { setLedgerLogin } from 'store/actions/loginInfo/loginInfoActions'; import { fetchAccount } from 'utils/account/fetchAccount'; import { EventBus } from './components/EventBus'; import { initiateLedgerLogin } from './components/initiateLedgerLogin'; -import { getAuthTokenText } from './components/LedgerModalComponent/helpers/getAuthTokenText'; -import { - IAccountScreenData, - IConfirmScreenData, - IConnectScreenData, - ILedgerModalData -} from './components/LedgerModalComponent/LedgerModalComponent'; +import { getAuthTokenText } from './components/LedgerConnectModal/helpers/getAuthTokenText'; import { getLedgerErrorCodes } from './getLedgerErrorCodes'; import { getLedgerProvider } from './getLedgerProvider'; +import { LedgerConnectStateManager } from './helpers/LedgerConnectStateManager'; +import { LedgerConnectEventsEnum } from './ledger.types'; import { ILedgerAccount } from './ledger.types'; const failInitializeErrorText = 'Check if the MultiversX App is open on Ledger'; -const addressesPerPage = 10; -let allAccounts: ILedgerAccount[] = []; - -let accountScreenData: IAccountScreenData = { - accounts: allAccounts, - startIndex: 0, - addressesPerPage, - isLoading: true -}; - -let confirmScreenData: IConfirmScreenData = { - selectedAddress: '' -}; - -let connectScreenData: IConnectScreenData = {}; - -const initialData: ILedgerModalData = { - connectScreenData: {}, - accountScreenData: null, - confirmScreenData: null -}; - -let data = initialData; export async function createLedgerProvider(): Promise { const shouldInitiateLogin = !getIsLoggedIn(); const eventBus = EventBus.getInstance(); + const manager = LedgerConnectStateManager.getInstance(eventBus); if (shouldInitiateLogin) { initiateLedgerLogin(); } - const updateConnectScreen = (members: Partial) => { - connectScreenData = { - ...connectScreenData, - ...members - }; - data.confirmScreenData = null; - data.accountScreenData = null; - eventBus.publish('DATA_UPDATE', data); - }; - const { ledgerProvider: provider, ledgerConfig } = await new Promise< Awaited> >(async function buildLedgerProvider(resolve, reject) { const onRetry = () => buildLedgerProvider(resolve, reject); - const onCancel = () => reject('User cancelled login'); + const onCancel = () => reject('Device unavailable'); try { + manager.updateAccountScreen({ + isLoading: true + }); + const data = await getLedgerProvider(); - eventBus.unsubscribe('CONNECT_DEVICE', onRetry); - eventBus.unsubscribe('CLOSE', onCancel); + + eventBus.unsubscribe(LedgerConnectEventsEnum.CONNECT_DEVICE, onRetry); + eventBus.unsubscribe(LedgerConnectEventsEnum.CLOSE, onCancel); resolve(data); } catch (err) { if (!shouldInitiateLogin) { @@ -80,15 +49,12 @@ export async function createLedgerProvider(): Promise { } const { errorMessage, defaultErrorMessage } = getLedgerErrorCodes(err); - - updateConnectScreen({ + manager.updateConnectScreen({ error: errorMessage ?? defaultErrorMessage ?? failInitializeErrorText }); - eventBus.publish('DATA_UPDATE', data); - eventBus.subscribe('CONNECT_DEVICE', onRetry); - eventBus.subscribe('CLOSE', onCancel); - // if user rejected on ledger search for error and reject + eventBus.subscribe(LedgerConnectEventsEnum.CONNECT_DEVICE, onRetry); + eventBus.subscribe(LedgerConnectEventsEnum.CLOSE, onCancel); } }); @@ -116,31 +82,9 @@ export async function createLedgerProvider(): Promise { version: ledgerConfig.version }); - const eventBus = EventBus.getInstance(); - - const updateAccountScreen = (members: Partial) => { - accountScreenData = { - ...accountScreenData, - ...members - }; - data.confirmScreenData = null; - data.accountScreenData = accountScreenData; - eventBus.publish('DATA_UPDATE', data); - }; - - const updateConfirmScreen = (members: Partial) => { - confirmScreenData = { - ...authData, - ...confirmScreenData, - ...members - }; - data.accountScreenData = null; - data.confirmScreenData = confirmScreenData; - eventBus.publish('DATA_UPDATE', data); - }; - const updateAccounts = async () => { - const { startIndex } = accountScreenData; + const startIndex = manager.getAccountScreenData()?.startIndex || 0; + const allAccounts = manager.getAllAccounts(); const hasData = allAccounts.some( ({ index, balance }) => @@ -149,18 +93,18 @@ export async function createLedgerProvider(): Promise { const slicedAccounts = allAccounts.slice( startIndex, - startIndex + addressesPerPage + startIndex + manager.addressesPerPage ); if (hasData) { - return updateAccountScreen({ + return manager.updateAccountScreen({ accounts: slicedAccounts, isLoading: false }); } if (slicedAccounts.length === 0) { - updateAccountScreen({ + manager.updateAccountScreen({ isLoading: true }); } @@ -168,7 +112,7 @@ export async function createLedgerProvider(): Promise { try { const accountsArray = await provider.getAccounts( startIndex, - addressesPerPage + manager.addressesPerPage ); const accountsWithBalance: ILedgerAccount[] = accountsArray.map( @@ -181,12 +125,14 @@ export async function createLedgerProvider(): Promise { } ); - allAccounts = [...allAccounts, ...accountsWithBalance]; + const newAllAccounts = [...allAccounts, ...accountsWithBalance]; - updateAccountScreen({ - accounts: allAccounts.slice( + manager.updateAllAccounts(newAllAccounts); + + manager.updateAccountScreen({ + accounts: newAllAccounts.slice( startIndex, - startIndex + addressesPerPage + startIndex + manager.addressesPerPage ), isLoading: false }); @@ -202,17 +148,22 @@ export async function createLedgerProvider(): Promise { return; } const accountArrayIndex = index + startIndex; - allAccounts[accountArrayIndex].balance = account.balance; + newAllAccounts[accountArrayIndex].balance = account.balance; }); - updateAccountScreen({ - accounts: allAccounts.slice(startIndex, startIndex + addressesPerPage) + manager.updateAllAccounts(newAllAccounts); + + manager.updateAccountScreen({ + accounts: newAllAccounts.slice( + startIndex, + startIndex + manager.addressesPerPage + ) }); } catch (error) { - updateAccountScreen({ + manager.updateAccountScreen({ accounts: allAccounts.slice( startIndex, - startIndex + addressesPerPage + startIndex + manager.addressesPerPage ), isLoading: false }); @@ -227,51 +178,60 @@ export async function createLedgerProvider(): Promise { signature: string; addressIndex: number; }>(async (resolve, reject) => { - const closeComponent = () => { - // eslint-disable-next-line @typescript-eslint/no-use-before-define - eventBus.unsubscribe('CLOSE', onCancel); + const unsubscribeFromEvents = () => { // eslint-disable-next-line @typescript-eslint/no-use-before-define - eventBus.unsubscribe('PAGE_CHANGED', onPageChanged); - // eslint-disable-next-line @typescript-eslint/no-use-before-define - eventBus.unsubscribe('ACCESS_WALLET', onAccessWallet); - data = { - ...initialData, - shouldClose: true - }; - eventBus.publish('DATA_UPDATE', data); + eventBus.unsubscribe(LedgerConnectEventsEnum.CLOSE, onCancel); + eventBus.unsubscribe( + LedgerConnectEventsEnum.NEXT_PAGE, + // eslint-disable-next-line @typescript-eslint/no-use-before-define + onNextPageChanged + ); + eventBus.unsubscribe( + LedgerConnectEventsEnum.PREV_PAGE, + // eslint-disable-next-line @typescript-eslint/no-use-before-define + onPrevPageChanged + ); + eventBus.unsubscribe( + LedgerConnectEventsEnum.ACCESS_WALLET, + // eslint-disable-next-line @typescript-eslint/no-use-before-define + onAccessWallet + ); + }; + + const closeComponent = () => { + manager.closeAndReset(); }; const onCancel = async () => { await updateAccounts(); - eventBus.unsubscribe('CLOSE', onCancel); - // eslint-disable-next-line @typescript-eslint/no-use-before-define - eventBus.unsubscribe('PAGE_CHANGED', onPageChanged); - // eslint-disable-next-line @typescript-eslint/no-use-before-define - eventBus.unsubscribe('ACCESS_WALLET', onAccessWallet); + unsubscribeFromEvents(); reject('User cancelled login'); }; - const onPageChanged = async (payload: { action: 'next' | 'prev' }) => { - const { startIndex } = accountScreenData; + const onNextPageChanged = async () => { + const startIndex = manager.getAccountScreenData()?.startIndex || 0; + manager.updateStartIndex(startIndex + manager.addressesPerPage); + await updateAccounts(); + }; - if (payload.action === 'next') { - accountScreenData.startIndex = startIndex + addressesPerPage; - } - if (payload.action === 'prev' && startIndex > 0) { - accountScreenData.startIndex = Math.max( - 0, - startIndex - addressesPerPage + const onPrevPageChanged = async () => { + const startIndex = manager.getAccountScreenData()?.startIndex || 0; + + if (startIndex > 0) { + manager.updateStartIndex( + Math.max(0, startIndex - manager.addressesPerPage) ); - } - await updateAccounts(); + await updateAccounts(); + } }; const onAccessWallet = async function tryAccessWallet(payload: { addressIndex: number; selectedAddress: string; }) { - updateConfirmScreen({ + manager.updateConfirmScreen({ + ...authData, selectedAddress: payload.selectedAddress }); @@ -296,20 +256,21 @@ export async function createLedgerProvider(): Promise { }); } catch (err) { console.error('User rejected login:', err); - const shouldGoBack = Boolean(confirmScreenData); + const shouldClose = Boolean(manager.getAccountScreenData()); + if (shouldClose) { + return closeComponent(); + } + const shouldGoBack = Boolean(manager.getConfirmScreenData()); if (shouldGoBack) { await updateAccounts(); } - const shouldClose = Boolean(accountScreenData); - if (shouldClose) { - closeComponent(); - } } }; - eventBus.subscribe('CLOSE', onCancel); - eventBus.subscribe('PAGE_CHANGED', onPageChanged); - eventBus.subscribe('ACCESS_WALLET', onAccessWallet); + eventBus.subscribe(LedgerConnectEventsEnum.CLOSE, onCancel); + eventBus.subscribe(LedgerConnectEventsEnum.NEXT_PAGE, onNextPageChanged); + eventBus.subscribe(LedgerConnectEventsEnum.PREV_PAGE, onPrevPageChanged); + eventBus.subscribe(LedgerConnectEventsEnum.ACCESS_WALLET, onAccessWallet); }); const { version, dataEnabled } = ledgerConfig; diff --git a/src/core/providers/helpers/ledger/helpers/LedgerConnectStateManager.ts b/src/core/providers/helpers/ledger/helpers/LedgerConnectStateManager.ts new file mode 100644 index 0000000..a60ed36 --- /dev/null +++ b/src/core/providers/helpers/ledger/helpers/LedgerConnectStateManager.ts @@ -0,0 +1,138 @@ +import { + IAccountScreenData, + IConfirmScreenData, + IConnectScreenData, + ILedgerAccount, + ILedgerConnectModalData, + LedgerConnectEventsEnum +} from '../ledger.types'; + +export interface IEventBus { + publish(event: string, data: any): void; +} + +export class LedgerConnectStateManager { + private static instance: LedgerConnectStateManager | null = null; + public readonly addressesPerPage = 10; + + private eventBus: T; + private allAccounts: ILedgerAccount[] = []; + + // first screen data + private initialConnectScreenData: IConnectScreenData = {}; + private connectScreenData: IConnectScreenData = { + ...this.initialConnectScreenData + }; + + // second screen data + private initialAccountScreenData: IAccountScreenData = { + accounts: this.allAccounts, + startIndex: 0, + addressesPerPage: this.addressesPerPage, + isLoading: true + }; + private accountScreenData: IAccountScreenData = { + ...this.initialAccountScreenData + }; + + // third screen data + private initialConfirmScreenData: IConfirmScreenData = { + selectedAddress: '' + }; + private confirmScreenData: IConfirmScreenData = { + ...this.initialConfirmScreenData + }; + + // whole data to be sent on update events + private initialData: ILedgerConnectModalData = { + connectScreenData: this.initialConnectScreenData, + accountScreenData: null, + confirmScreenData: null + }; + + private data: ILedgerConnectModalData = { ...this.initialData }; + + private constructor(eventBus: T) { + this.eventBus = eventBus; + this.resetData(); + } + + public static getInstance( + eventBus: U + ): LedgerConnectStateManager { + if (!LedgerConnectStateManager.instance) { + LedgerConnectStateManager.instance = new LedgerConnectStateManager( + eventBus + ); + } + return LedgerConnectStateManager.instance as LedgerConnectStateManager; + } + + public updateAllAccounts(accounts: ILedgerAccount[]): void { + this.allAccounts = accounts; + this.accountScreenData.accounts = accounts; + } + + public updateStartIndex(startIndex: number): void { + this.accountScreenData.startIndex = startIndex; + } + + private resetData(): void { + this.accountScreenData = { ...this.initialAccountScreenData }; + this.confirmScreenData = { ...this.initialConfirmScreenData }; + this.connectScreenData = { ...this.initialConnectScreenData }; + this.data = { ...this.initialData }; + } + + public closeAndReset(): void { + this.data.shouldClose = true; + this.notifyDataUpdate(); + this.resetData(); + } + + public updateConnectScreen(members: Partial): void { + this.connectScreenData = { + ...this.connectScreenData, + ...members + }; + this.data.confirmScreenData = null; + this.data.accountScreenData = null; + this.notifyDataUpdate(); + } + + public updateAccountScreen(members: Partial): void { + this.accountScreenData = { + ...this.accountScreenData, + ...members + }; + this.data.confirmScreenData = null; + this.data.accountScreenData = this.accountScreenData; + this.notifyDataUpdate(); + } + + public updateConfirmScreen(members: Partial): void { + this.confirmScreenData = { + ...this.confirmScreenData, + ...members + }; + this.data.accountScreenData = null; + this.data.confirmScreenData = this.confirmScreenData; + this.notifyDataUpdate(); + } + + private notifyDataUpdate(): void { + this.eventBus.publish(LedgerConnectEventsEnum.DATA_UPDATE, this.data); + } + + public getAccountScreenData(): IAccountScreenData | null { + return this.data.accountScreenData; + } + + public getConfirmScreenData(): IConfirmScreenData | null { + return this.data.confirmScreenData; + } + + public getAllAccounts(): ILedgerAccount[] { + return this.allAccounts; + } +} diff --git a/src/core/providers/helpers/ledger/ledger.types.ts b/src/core/providers/helpers/ledger/ledger.types.ts index 7283fd0..5e69850 100644 --- a/src/core/providers/helpers/ledger/ledger.types.ts +++ b/src/core/providers/helpers/ledger/ledger.types.ts @@ -1,5 +1,44 @@ +// types here need to be synced with the types in sdk-dapp-core-ui + +export interface IConnectScreenData { + customContentMarkup?: string; + disabled?: boolean; + error?: string; +} + +export interface IAccountScreenData { + accounts: ILedgerAccount[]; + startIndex: number; + addressesPerPage: number; + isLoading: boolean; +} + +export interface IConfirmScreenData { + data?: string; + selectedAddress: string; + confirmAddressText?: string; + authText?: string; + areShownText?: string | null; +} + +export interface ILedgerConnectModalData { + connectScreenData: IConnectScreenData | null; + accountScreenData: IAccountScreenData | null; + shouldClose?: true; + confirmScreenData: IConfirmScreenData | null; +} + export interface ILedgerAccount { address: string; balance: string; index: number; } + +export enum LedgerConnectEventsEnum { + 'CONNECT_DEVICE' = 'CONNECT_DEVICE', + 'ACCESS_WALLET' = 'ACCESS_WALLET', + 'NEXT_PAGE' = 'NEXT_PAGE', + 'PREV_PAGE' = 'PREV_PAGE', + 'CLOSE' = 'CLOSE', + 'DATA_UPDATE' = 'DATA_UPDATE' +}