diff options
author | Sebastian <sebasjm@gmail.com> | 2021-10-22 01:31:46 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-10-22 01:31:46 -0300 |
commit | 2ec2161a7e1c0787b5e9ea14311f19c6b6a52d63 (patch) | |
tree | ef06a4edcb6b35f1743878f3a4cd77edc752a76f /packages/anastasis-webui/src/utils | |
parent | 3740010117df56c0ab8cfa97c983d9cf0143daf1 (diff) | |
download | wallet-core-2ec2161a7e1c0787b5e9ea14311f19c6b6a52d63.tar.xz |
some storybook exmaples
Diffstat (limited to 'packages/anastasis-webui/src/utils')
-rw-r--r-- | packages/anastasis-webui/src/utils/index.tsx | 161 |
1 files changed, 161 insertions, 0 deletions
diff --git a/packages/anastasis-webui/src/utils/index.tsx b/packages/anastasis-webui/src/utils/index.tsx new file mode 100644 index 000000000..d1d861469 --- /dev/null +++ b/packages/anastasis-webui/src/utils/index.tsx @@ -0,0 +1,161 @@ +/* eslint-disable @typescript-eslint/camelcase */ +import { BackupStates, RecoveryStates, ReducerState } from 'anastasis-core'; +import { FunctionalComponent, h, VNode } from 'preact'; +import { AnastasisProvider } from '../context/anastasis'; + +export function createExample<Props>(Component: FunctionalComponent<Props>, currentReducerState?: ReducerState, props?: Partial<Props>): { (args: Props): VNode } { + const r = (args: Props): VNode => { + return <AnastasisProvider value={{ + currentReducerState, + currentError: undefined, + back: () => { null }, + dismissError: () => { null }, + reset: () => { null }, + runTransaction: () => { null }, + startBackup: () => { null }, + startRecover: () => { null }, + transition: () => { null }, + }}> + <Component {...args} /> + </AnastasisProvider> + } + r.args = props + return r +} + +const base = { + continents: [ + { + name: "Europe" + }, + { + name: "India" + }, + { + name: "Asia" + }, + { + name: "North America" + }, + { + name: "Testcontinent" + } + ], + countries: [ + { + code: "xx", + name: "Testland", + continent: "Testcontinent", + continent_i18n: { + de_DE: "Testkontinent" + }, + name_i18n: { + de_DE: "Testlandt", + de_CH: "Testlandi", + fr_FR: "Testpais", + en_UK: "Testland" + }, + currency: "TESTKUDOS", + call_code: "+00" + }, + { + code: "xy", + name: "Demoland", + continent: "Testcontinent", + continent_i18n: { + de_DE: "Testkontinent" + }, + name_i18n: { + de_DE: "Demolandt", + de_CH: "Demolandi", + fr_FR: "Demopais", + en_UK: "Demoland" + }, + currency: "KUDOS", + call_code: "+01" + } + ], + authentication_providers: { + "http://localhost:8086/": { + http_status: 200, + annual_fee: "COL:0", + business_name: "ana", + currency: "COL", + liability_limit: "COL:10", + methods: [ + { + type: "question", + usage_fee: "COL:0" + } + ], + salt: "WBMDD76BR1E90YQ5AHBMKPH7GW", + storage_limit_in_megabytes: 16, + truth_upload_fee: "COL:0" + }, + "http://localhost:8087/": { + code: 8414, + hint: "request to provider failed" + }, + "http://localhost:8088/": { + code: 8414, + hint: "request to provider failed" + }, + "http://localhost:8089/": { + code: 8414, + hint: "request to provider failed" + } + }, + // expiration: { + // d_ms: 1792525051855 // check t_ms + // }, +} as Partial<ReducerState> + +export const reducerStatesExample = { + initial: undefined, + recoverySelectCountry: {...base, + recovery_state: RecoveryStates.CountrySelecting + } as ReducerState, + backupSelectCountry: {...base, + backup_state: BackupStates.CountrySelecting + } as ReducerState, + recoverySelectContinent: {...base, + recovery_state: RecoveryStates.ContinentSelecting, + } as ReducerState, + backupSelectContinent: {...base, + backup_state: BackupStates.ContinentSelecting, + } as ReducerState, + secretSelection: {...base, + recovery_state: RecoveryStates.SecretSelecting, + } as ReducerState, + recoveryFinished: {...base, + recovery_state: RecoveryStates.RecoveryFinished, + } as ReducerState, + challengeSelecting: {...base, + recovery_state: RecoveryStates.ChallengeSelecting, + } as ReducerState, + challengeSolving: {...base, + recovery_state: RecoveryStates.ChallengeSolving, + } as ReducerState, + secretEdition: {...base, + backup_state: BackupStates.SecretEditing, + } as ReducerState, + policyReview: {...base, + backup_state: BackupStates.PoliciesReviewing, + } as ReducerState, + policyPay: {...base, + backup_state: BackupStates.PoliciesPaying, + } as ReducerState, + backupFinished: {...base, + backup_state: BackupStates.BackupFinished, + } as ReducerState, + authEditing: {...base, + backup_state: BackupStates.AuthenticationsEditing + } as ReducerState, + attributeEditing: {...base, + backup_state: BackupStates.UserAttributesCollecting + } as ReducerState, + truthsPaying: {...base, + backup_state: BackupStates.TruthsPaying + } as ReducerState, + +} |